콘텐츠 디자인 개요

콘텐츠 디자인(종종 UX 카피 또는 마이크로카피라고 불려요)은 비주얼 디자인과 레이아웃만큼 중요한 디자인의 전략적 요소예요. 단어를 디자인 프로세스의 일부로, 마지막 순간에 붙이는 것이 아니라, 함께 다루면 효과적이고 직관적이며 인간 중심적인 제품 경험을 보장할 수 있어요. 콘텐츠 디자인 가이드라인은 리서처·디자이너·개발자·콘텐츠 전략가를 포함한 모든 UX 역할을 위한 핵심 리소스 역할을 합니다.

출처: Content Design Overview

본문

콘텐츠 디자인 가이드라인과 권장사항을 따르면 다음과 같이 더 전략적으로 단어로 디자인할 수 있어요:

제품과 애플리케이션 전반에 명확성과 일관성을 만들 수 있어요.
제품을 더 대화처럼 들리고 더 인간답게 만들 수 있어요.
작성된 콘텐츠로 모든 사용자에게 통합되고 브랜드에 부합하는 경험을 만들 수 있어요.

가능한 한 PatternFly 컴포넌트와 웹사이트 리소스는 이미 콘텐츠 가이드라인과 브랜드 목소리·톤을 따르고 있어요. 하지만 콘텐츠 디자인 가이드라인은 모든 작성 규칙의 완전한 목록을 제공하지도, 벗어날 수 없는 엄격한 요구사항 역할을 하지도 않습니다.

콘텐츠 가이드라인 살펴보기

UI 콘텐츠를 PatternFly의 목소리와 전략적 콘텐츠 원칙에 맞추는 데 도움이 되도록 다양한 작성 리소스를 제공해요.

기본 원칙

브랜드 목소리와 톤(Brand voice and tone): PatternFly 제품 전반에서 일관성과 인간미를 보장하는 고유한 목소리와 톤 표준을 정의해요.
모범 사례(Best practices): 단어를 디자인 프로세스에 통합해 직관적이고 인간 중심적인 경험을 보장하는 기본 조언을 제공해요.
접근성과 현지화(Accessibility and localization): 포용성을 위해 작성하고, 스크린 리더를 지원하며, 현지화로 글로벌 사용자를 위해 콘텐츠를 적용하는 방법에 대한 지침이에요.

문법(Grammar)

문법 문서에는 일반적인 작성 기법과 스타일 규칙이 포함돼요.

대문자 사용(Capitalization): 다양한 UI 시나리오에서 어떤 대소문자 스타일을 사용할지 상세히 다루는 규칙.
숫자(Numerics): 날짜·시간·통화·숫자 값을 표시하고 서식 지정하는 규칙 포함.
구두점(Punctuation): UI 컴포넌트와 장문 콘텐츠에서 구두점을 올바르게 사용하는 규칙.
문장 구조(Sentence structure): 명확성과 능동적이고 사용자 중심의 언어를 보장하기 위한 관점(시점)과 문장 태도에 대한 지침.
용어(Terminology): 다양한 UI 시나리오에서 사용할 선호 용어를 정리하며, 피해야 할 단어·구문 목록 포함.
생략(Truncation): 표시 공간이 제한될 때 넘치는 콘텐츠를 줄임표로 대체해 텍스트를 관리하는 지침.
단위와 기호(Units and symbols): 측정 단위와 축약 기호를 표시하는 규칙.

작성 가이드(Writing guides)

특정 유형의 콘텐츠에 대한 전술적 조언.

CLI 핸드북(CLI handbook): 텍스트 기반 명령줄 인터페이스(CLI)용 콘텐츠를 디자인하고 작성하는 자세한 지침.
오류 메시지(Error messages): 명확하고 실행 가능하며 공감적인 효과적인 오류 메시지를 작성하는 모범 사례.
PatternFly 디자인 가이드라인(PatternFly design guidelines): 웹사이트의 PatternFly 디자인 가이드라인을 위해 콘텐츠를 구조화하고 작성하는 지침.
제품 투어(Product tours): 제품 투어와 온보딩 플로우용 콘텐츠를 작성하는 모범 사례와 톤 조언.
툴팁(Tooltips): 특정 아이콘에 대한 세부 규칙을 포함한 툴팁 작성 지침.

추가 리소스

콘텐츠 디자인 가이드라인 전반에 걸쳐 철저한 지침을 제공하지만, 다음 보충 리소스도 유용할 수 있어요.

Red Hat 제품을 위한 글을 쓰다가 이 리소스들에서 상충되는 정보를 발견하면, PatternFly의 지침을 기본으로 사용하세요.

컴포넌트별 마이크로카피 지침은 해당 컴포넌트의 디자인 가이드라인을 참고하세요.
이 가이드에 포함되지 않은 마이크로카피 지침은 IBM Carbon의 UX content guidelines를 참고하세요.
Red Hat 제품 용어와 문서 표준은 Red Hat의 supplementary style guide를 참고하세요.
추가 용어 지침은 Merriam-Webster 온라인 사전을 사용하세요.

콘텐츠 디자인 개요