💡 25-05-02 (금)
일상생활에서 불편함을 찾는것이 중요하다
지나쳤던 불편함에 대해 나아질 수 있는 방안을 고민하다 보면은 서비스 기획의 시초가 된다 지나치지 않고 항상 의식하자 ‼️
서비스 디자인 기획 단계
▶️ 배민 B마트 / 토스 공인인증서 없이 송금
우리 일상생활에서 불편함을 개선한 서비스 사례다
1️⃣ 문제발견
✅ 문제점 수집
: 내가 서비스를 이용할때 발생하는 불편 지점을 생각해본다
서비스 이용 방식에 따라 실제 사용자에게 영향을 미치는 서비스 경험과 페인 포인트(pain point)를 파악하여 ux 디자인 관점으로 분석한다
-> 사용자의 불편함, 문제점, 개선점 등을 정리
▶︎ 자주 사용하는 메뉴나 버튼 중 헷갈리는 것이 있었다면 그 문제를 경험했던 사례를 선택하여 정리 > 왜 불편했는지를 구체적으로 생각해보고 나와 주변 사람들이 공감했던 문제들이 무엇이었는지 생각해 본다
-> 최소 10~30개 정도의 이슈를 정리해 보면 문제점 수집이 수월해짐
✅ 주제 선정
: 수집한 문제점들에서 공통적인 부분을 찾아내거나 해결할 가치가 높은 요소들을 정해 주제를 선정한다
▶︎ 대중교통이나 식사와 관련된 주제와 같이 일상적으로 항상 활용하는 스마트폰에서 활용할 수 있는 서비스를 주제로 정할 수 있음
나만 불편함을 느끼는게 아닌 주변 사람들도 같이 느낀 불편함을 생각하기 ‼️
✅ 현황 파악
: 선정한 주제에서 문제가 발생하는 원인을 찾아보는 과정이다
사용자가 '왜' 해당 문제를 경험하게 되는지 발생 원인을 파악
-> 인터넷 검색을 통해 관련된 자료를 리서치하기
모든 문제에 접근을 할때 ⭐ 'why'로 시작하여 ⭐ 근본적인 목적을 설정해야 한다
이런식으로 정리하면 됨!!
2️⃣ 문제 정의
✅ 가설 설정
해결이 필요한 핵심적인 문제를 정의하여 서비스를 제공하는 목적을 설정하는 단계다
즉, 가장 원천적으로 해결하려는 문제가 무엇인지 정의한다
✅ 프로젝트 정의
서비스를 통해 해결하고자 하는 문제와 제품 또는 서비스에 대한 간략한 요약과 설명을 작성한다
3️⃣ 시나리오의 이해 및 페르소나 설정
✅ 여정
: 사용자가 서비스를 경험하는 단계를 순서대로 작성하는 과정이다(구체적일수록 👍)
▶︎ 사용자가 오븐을 구매하는 상황
오븐을 구매하기 위해 인터넷을 검색 > 원하는 브랜드와 디자인의 제품을 몇가지 선택 > 가격과 성능 비교 > 구매 전 다른 사용자의 후기
사용자의 제품 구매 여정을 작성해 볼 수 있다
✅ 페르소나 설정
: 선정한 주제를 바탕으로 사용자 시나리오에 필요한 가상의 인물인 페르소나를 설정한다(추상적인것보다는 구체적인 세팅을 하는것이 좋음 ‼️)
👤 페르소나 작성
✔️ 인물의 성격과 성장 배경, 환경 묘사
✔️ 가상의 인물이 해당 프로젝트의 서비스나 제품을 사용하는 목표와 필요
✔️ 서비스의 부재로 느꼈던 불편함 내용
➕ 구체적인 내용으로는 개인적/사회적인 동기나 의도,습관,직감,기대,희망,흥미 등등
▶︎ 사용자 입장이 되어보는게 아니라 사용자를 만들어놓고 그 사람을 이해하려고 하는 것
4️⃣ 정보 구조 설계
✅ 테스크 플로우 작성하기
: 사용자들이 목표를 달성하려고 하는 행동을 순서대로 정리한다
-> 사용자가 하나의 목표를 달성할때 필요한 단계를 작성하는 것
사용자들마다 목표가 하나씩은 있어서 사용자 실제 행동 흐름을 생각하면서 작성한다
➕ 대부분의 테스크 플로우는 선형 구조를 사용하며 심플하게 작성하면 된다
✅ 페이지 플로우
: 페이지 화면에서 어떤 기능이 있을지 생각한다
-> ui 구성요소를 시각적으로 뽑는 단계
테스크 플로우를 작성하고 난 후에 각 테스크를 수행할때 필요한 기능이나 화면을 작성한다
✅ 플로우 차트
: 사용자에게 제품이나 서비스를 이용하는 동선을 알려주는 순서도
-> 이동 방향을 최종 목적에 달성했는지 그 흐름을 한눈에 볼 수 있음
테스크 플로우는 선형구조이기 때문에 선택지가 두가지일때 사용자의 구체적인 동선을 작성하기가 어렵다
▶︎ 특정 제품의 구매를 원할때 사용자는 검색 창에 원하는 제품을 직접 입력하여 결과를 얻을 수도 있지만 다른 사용자는 해당 제품이 있는 상위 카테고리를 선택하여 제품을 구매할 수도 있음
플로우 차트는 전 세계적으로 통용되는 표준 기호를 사용하여 작성한다
앱의 각 단계 또는 페이지에서 제공하는 기능과 조건에 따라 'yes' or 'no'로 결정한다
➕ 플로우 차트를 표준 기호에 맞게 작성하지 못하더라도 정보 구조 설계로 구성한 메뉴 트리에서 화살표를 이동 동선을 연결하는 방법이 있음
☑️ 유저 플로우
: 특정 사용자가 목표나 니즈를 달성하기 위해 취할 수 있는 모든 가능 경로를 시각화한 복잡한 흐름
-> 테스크 플로우와 다르다(두개 차이 잘 알아두기)
다양한 선택지가 들어가서 여러 흐름을 고려한다
-> 다양한 경로로 같은 목적을 달성할 수 있음!
⚠️ 테스크 플로우는 ‘정해진 순서’로 목표를 달성한다
-> 단 하나의 경로만 집중 ⭕, 선택지 ❌
➰ https://youtu.be/cGzIO4n03gY?si=9TM4RIxd_m9pTiYX
이해 안되면 영상 보기!!
☑️ 와이어 플로우
: 와이어 프레임 + 플로우 차트
와이어 프레임의 이해
: 각 화면 단위의 UI를 설계하는 작업
▪️ 낮은 충실도의 와이어프레임 Lo-fi(핸드 드로잉)
▪️ 높은 충실도의 와이어프레임 Hi-Fi(소프트웨어)
화면의 설계와 화면 간의 관계,이동,동선가지 모두 표현한다
☑️ 여는 대괄호 : 뒤로 / 닫는 대괄호 : 앞으로
☑️ A 누르면 오른쪽에 사이즈들이 나온다
✏️ 클론 선정 서비스로 와이어프레임 그리기
이전 수업에서 과제로 찾아본 클론 디자인을 바탕으로 페르소나를 설정해보았다
그 다음 테스크 플로우/페이지 플로우,플로우 차트를 만들어보았다
(직접 유튜브앱을 실행해보며 경로를 캡처해봄)
