[과제 상세안내]

1. 유저 스토리보드 작성 / 기획 (선택)

스토리보드란 보는 사람이 스토리의 내용을 쉽게 이해할 수 있도록 주요 장면을 그림으로 정리한 계획표를 말합니다. 웹/앱 기획에서 정의하는 일반적인 화면 스토리보드가 아닌 유저 관점에서 서비스 플로우를 살펴볼 수 있는 유저 스토리보드를 작성해 주세요.

이전 과제인 '페르소나'와 이어지는 유저 스토리보드(UX 스토리보드) 과제를 진행하며 전반적인 사용자 경험을 이해하고, 서비스의 존재 이유를 스스로 되돌아보는 시간을 가져보길 기대합니다.

출처: 사용자 경험(UX) 디자인의 스토리보드

출처: 사용자 경험(UX) 디자인의 스토리보드

출처: UPF 2021SS에서 제작한 안나소의 유저 스토리보드

출처: UPF 2021SS에서 제작한 안나소의 유저 스토리보드

출처: [UX 꼼지락] 따릉이 - Storyboard 만들기

출처: [UX 꼼지락] 따릉이 - Storyboard 만들기

여러분이 설정한 페르소나를 통해 사용자가 어떤 상황에서 서비스를 이용하게 될 것인지 생각해 봅니다.

위의 두 가지를 유념하여 스토리보드를 작성해 주세요!

[유저 스토리보드 관련 참고자료] ****- UX 스토리보드란?


2. 와이어프레임 작성 / 디자인 (선택)

이름 그대로 철사(wire)로 틀(frame)을 만드는 과정으로 화면 단위의 레이아웃을 설계하는 작업입니다. 의사소통 관계자들과 레이아웃을 협의하거나 서비스 흐름을 공유하기 위해 사용하며 UI, UX 설계에 집중되어 있습니다.

손 스케치로 초안을 만들고, 흑백 점/선/면을 활용해 간략하게 화면을 그리고 레이아웃을 잡아 페이지를 점검합니다.컬러, 폰트, 이미지 등의 디자인 요소를 배제하고 흑백, 기본서체, 박스를 활용해 작업하는 것이 일반적입니다. 와이어프레임을 작성해보며 유저 스토리에 따라 기획된 기능들의 흐름이 어색하지 않은지 점검해 봅니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6343f653-520a-4e8c-86fb-f8d63fd0aea8/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c984e0d2-9416-4613-b24c-190f115f9087/Untitled.png

출처: Behance / Bandsintown Mobile App Redesign

위와 같이 서비스의 UI 구성과 이용 흐름을 와이어프레임 안에 담아주세요!