UI/UX 전략과 스토리보드
만들기 전에,
사용 흐름을 먼저 봅니다.
사용자가 무엇을 찾고 어떤 선택을 하는지 정리해 화면과 기능의 기준을 만듭니다.
02 / USER NEEDS
방문 목적과 고객의 질문
01
사용자 여정
방문 목적과 핵심 행동, 이탈할 수 있는 지점을 정리합니다.
02
정보 구조
메뉴와 콘텐츠의 관계를 정리하고 탐색 경로를 설계합니다.
03
와이어프레임
핵심 화면의 정보 순서와 행동을 빠르게 검토합니다.
04
화면 정의와 프로토타입
상태·오류·완료 화면까지 정리해 개발 기준을 공유합니다.
03 / JOURNEY & STRUCTURE
사용자 여정과 정보 구조
방문 목적에서 핵심 행동까지 사용자 여정을 정리합니다. 메뉴·콘텐츠·기능의 관계를 연결해 정보의 위치와 탐색 경로를 설계합니다.
01
사용자 여정
UI/UX 전략에서 먼저 볼 항목은 사용자 여정·정보 구조·화면 흐름입니다.
02
정보 구조
UI/UX 전략의 요청 범위는 다음 항목을 살펴 확인합니다: 사용자 여정·정보 구조·화면 흐름.
03
와이어프레임
화면 정의서·와이어프레임·프로토타입에 대한 검수 항목을 함께 정리합니다.
04 / WIREFRAMES
와이어프레임과 화면 배치
와이어프레임으로 화면의 우선순위와 행동을 검토합니다. 실제 콘텐츠 길이와 이미지, 모바일 배열을 고려해 디자인 기준을 만듭니다.
| 검토 영역 | 주요 질문 | 정리할 결과 |
|---|---|---|
| 고객과 목적 | 누구의 어떤 문제를 해결하나요? | 목표·질문·우선순위 |
| 구조와 실행 | 정보와 기능을 어떻게 연결하나요? | 페이지·작업·제공 범위 |
| 검증과 전달 | 무엇을 확인하고 이어받나요? | 측정 조건·결과물·다음 과제 |
05 / INPUT & STATES
입력·오류·완료 상태
정상 화면 외에도 로딩·입력 오류·빈 상태·완료 상태를 정의합니다. 사용자가 지금 무엇을 해야 하는지 알 수 있도록 안내합니다.
- 사용자 여정과 정보 구조도
- 와이어프레임·화면 정의서
- 클릭 가능한 프로토타입
06 / UX DELIVERABLES
프로토타입·정의서·인수
프로토타입과 화면 정의서를 통해 동작을 공유합니다. 개발 담당자가 구현·검수할 수 있도록 상태와 기능 조건을 기록합니다.
01
사용자 여정과 정보 구조도
UI/UX 전략의 화면 정의서·와이어프레임·프로토타입에 필요한 확인 항목을 정리합니다.
02
와이어프레임·화면 정의서
UI/UX 전략에 적용할 항목은 화면 정의서·와이어프레임·프로토타입의 확인 여부를 중심으로 구분합니다.
03
클릭 가능한 프로토타입
UI/UX 전략 운영 자료를 다음 담당자가 이어서 확인할 수 있게 남깁니다.
07 / UX SCOPE
기획 범위와 상담 견적
UX CONSULTATION
상담 문의
UI/UX 전략 상담은 사용자 여정·정보 구조·화면 흐름 및 운영 조건을 바탕으로 범위를 검토합니다.
08 / UX FAQ
FAQ와 UX 상담
디자인 전에 기획만 의뢰할 수 있나요?
기획과 화면 설계만 별도 범위로 진행할 수 있습니다. 이후 개발 주체가 이해할 수 있도록 산출물과 전달 범위를 먼저 정합니다.
UI/UX 전략 상담 전에 어떤 자료를 준비하면 좋을까요?
사용자 여정·정보 구조·화면 흐름에 관한 현재 자료를 알려주세요. 정리된 기획서가 없어도 UI/UX 전략의 범위를 함께 살펴볼 수 있습니다.
UI/UX 전략의 결과물과 인수 항목은 어떻게 확인하나요?
화면 정의서·와이어프레임·프로토타입의 확인 항목을 먼저 정리하고, 단계마다 합의한 범위와 변경 내용을 기록합니다.
사용자 여정·정보 구조·화면 흐름부터 함께 확인해보세요.
사용자 여정·정보 구조·화면 흐름에 맞춰 필요한 작업 범위를 함께 정리합니다.