한국언론진흥재단 · 한눈에 보는 한국의 미디어

인터랙션 기능 제안

웹닷 → ㈜놀이나무 · 2026-08-18
8월 14일 통화에서 요청주신 ① 메인화면 디자인 시안 ② 인터랙션 기능 추천 ③ 비용 변동 안내에 대한 회신입니다.

1. 요청 정리

8월 14일 통화에서 확인한 내용입니다. 다르게 이해한 부분이 있으면 알려주세요.

항목내용
메인 시안전체가 아니라 메인 화면 한 장. 디자인 컨셉을 먼저 잡기 위한 것
인터랙션기관에서 보내주신 예시는 예시일 뿐이므로, 어떤 기능들이 가능한지 먼저 안내. 검토 후 자료별로 지정해 다시 요청
자료원자료 대표 샘플 전달 → 자료 형태에 맞게 제안
비용견적을 넘는 부분이 있으면 함께 안내 (대표님 보고용)
기한8월 18일(화)

2. 먼저 열어보실 화면

글로 설명하는 것보다 직접 눌러보시는 편이 빠릅니다. 세 화면 모두 보내주신 실제 데이터로 만들었습니다.

메인 화면은 어떤 방향으로 잡았는지

기관에서 주신 예시는 색과 움직임이 강한 편이고, 처음 회의에서는 “유행 안 타는 깔끔한 스타일”을 말씀해 주셨습니다. 두 요구가 부딪히지 않도록 골격은 재단 공식 사이트답게 차분하게 두고, 데이터가 나오는 자리에서만 색과 움직임을 썼습니다. 더 밝고 강한 쪽을 원하시면 8월 21일 시안에서 변형안으로 함께 보여드리겠습니다.

3. 인터랙션 기능 목록

기능을 네 단계로 나눴습니다. 아래에서 필요한 것만 골라 알려주시면 됩니다.

1단계 기본 시각화 계약 포함

지표마다 기본으로 들어갑니다. 개수 제한 없습니다. 지금 예시시안에서 이미 동작하고 있습니다.

기능설명필요한 자료
추이 · 비교 · 구성 그래프선 그래프, 막대 그래프, 도넛 그래프모든 통계표
값 보기마우스를 올리면 값과 응답 사례수가 나옵니다모든 통계표
그래프 ↔ 원자료 표그래프를 원본 표로 바꿔서 볼 수 있습니다모든 통계표
구분 비교 탭성별·연령 등 구분을 눌러 바꿔 봅니다구분열이 있는 표
이미지 저장그래프를 이미지 파일로 내려받습니다모든 통계표

2단계 가벼운 조작 계약 포함

“움직이고 클릭하면 반응하는” 수준입니다. 개수 제한 없습니다.

기능설명필요한 자료
연도 이동슬라이더로 연도를 옮기며 그 해 값을 봅니다5개 시점 이상 시계열
지표 전환같은 조사 안에서 볼 지표를 바꿉니다같은 조사의 지표 여러 개
규모 ↔ 비율전체 크기를 지우고 구성만 비교합니다구성비가 있는 표
정렬 · 필터순서를 바꾸거나 조건에 맞는 것만 봅니다목록형 자료
강조 표시‘역대 최저’ 같은 지점에 자동으로 표시를 붙입니다시계열

3단계 참여형 기본 3종 포함 · 초과분 별도

기관에서 보내주신 예시(직접 그려보기, 점수 맞히기)가 여기에 해당합니다. 이용자가 먼저 답해보고 정답을 확인하는 방식입니다.

기능설명필요한 자료
직접 그려보기추이를 손으로 그린 뒤 실제 데이터와 맞춰봅니다3개 시점 이상 시계열
구간 선택구간을 고르면 전체에서 어디쯤인지 알려줍니다구간별 분포표
점수 맞히기슬라이더로 값을 예측하고 정답을 확인합니다단일 수치 지표
선택형 퀴즈보기 중에 고르고 해설을 봅니다문항 원고 필요
이전 ↔ 지금 비교손잡이를 밀어 두 시점을 겹쳐 봅니다같은 항목의 두 시점

4단계 고급 기본 1종 포함 · 초과분 별도

화면 하나를 새로 설계해야 하는 유형입니다.

기능설명필요한 자료
지역 지도시도별 값을 지도에 색으로 칠합니다17개 시도 단위 표
세계 지도국가·도시 단위 값을 지도에 찍습니다해외 특파원·수출입 자료
순위 재정렬응답자 유형을 바꾸면 순위가 다시 매겨집니다구분이 많은 크로스탭
연동 필터 화면조건을 겹쳐 걸어 원하는 자료만 추립니다구분 3개 이상
스크롤 해설내려 읽으면 그래프가 단계별로 바뀝니다해설 원고 필요

4. 보내주신 자료에 붙일 수 있는 기능

8월 14일 전달주신 세 폴더를 열어보고, 자료 형태에 맞는 것만 골랐습니다. 데모에서 실제로 동작하는 것에는 표시를 해두었습니다.

