디지털 프로덕트 UX 패턴 연구 목차

디지털 프로덕트에서 반복적으로 등장하는 UX 패턴을 섹션별로 분류해 관찰, 기고, 사례 분석으로 확장하기 위한 목차입니다.

이 목차는 UX 패턴 연구를 상태, 행동, 입력, 탐색, 학습, 접근성, 신뢰, 구현, 발행 전략의 흐름으로 나눈다. 각 섹션 디렉토리의 README.md에는 해당 섹션의 목적과 포함된 글 목록이 정리되어 있다.

질적 보완 기준은 UX 패턴 질적 보완 가이드에 정리한다. 개별 글을 고칠 때는 이 가이드를 기준으로 반복 문장을 줄이고, 판단 기준과 고급 개념, 구현 포인트를 보강한다.

저작권 리스크를 줄이기 위한 작성 기준은 저작권 안전 가이드에 정리한다. 외부 문서와 실제 서비스 사례는 원문이나 화면을 재현하지 않고, 패턴 판단 기준으로 추상화해 사용한다.

전체 문서 점검 결과는 저작권 리스크 전체 점검 리포트에 기록한다.

00. 연구 프레임

개별 패턴을 분석하기 전에 UX 패턴을 왜 연구하는지, 어떤 질문으로 화면을 관찰할지, 프론트엔드 구현과 어떻게 연결할지를 정리한다.

사용자가 지금 무엇이 일어나고 있는지 이해하고 다음 행동을 선택할 수 있도록 돕는 패턴을 다룬다.

중요한 행동을 보호하고, 실수를 예방하거나 회복시키며, 위험한 결과를 사용자가 이해하도록 돕는 패턴을 다룬다.

사용자가 정보를 입력하고 검증하고 제출하는 과정에서 막히지 않도록 돕는 패턴을 다룬다.

사용자가 많은 정보 속에서 원하는 대상을 찾고 비교하고 현재 위치를 이해하도록 돕는 패턴을 다룬다.

사용자가 제품의 가치를 처음 경험하고 기능을 자연스럽게 배워 나가도록 돕는 패턴을 다룬다.

접근성을 별도의 기능이 아니라 기본 사용성으로 보고, 다양한 사용 환경에서도 같은 행동과 이해가 가능하도록 만드는 패턴을 다룬다.

느린 응답, 저장 불안, 연결 실패 상황에서도 사용자가 안심하고 계속 작업할 수 있도록 돕는 패턴을 다룬다.

UX 패턴을 상태 모델, 컴포넌트 API, 테스트 케이스로 연결해 실제 프론트엔드 품질로 이어지게 만드는 방법을 다룬다.

UX 패턴 연구를 글로 발행할 때 질문형 구조, FAQ, 사례 구성, 답변엔진 친화적인 문서 구조를 다룬다.

각 글은 같은 질문 틀을 공유하되 섹션명은 주제에 맞게 바꾼다. 원고가 대량 템플릿처럼 보이지 않도록 상태, 위험, 입력, 탐색, 학습, 접근성, 신뢰, 구현, 발행의 언어를 제목에 드러낸다.

기본 흐름은 아래 정도로 유지한다.

심화 원고는 필요한 경우에만 상태 모델, 컴포넌트 API, 테스트해야 할 흐름, FAQ를 추가한다.