[데이터 드리븐 서비스 기획] 사용자 시나리오 기반 모바일 앱 UI/UX 디자인 및 기획설계
오늘은 UI 중점의 기획 프로세스를 알아보았다!
개발 프로젝트를 경험할 때 플로우차트를 경험해봤어서 개발단에서의 서비스 플로우를 쉽게 연상할 수 있어 UI 기획 또한 쉽게 이해할 수 있었다~!
UI 디자인 프로세스
전체 프로세스
1. 프로젝트 수집
프로젝트의 성격을 정의하고, 목표와 기간, 투입 인원을 설정한다.
수행 업무
- 프로젝트 정의
- 프로젝트 목표 설정
- 범위 및 과업 설정
산출물
- 프로젝트 브리프
- WBS(업무 분류 체계)
2. 데스크 리서치
프로젝트에서 필요한 정보를 수집하고 인사이트를 도출한다.
수행 업무
- 트렌드 분석
- 경쟁 서비스 분석
- 서비스 분석
- 사용자 분석
산출물
- 경쟁 및 유사 서비스 분석 결과 보고서
- 서비스 분석 보고서
- 사용자 분석 보고서
3. 구조 디자인
서비스의 필요한 기능과 콘텐츠를 확인한다. 핵심 구조를 설계한다.
수행 업무
- 서비스 기능 정의
- 플로우 설계
- 정보 구조(IA) 작성
산출물
- 기능정의서
- 플로우차트
- 정보구조도(IA)
- 서비스 플로우 문서
4. 화면 디자인
사용자의 접점 화면을 기획하고 설계(디자인)하는 단계이다.
수행 업무
- 모바일 화면 디자인 (Lo-fi / Hi-fi)
산출물
- 화면 와이어프레임
5. 스토리보드 작성
다른 팀(디자인, 개발)과 공유할 화면 설계서를 작성하는 단계이다.
수행 업무
- 화면 설계서(스토리보드)를 작성
산출물
- 스토리보드 문서
UI 디자인 시 직면하는 문제
프로젝트 초반: 프로젝트 방향성 유지
프로젝트의 목표를 분명하게 설정하지 않는다면 프로세스 전체 과정에서 방향성을 잃기 쉽고 다른 방향으로 흘러가게 된다.
UI 디자이너가 프로젝트 목표를 잘 설정하지 않는다면 클라이언트 의견에 디자인이 좌우되기 쉽다.
프로젝트에 투입되는 인원과 기간 산정이 명확하지 않으면 프로젝트 후반에 시간에 쫒기게 된다.
프로젝트 중반: 객관적인 UI 설계 필요
데스크 리서치 및 화면 구조 디자인이 제대로 수행되지 않는다면 UI 디자이너의 주관적인 의견에 화면 디자인을 좌우하게 된다.
사용성과 논리적 일관성을 무시한다면 사용자가 이해하기 어렵고 사용성이 저하된다.
모바일 디자인에 필요한 콘텐츠 및 기능을 정확하게 파악해야 한다.
프로젝트 후반: 정확한 커뮤니케이션 필요
프로젝트는 기획자, UI 디자이너, 그래픽 디자이너, 개발자와 모두 공유되어야 한다.
기획 의도 화면 구조를 정확하게 전달하지 않으면 전달이 잘못되고, 기획 방향과 다른 경과물이 도출될 수 있다.
화면설계서는 기획자, 개발자, 디자이너가 모두 공유하는 문서이므로 이해하기 쉽게 구체적이고 정확하게 기술해야 한다.
사용 시나리오
사용 시나리오는 고객이 서비스에 대한 정보를 획득, 사용, 관리, 폐기하는 전 과정에서 사용자의 흥미를 끌만한 상황을 선정하고 신제품 사용 시나리오를 스토리 형태로 작성하는 것이다.
왜 작성해야 할까?
사용자 입장에서 서비스를 기획하기 위해서 작성해야 한다.
사용자가 특정 상황에서 어떤 행위와 인터랙션을 원하는지 파악을 해야한다.
사용자가 서비스를 사용하기 위해 비용을 지불할 의사가 있는지 확인할 수 있고,
사용자에게 어떤 가치를 줄 수 있는지 고민하여 필요한 기능을 파악하기 위함이다.
또한 사용 시나리오를 서비스에 대해 이해 관계자를 설득할 수 있다.
사용 시나리오 작성 순서
1. 등장인물 순서
대표적인 사용자를 대변하는 등장 인물을 설정한다.
페르소나 기법을 활용할 수 있다.
2. 대표기능 설정
서비스가 제공하는 핵심 기능을 리스트업한다.
핵심 기능 중에서 사용자에게 가장 어필되는 ‘대표 기능’을 설정한다.
3. 상황 설정
서비스가 사용되는 상황을 설정한다.
4. 사용 시나리오 기술
앞 단계에서 설정한 등장인물, 대표 기능, 상황을 종합하여 서비스 사용 시나리오를 기술한다.
5. 반전과 유머
시나리오의 설득력을 높이고 공감할 수 있는 요소를 추가한다.
플로우 차트
플로우차트는 프로세스와 시퀀스에 있는 단계를 다이어그램으로 표현한 것을 의미한다.
프로세스의 논리성을 강화하고 표준화하기 위한 목적으로 제작한다.
프로세스를 분석하거나 정의할 때,
프로세스를 리디자인하거나 표준화가 필요할 때,
불필요한 단계를 줄이는 것과 같이 프로세스의 개선이 필요할 때 플로우 차트를 사용한다.
플로우차트 작성 규칙
피그잼으로 작성해본 플로우차트이다!