핵심은 맨 앞에, 시각자료는 적절히

KRDS BP-054 — 인포그래픽, 사진, 동영상 등의 콘텐츠를 적절하게 활용하고, 핵심 주제는 첫 문단, 첫 문장에 포함시키고 있다.

0. 들어가며 — 핵심을 끝에 두면 못 읽는다

이번 620편은 인포그래픽·사진·동영상 등을 적절하게 활용하고, 핵심 주제는 첫 문단·첫 문장에 포함시키라는 규칙입니다.

긴 글에서 — 핵심을 맨 끝에 두면, 사용자는 끝까지 못 읽고 떠나 핵심을 놓치죠. BP-054는 두괄식(핵심 먼저) + 시각자료 적절 활용을 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 멀티미디어 활용 + 핵심 두괄식

BP-054 (기본 패턴 > 상세 정보 확인) “인포그래픽, 사진, 동영상 등의 콘텐츠를 적절하게 활용하고, 핵심 주제는 첫 문단, 첫 문장에 포함시키고 있다.”

시각 콘텐츠를 적절히 활용하고, 핵심 주제를 첫 문단·첫 문장에 두라는 뜻입니다.

정리: 시각자료를 적절히 쓰고, 핵심은 맨 앞(첫 문단·첫 문장)에 두라. 이게 BP-054입니다.

2. 왜 핵심 두괄식 + 시각 활용인가

이 규칙은 — 두 가지를 담습니다: 핵심 배치(두괄식)와 멀티미디어 활용입니다.

① 핵심 주제는 첫 문단·첫 문장에.

사용자는 — 긴 글을 끝까지 다 읽지 않습니다. 처음 몇 줄을 — 보고 계속 읽을지, 떠날지 판단하죠.

핵심이 뒤에 있을 때 가장 중요한 내용(결론·핵심)을 글 맨 끝에 두면, 거기까지 못 읽은 사용자는 핵심을 놓칩니다. 배경·서론만 잔뜩 읽다 정작 중요한 걸 못 보고 떠나죠.

두괄식(핵심 먼저) 핵심 주제를 첫 문단, 첫 문장에 둡니다. 사용자가 글을 열자마자 핵심을 파악하게요. 이후 상세·배경을 이어가죠. 신문 기사의 ‘역피라미드’ 구조와 같습니다. 바쁜 사용자도 앞부분만 봐도 핵심을 얻죠.

② 멀티미디어 적절 활용.

텍스트만으로는 — 전달이 어려운 정보가 있습니다.

시각자료가 도움 되는 경우 복잡한 통계·절차·관계는 인포그래픽으로, 현장·대상은 사진으로, 과정·시연은 동영상으로 효과적으로 전합니다. 적절한 시각자료는 이해를 돕고 흥미를 주죠.

’적절하게’의 의미 무조건 많이가 아니라 적절히입니다. 내용에 맞는 시각자료를, 필요한 만큼요. 장식용 과다 이미지는 오히려 방해죠. 그리고 시각자료에는 대체 텍스트(BP-058)를 줘 모두가 접근하게 합니다.

둘의 연결. 핵심 두괄식(빠른 파악) + 시각 활용(이해 강화)이 — 함께 콘텐츠의 전달력을 높입니다. 핵심을 앞에 두고, 적절한 시각자료로 — 이해를 돕는 거죠.

접근성 유의. 시각자료는 대체 텍스트(BP-058)·자막 등으로 접근성을 확보해야 합니다. 동영상은 자동재생 금지· 키보드 조작(BP-059)도요. 시각자료를 적절히 쓰되 모두가 접근하게 하는 게 함께 갑니다.

이 규칙은 상세 정보 확인의 ’전달 효율’을 담당합니다 — 핵심을 앞에 두고 시각자료를 적절히 활용해(054), 사용자가 빠르게 핵심을 파악하고 잘 이해하게 하죠.

정리하면 — 핵심을 글 끝에 두면 사용자가 놓치므로 핵심 주제를 첫 문단·첫 문장에 두고, 인포그래픽·사진·동영상을 내용에 맞게 적절히 활용(대체 수단 포함)해야 합니다.

3. 점검 / 개선

무엇을 점검하나

핵심 두괄식 — 핵심 주제가 첫 문단·첫 문장에 있는가.

시각 활용 — 인포그래픽·사진·동영상을 내용에 맞게 적절히 쓰는가.

접근성 — 시각자료에 대체 텍스트(BP-058)·자막이 있는가.

개선 방향

핵심을 맨 앞(첫 문단·첫 문장)에. 역피라미드 구조.

복잡 정보는 인포그래픽, 시각자료는 적절히(과다 금지) + 대체 수단.

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
콘텐츠 작성자	두괄식 작성·시각자료 기획
디자이너	인포그래픽·시각자료 제작

기관 유형	BP-054 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (콘텐츠 상세)

콘텐츠를 제공하는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 핵심 주제가 첫 문단·첫 문장에 있나요?

□ 인포그래픽·사진·동영상을 내용에 맞게 적절히 쓰나요?

□ 시각자료에 대체 텍스트(BP-058)·자막이 있나요?

❓ FAQ

Q1. 왜 핵심을 맨 앞에 두나요? 사용자는 긴 글을 끝까지 안 읽습니다. 핵심이 뒤에 있으면 놓치죠. 첫 문단·첫 문장에 두면 열자마자 핵심을 파악합니다(두괄식·역피라미드). Q2. 시각자료는 많을수록 좋나요? 아니요. ’적절히’입니다. 내용에 맞는 걸 필요한 만큼요. 장식용 과다 이미지는 방해되죠. 그리고 대체 텍스트로 접근성을 확보합니다. Q3. 동영상도 괜찮나요? 적절하면요. 단 자동재생 금지·키보드 조작(BP-059), 자막 등 접근성을 함께 확보해야 합니다.

6. 마무리

BP-054의 메시지:

핵심은 맨 앞에, 시각자료는 적절히 — 두괄식 + 멀티미디어 적절 활용.

핵심을 글 끝에 두면 사용자가 놓칩니다. 핵심을 첫 문단·첫 문장에 두고 시각자료를 적절히 활용(대체 수단 포함)해 빠른 파악·이해를 돕는 게 핵심이죠. 다음 편은 외부 이동·새 창 버튼 단서입니다.

다음 편 예고 ▶ 「621. (BP-055) 외부 서비스로 이동하거나 새 창을 실행하는 액션 버튼에 명확한 시각적 단서를 제공하고 있다.」

ViewCheck는 콘텐츠의 핵심 두괄식 배치와 시각자료 활용을 진단합니다.

📚 참고 출처

KRDS 기본 패턴 — 상세 정보 확인 가이드 — https://www.krds.go.kr/html/site/pattern/pattern_06.html

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준