UX/UI 디자인 실습

0. 전체 디자인 실습 프로세스

전체 실습 프로세스는 다음과 같다.

1. 문제 찾기

• Data를 보며 문제점 찾기
• 프로덕트 목표 설정

2. 리서치

• App Audit
• 인포메이션 아키텍쳐
• 페르소나

3. 디자인

• 인포메이션 아키텍쳐
• 와이어 프레임 그리기
• 비주얼 디자인

4. 프로토 타이핑

• Low Fidelity vs High Fidelity
• 프로토 타이핑 (Figma)
• 프로토 타이핑 (Origami)

5. 테스팅

• 완성된 디자인 테스트

6. 리서치 & 업데이트
7. 제작된 프로덕트 바탕으로 포트폴리오 만들기

1. 문제 찾기

이 단계에서는 사용자 데이터를 분석하여 제품의 문제점을 찾고, 프로덕트의 목표를 설정한다.

1-1. Data를 보며 현재 문제점 찾기

• MAU (Monthly Active User)와 DAU (Daily Active User) 분석을 통해 유저 성장률이 둔화되고 있음을 확인.
• 주말에는 사용자 수가 감소하며, 유저 리텐션(사용자의 머무르는 시간)도 대폭 하락하는 것을 발견.
• 그로스 자체의 하락도 눈에 띄지만 특히 몇 번의 클릭 이후 이탈률이 높아지는 것으로 나타나, 유저 리텐션을 높이는 것이 주요 문제로 정의됨.

문제 정의: 유저 리텐션(유저가 플랫폼에 머무르는 시간)을 높이는 방안 모색 필요.

1-2. 프로덕트 목표 설정

Goal과 Non-Goal을 설정하여 리디자인 포커싱을 확실하게 한다.

• Goal: 리텐션 상승을 위한 온보딩 리디자인.
• Non-Goal: 현재 프로덕트의 전체 리디자인 혹은 방향성 변경은 고려하지 않음.
• 온보딩 단계에서 필요한 데이터 검토를 통해 유저 경험 개선 필요성 인식.
• 많은 데이터 요구로 인한 유저의 피로감으로 접근성이 하락
• 요구하는 데이터를 감소시켜 유저 경험을 상승시킨다.

  삭제를 요하는 데이터는 다음과 같다.

  1. 전화번호: 신뢰를 하지 않는 플랫폼에 전화번호를 입력하는 것은 사용자 입장에서 거부감이 들 수 있다.
  2. 생월/생일: 출생년도를 통해 추천 게시글을 사용할 수 있지만 월/일 데이터는 추후 필요에 따라 인증 절차로 입력받는 것이 좋을 것 같다.
  3. 연락처 동기화: 전화번호와 마찬가지로 옵셔널하게 입력받도록 변경

---

2. 리서치

리서치 단계에서는 기존 프로덕트의 오디트 분석과 인포메이션 아키텍쳐 분석을 통해 프로덕트의 현재 상태와 개선 가능한 부분을 파악한다.

2-1. 기존 프로덕트 Audit 분석하기

이 단계에서는 현재 프로덕트의 모든 화면을 객관적으로 시각화하여 분석한다.

• 사용자가 프로덕트를 처음 실행했을 시의 프로세스에 따른 모든 화면을 나열하고, 각 화면의 역할과 기능을 파악한다.

개선해야할 부분:

1. 이용 약관 화면: 앱 내에서도 웹 브라우저 형식을 띄는 부분.
2. 이메일 인증 실패 화면: 마진 설정의 일관성이 부족함.
3. 관심 분야 설정 화면: 너무 많은 설정 화면으로 인한 사용자 피로도 증가.

2-2. 기존 인포메이션 아키텍쳐 분석하기

프로덕트의 모든 기능과 페이지를 나열하고 전체적인 흐름을 분석하는 단계입니다. 개발자가 코드 작성을 할 수 있는 수준까지 자세히 작성하는 것이 중요하다.

• 모든 기능과 페이지를 흐름에 맞게 연결하여 전체 프로덕트의 스코프를 확인한다.
• UX적 관점에서 사용자 피로감을 느낄 수 있는 부분을 식별한다.

이러한 분석을 통해 프로덕트의 현재 상태를 정확히 파악하고, 향후 개선 방향을 설정할 수 있다.

2-3 페르소나 만들기

이 단계에서는 가상의 인물을 만들어, 디자인할 때 구체적인 목표와 방향성을 설정한다. 페르소나를 만드는 가장 효과적인 방법은 실제 사용자를 인터뷰하여 리서치하고, 개발 전에 목표 설정에 도움을 주는 것이다.

페르소나 예시

1. Jake

• 나이/성별/상태: 24세, 남성, 싱글, 디자이너
• 성격: 열정적인, 기부 정신이 강한, 동기 부여가 되는, 사랑스러운
• 취미 및 관심사: 아이폰 사용, 스냅챗 활동, 엑스박스 게임, 농구
• 배경: 디자이너로 일하며 동물을 사랑, 여가 시간에 보호 센터에서 동물 돌보기, 뉴스는 잘 읽지 않으나 스냅챗으로 반려동물 입양에 대해 알림

2. Jane

• 나이/성별/상태: 23세, 여성, 싱글, 대학생
• 성격: 내성적인, 열정적인, 충성스러운
• 취미 및 관심사: 안드로이드 사용, 인스타그램 활동, 요가
• 배경: 커뮤니케이션을 전공하는 대학생으로 트렌드에 관심, 수공예 악세사리 쇼핑 및 친구들과 공유를 즐김

온보딩 리디자인 목표 설정

각 페르소나에 맞춘 온보딩 리디자인 목표를 설정한다.

1. Jake: 반려동물 입양에 대한 열정을 가진 Jake를 위해, 트위터를 통해 이를 홍보할 수 있도록 리디자인한다. 이를 통해 Jake와 같은 사용자를 트위터 사용자로 끌어들일 수 있다.
2. Jane: 악세사리 공유를 좋아하는 Jane을 위해, 트위터의 익명성과 포토 업로드 기능을 강조하여 온보딩을 설계한다. 이를 통해 Jane과 같은 사용자를 충성도 높은 사용자로 유치할 수 있다.

이를 통해 어떠한 사용자가 리디자인한 프로덕트를 사용할 것인지 명확히 인지하고, 사용자의 인사이트를 통해 더 구체적인 디자인 목표를 설정할 수 있다.