[Day 12] 와이어프레임 및 워크플로우 설계

📍목차
1. 서비스 디자인 기획의 이해
2. 사용자 시나리오 (페르소나)
3. 정보 구조 설계 (IA)
4. 와이어프레임

와이어프레임 및 워크플로우

 

---

1.  서비스 디자인 기획의 이해

단계
1	문제 발견	문제접 수집 문제 원인 분석 주제 선정 현황 파악	사용자들에게 영향을 미치는 서비스 경험과 페인포인트 파악 해결할 가치가 높은 요소들을 주제로 선정 문제가 발생한 원인 파악
2	문제 정의	가설 설정 프로젝트 정의	가장 원천적으로 해결하려는 문제가 무엇인지 정의. 서비스를 통해 해결하고자 하는 문제와 서비스에 대한 요약
3	사용자 시나리오	여정 페르소나 설정	사용자가 서비스를 경험하는 단계를 순서대로 작성하는 과정으로 상황은 구체적일수록 좋다. 사용자 시나리오에 필요한 가상의 인물 페르소나 설정
4	정보 구조 설계 (IA)	테스크 플로우 작성	작성한 사용자 시나리오를 바탕으로 사용자들이 목표를 달성하려고 하는 행동을 순서대로 정리한다.

 

 

 

2.  사용자 시나리오 (페르소나)

실제 사용자들의 특징을 평균적으로 파악하여 가상의 인물, 페르소나 설정

 

▶ 이름, 나이, 직업, 결혼 여부, 성격, 생활, 목표, 필요, 문제점 등을 자세히 설정해야 한다. 

특히 목표 / 필요 / 문제점 이 중심이 된다.

 

ex. 

핫플에서 대기시간 없이 자유롭게 친구와 만나고 싶다 (목표)

핫플을 쉽게 발견하고 대기시간 없이 이용하기 위한 서비스. (필요)

최근 핫플은 예약 서비스가 없는 곳이 많아 대기 시간이 길다. (문제점)

 

 

 

3.  정보 구조 설계 (IA)

IA = Information Architecture 정보 구조

 

유저저니	테스크플로우	페이지플로우	플로우 차트(워크플로우)
화면은 없고 사용자의 흐름과 행동을 상상해본다	사용자가 작업을 완료하기 위해 거쳐야하는 단계들과 각 단계별 제공되는 기능들 정리 -가로형 (작업에 초점)	사용자가 목표를 달성하기 위해 이동하는 화면의 흐름 정리 -세로형 (사용자에 초점)	경우의 수 까지 고려해서 워크플로우 작성

** 유저저니보다 테스크플로우가 훨씬 구체적인 개념

** 테스크플로우 = '시작 → 로그인 → 메인 → 검색 → 정보 → 예약 → 마이페이지' 순서대로 각 페이지에서 제공될 기능을 정리

 

 

 

테스크 플로우 / 워크플로우   EX ▼ 

 

 

---

실습 1. 문제 발견 단계 작성해보기

 

[ 문제 발견 ]

틱톡, 릴스, 쇼츠 등 숏폼에 몰입하다가 시간 감각 잃는다.

짧고 자극적인 콘텐츠 위주라서 집중력이 떨어지고, 긴 콘텐츠 소비가 힘들어진다.

보고난 후 기억에 남는게 적다.

[ 원인 분석 ]

알고리즘이 자극적인 영상 위주로 추천 → 도파민 과잉

영상 소비가 습관화되면서 무의식적으로 스크롤 반복

사용자가 직접 시청 시간을 통제하기 어려움

[ 주제 선정 ]

숏폼의 피로를 줄이고 건강한 영상 시청을 돕는 서비스 

[ 현황 파악 ]

• 2025년 2월 기준으로 국내 이용자들이 숏폼 플랫폼에서 소비한 시간은 약 339억 분에 달하며, 지속적으로 증가하는 추세
• https://seo.goover.ai/report/202504/go-public-report-ko-11ec5cf0-87bd-4f7a-ac78-b8aed2fe2dad-0-0.html
• MZ세대를 넘어 전 연령층으로 확산되는 중
• 폰에 시청 시간 알림 기능(스크린타임)이 있지만 찾아보지 않는 이상 통제 불가
• 숏폼 중독 문제는 사회적으로도 부각 중 (집중력 저하, 어휘능력 문제)

 

실습 2. 와이어프레임 작성 (Outfics 어플)