Role

Interation UXUI Design 

Duration

8 Weeks

Team

With 3 Designers

Tool

PROJECT INTRODUTION

Health App Redesign

최근 핏빗의 이용률이 낮아지고 있다. 또한 온라인에서는 핏빗의 앱 문제점을 개선해달라는 목소리가 끊이지 않고있다. 이에 우리는 앱의 문제점을 분석하고 그 문제를 해결하기 위한 최선의 솔루션을 제공하고자 한다.

Current problems

Confused dashboard

많은 스크롤링 등의 문제로 모든 건강데이터를 쉽게 확인하기 어렵다.

Unclear navigation

데이터를 확인하기 위한 이동 경로가 정리가 되어있지 않아 복잡하고 혼란스럽다.

Lack of motivation

동기 부여를 위한 컨텐츠의 노출도가 떨어지며, 선택할 수 있는 컨텐츠가 부족하다.

DESIGN PROCESS

01.

key Features

Intuitive navigation

사용자는 수치와 그래프로 구성된 건강 데이터를 간단한 탐색으로 즉시 확인할 수 있다. 

Challenge Mode

사용자가 운동의 동기부여를 느낄 수 있는 서비스이다. goals를 설정하고 달성함으로써 적극적인 참여를 유도하고 성취감을 강화시킨다.

Data visualization

Today dashboard 메뉴보다 더 상세하고 효과적인 방법으로 건강 데이터를 제공하여 정보의 이해를 돕는다.

 

 

02.

Emphasize

User Research

User research

국내, 미.영국 사람들의 건강과 일, 생활에 대한 동향과 팬더믹 이후의 변화 및 트랜드를 조사했다.

Korean users

Global users

User research

국내외 스마트 웨어러블 디바이스 시장과 핏빗에 대한 다양한 정보들을 조사했다.

Competitor analysis

핏빗의 경쟁 브랜드인 삼성, 애플, 샤오미 4가지 스마트 웨어러블 디바이스의 브랜드 정보, 강점, 단점 등을 비교했다.

User interview

웨어러블 기기와 트랙킹 앱 사용자의 패턴과 활용도, 운동 관련 사용 및 만족도를 인터뷰하고 사용자 요구와 행동 패턴을 분석하고자했다.

Users app review

핏빗의 최근 국내외 사용자들의 리뷰와 요청 사항을 수집했다. 리뷰들을 UI와 디바이스 각종 기능들 별로 분류하고 긍정, 부정적 의견( Pros & Cons)들로 나누었다.

Affinity Map

Fitbit 앱에서 사용자가 실제로 원하고 필요로 하는 사항에 대한 이해를 넓히기 위해, 분류된 리뷰와 인터뷰 중 개선 가능성이 있는 의견들로 재 배열하고 중요한 내용들을 강조했다.

Dashboard Style

이전의 정보 배열의 카드 형식 스타일에 대한 긍정적 평가가 있다

Motivation

많은 사용자들이 운동 동기부여가 되기를 기대한다

Navigation

기능과 데이터들에 접근하기 까지의 이동 흐름에 혼란을 겪는다

Data Analysis

데이터의 자세하고 분석적인 정보가 추가되지않아 가치와 이해도가 낮다

03.

Define

Persona & User Journey

유저 리서피를 기반으로 사용자의 유형을 파악하기 위한 가상의 사용자들을 만들고, 그들이 앱을 사용하면서 발생하는 문제와 감정을 예측했다.

Empathy Map

Fitbit 사용자의 gain point 및 pain point를 찾기 위해 사용자 의견, 말과 행동에 대한 자세한 질문을 작성했다.

04.

Ideation

HMW Brainstorming

더 구체적인 인사이트를 얻기위해, 사용자들이 제기하는 문제점에 대한 HMW (How Might We) 질문을 작성했다. 여러 연구와 분석의 전반적인 가치를 아우르는 하나의 질문을 도출했다.

‘ 어떻게하면 많고 다양한 건강데이터를 쉽고 효율적으로 제공하고 사용자의 건강관리를 도울 수 있을까?’

Assumption Mapping

해결 방안으로 고안한 기능들의 중요도와 실현 가능 여부를 판단해보고 이에 적합하지 않은 기능을 분류하고 제외했다.

Card Sorting

Information architecture

사용자 친화적인 IA (Information Architecture)을 구축하기 위해 심플한 흐름에 따라 서비스와 기능을 구성했다.

App flow

05.

Prototype

Mid Fidelity wireframes

Wireflow

UI Syleguide

Final high fidelity

Interaction design

인터렉션 설계를 위해 103개의 UI 페이지를 디자인했다

More Projects