자료데이터 형태붙일 수 있는 기능
언론인
2023 인포그래픽 + 2007 통계결과표
연도별 시계열(2007~2023), 구간별 분포, 응답자 구분 크로스탭 직접 그려보기(데모 있음) · 구간 선택(데모 있음) · 이전↔지금 비교 · 연도 이동
산업실태
2024 잡지산업 실태조사
4개 시점 시계열, 매출·지출 구성비, 정책과제 5점 척도 27개, 응답 업체 구분 33종 지표 전환(데모 있음) · 순위 재정렬(데모 있음) · 규모↔비율 · 연동 필터 화면
언론자료
2023 한국언론연감 데이터북
10년 시계열(2013~2022), 17개 시도 지역표, 국가별 수출입, 세계 도시별 특파원 지역 지도(데모 있음) · 연도 이동(데모 있음) · 규모↔비율 · 세계 지도

5. 먼저 확인이 필요한 사항

자료를 열어보며 발견한 것들입니다. 지금 정해두면 나중에 다시 만드는 일을 줄일 수 있습니다.

① 잡지산업 통계표는 같은 표가 두 벌입니다

모든 표가 실제 응답 기준(1,399개 업체)과 전체 추정 기준(1,796개 업체)으로 각각 실려 있습니다. 화면마다 어느 기준을 쓸지 정하고 반드시 표기해야 합니다. 기준이 섞이면 같은 항목의 숫자가 달라집니다.

② 응답이 적은 구분은 그대로 보여주면 안 됩니다

예를 들어 잡지산업의 ‘종사자 25명 이상’ 구분은 응답이 3개 업체뿐입니다. 한 곳의 답에 평균이 크게 흔들립니다. 데모(산업실태 인터랙티브)에서 해당 구분을 골라보시면 경고 문구가 뜨도록 해두었습니다. 실제 구축에서도 같은 방식으로 각주를 자동으로 붙이겠습니다.

③ 2007년 언론인 결과표는 2023년과 나란히 놓을 수 없습니다

보내주신 결과표는 온라인 매체 기자 60명을 대상으로 한 조사입니다. 2023년 조사(2,011명)와는 대상이 달라 직접 비교가 안 됩니다. 2023년 기준 통계결과표(XLS)가 있으면 함께 주시면 좋겠습니다.

④ 인포그래픽 PDF는 숫자를 자동으로 읽어올 수 없습니다

언론인 인포그래픽은 파일 안에 글자 정보가 깨져 있어, 이번 데모에서는 지면을 보고 사람이 옮겨 적었습니다. 실제 구축에서는 인포그래픽이 아니라 원본 결과표(XLS)를 주셔야 자동으로 반영됩니다.

⑤ 나머지 자료도 부탁드립니다

통화에서는 12개 중 대표 1개씩 보내주신다고 하셨는데, 도착한 것은 3개 분야 5개 파일입니다. 수용자 조사 원자료는 아직 받지 못했습니다. 나머지를 받으면 자료별로 어떤 기능이 맞는지 더 정확히 정리해 드리겠습니다.

6. 비용 안내

처음 협의 때 말씀해 주신 기준은 “인터랙션은 거창하지 않게, 움직이고 클릭하면 반응하는 정도”였고, 견적은 그 기준으로 잡았습니다. 이번에 기관에서 주신 예시는 그보다 한 단계 위입니다. 그래서 어디까지가 기본인지를 아래처럼 정리했습니다. 지금 정해두면 나중에 “이건 포함인가요” 를 다시 이야기하지 않아도 됩니다.

구분범위비용
1단계 기본 시각화모든 지표 공통, 개수 제한 없음계약 금액에 포함
2단계 가벼운 조작모든 지표 공통, 개수 제한 없음계약 금액에 포함
3단계 참여형3종까지 포함초과 1종당 35만 원
4단계 고급1종까지 포함초과 1종당 70만 원
AI 구조 분석통계표 업로드 시 자동 좌표 분석표 1건당 약 100원 (실비)

※ 금액은 부가세 별도입니다. AI 구조 분석 실비는 화면설계서 v0.2에서 이미 안내드린 내용입니다.

지금 시점에서는 추가 비용이 없습니다

기관에서 보내주신 예시(직접 그려보기, 점수 맞히기)는 3단계이고, 기본 3종 안에서 소화됩니다. 오늘 보여드린 데모도 3단계 2종 + 4단계 2종으로 만들었는데, 이 중 4단계 1종만 초과분입니다. 기능을 확정하시기 전까지는 견적 변동이 없습니다.

비용이 생기는 경우는 하나입니다 — 기관에서 “자료마다 하나씩 넣어주세요” 처럼 범위를 넓게 요청하실 때입니다. 그때는 몇 종인지가 정해지는 순간 금액이 바로 나옵니다.

오늘 선급금 진행에는 영향이 없습니다. 인터랙션 추가분이 생기더라도 잔금 청구 때 정산하면 됩니다.

7. 다음 단계

웹닷 · 박래완 팀장 · 010-7776-0291
본 문서와 데모 화면은 검토용이며 검색엔진에 노출되지 않습니다.
데모의 수치는 8월 14일 전달주신 자료에서 그대로 옮긴 값이며, 출처를 화면마다 표기했습니다.