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