03 / PLANNING
사용자 여정과 정보 구조
방문 목적에서 핵심 행동까지 사용자 여정을 정리합니다. 메뉴·콘텐츠·기능의 관계를 연결해 정보의 위치와 탐색 경로를 설계합니다.
- 사용자 여정과 정보 구조도
- 와이어프레임·화면 정의서
- 클릭 가능한 프로토타입
설계 구조 예시 · 실제 범위는 프로젝트별 확정
방문 목적
탐색메뉴와 검색
이해설명·비교·근거
행동상담·가입·이용
04 / DESIGN & STRUCTURE
와이어프레임과 화면 배치
와이어프레임으로 화면의 우선순위와 행동을 검토합니다. 실제 콘텐츠 길이와 이미지, 모바일 배열을 고려해 디자인 기준을 만듭니다.
- 사용자 여정과 정보 구조도
- 와이어프레임·화면 정의서
- 클릭 가능한 프로토타입
05 / IMPLEMENTATION
입력·오류·완료 상태
정상 화면 외에도 로딩·입력 오류·빈 상태·완료 상태를 정의합니다. 사용자가 지금 무엇을 해야 하는지 알 수 있도록 안내합니다.
SAMPLE / 실제 운영 데이터 아님
상태까지 포함하는 화면 정의
내용·상태·담당 업무를 함께 확인할 수 있도록 설계합니다.
입력 전: 목적과 필수 항목 안내확인 항목
오류: 수정 위치와 방법 표시확인 항목
대기: 중복 행동 방지확인 항목
완료: 다음 행동과 처리 상태 안내확인 항목
06 / DELIVERY & OPERATIONS
프로토타입·정의서·인수
프로토타입과 화면 정의서를 통해 동작을 공유합니다. 개발 담당자가 구현·검수할 수 있도록 상태와 기능 조건을 기록합니다.
- 사용자 여정과 정보 구조도
- 와이어프레임·화면 정의서
- 클릭 가능한 프로토타입
08 / FAQ
FAQ와 UX 상담
디자인 전에 기획만 의뢰할 수 있나요?
기획과 화면 설계만 별도 범위로 진행할 수 있습니다. 이후 개발 주체가 이해할 수 있도록 산출물과 전달 범위를 먼저 정합니다.
어떤 자료를 준비하면 좋을까요?
서비스 목적, 참고 화면, 필요한 기능과 기존 환경을 알려주세요. 정리되지 않은 내용은 상담 과정에서 함께 구체화합니다.
진행 기간은 어떻게 정하나요?
콘텐츠 준비, 기능 범위, 외부 연동과 검토 일정을 확인한 뒤 합의합니다.
운영도 함께 맡길 수 있나요?
관리 대상과 지원 시간, 수정 범위, 변경 승인 절차를 별도로 정해 운영을 연결합니다.