29
Design

UX디자인에 대한 이해와 그 활용 예

Embed Size (px)

Citation preview

Page 1: UX디자인에 대한 이해와 그 활용 예

Design

Page 2: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

DesignDesign 00

Index

11 _ UX ?2 _ Design ? 3 _ UX Design4 _ UX vs UI5 _ UXD 주목받는 이유

1 _ UX design 의 중요성2 _ 좋은 UX Design3 _ Needs4 _ UX Process5 _ Project

21 _ Reference

3

!

Page 3: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

Page 4: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

?

Design

Question

A B

01

Page 5: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

1

Design

UX?

User eXperience=

사용자가 어떤 시스템, 제품, 서비스를 이용하면서 느끼고 생각하게 되는 총체적 경험

01

Page 6: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

2

Design

Design?

기능성 디자인 시대 만족성 디자인 시대 감성 디자인 시대

얼마나 다양한 기능이 있나?품질, 기능성, 사용성, 겉모양

모두 만족스러운가?제품을 사용하며 행복함을

느끼는가?

초기 기능성 중심에서 차츰 사용성과 감성 디자인으로 변화

03

Page 7: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

3

Design

UX Design

04

User eXperience Design=

사용자와의 상호작용, 경험 그 자체에 초점을 두고 더 긍정적인 경험을 이끌어내기 위한 것

Page 8: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

4

Design

UX vs UI

05

Page 9: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

4

Design

UX vs UI

06

UXUI

Contents

UI UX

Page 10: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

4

Design

UX vs UI

07

UX UI

Contents UI

UX

Page 11: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

5

Design

UX design이 주목 받는 이유

08

정보통신 기술의 발달과 보급 (생활방식의 Smart화)

Page 12: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

5

Design 09

UX design이 주목 받는 이유

Page 13: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

5

Design

UX design이 주목 받는 이유

10

과거의 제품과 달리 컴퓨터나 스마트 기기의 기반이 되는 소프트웨어는 작동방법이 추상적이기 때문에

직관적으로 제품의 사용법을 인지할 수 있도록 하는 작업이 중요해짐

Page 14: UX디자인에 대한 이해와 그 활용 예

2 PROCESS

1 _ UX design 의 중요성2 _ 좋은 UX Design3 _ Needs4 _ UX Process5 _ Project

Design

Page 15: UX디자인에 대한 이해와 그 활용 예

1

Design

1

Design

UX Design 중요성

12

User Product

소비자와 상호작용이 이루어지는 제품의 경우기술, 브랜드, 광고 등만으로는 소비자를 자극하기 어려움

⇢ 기술과 마케팅을 넘어서는 그 무엇의 필요성

Page 16: UX디자인에 대한 이해와 그 활용 예

1

Design

1

Design

UX Design 중요성

13

대부분의 제품/서비스의 경우 대체가능제품/서비스를 사용하면서 불편했다면 다른 제품/서비스를 선택해서 사용

Page 17: UX디자인에 대한 이해와 그 활용 예

1

Design

2

Design

좋은 UX Design

14

Need

Behavior

Motive

Attitude

사용자의 기대 사용자의 동기

사용자의 태도사용자의 행동 패턴

사용자 경험

좋은 디자인을 위해서는 무엇보다도사용자의 경험을 제대로 이해할 수 있어야 한다

Page 18: UX디자인에 대한 이해와 그 활용 예

1

Design

2

Design

좋은 UX Design

15

우리가 구매하는 대부분의 제품에는 고객의 시간과 비용을 낭비하게 만드는 특성이 포함되어 있다.알아보기 힘든 사용안내, 불필요한 위험 등 짜증을 일으키는 크고 작은 결함들을 지니고 있다.우리는 우리가 원하는 모든 것을 동시에 누리지 못한다. 단순하길 바라면서 더 많은 선택 대안이 주어지길 원하며, 자동 기능이 강화되길 바라면서 개인화된 서비스를 좋아하며, 어떤 때는 품질이 중요하다고 여기다가 또 어떤 때는 낮은 가격을 선호하니까 말이다. 그러나 이 모순되는 소비자들의 니즈에는 수요 창조자가 발굴해야 할 거대한 기회가 놓여 있다. 고객들의 일상생활에서 상당 부분을 차지하는 고충을 지도로 그려 내고, 그것을 고치는 방법을 규명하는 일은 폭발적인 잠재 수요로 가는 길을 제공한다.

- 에이드리언 슬라이워츠키 [Adrian J. Slywotzky] -

⇢ 목표는 사용자들의 드러난 니즈가 아니라 숨겨진 니즈를 찾는 데 있다.

Page 19: UX디자인에 대한 이해와 그 활용 예

1

Design

3

Design

Needs

16

COGNITIVE인지

PHYSICAL행동/감각

EMOTIONAL감성

서비스에 대해서 인식하고 의미를 찾거나, 추측을 하는 등의 이성적인 경험

마우스나 키보드 조작, 인식,습관적인반응 등의 욱체적인 경험

선도호, 즐거운, 스트레스 등과 같은 서비스에 대한 감성적인 경험

Page 20: UX디자인에 대한 이해와 그 활용 예

1

Design

3

Design

3 Needs

17

숨겨진 니즈(인지조차 못하고 있는 니즈)

암묵적인 니즈 (인지하지만 표현하기 힘든 니즈)

직접적인 니즈(언제든지 쉽게 표현할 수 있는 니즈) 유용성

신뢰성

사용성

감성

의미성열광적인 즐겨찾기

나를 알아주는 서비스

불편함이 없는 서비스

Page 21: UX디자인에 대한 이해와 그 활용 예

1

Design

3

Design

Needs

18

COGNITIVE인지

PHYSICAL행동/감각

EMOTIONAL감성

Needs Motives

Behavior

Attitudes사용자들이 서비스를 이용하는 동기는어떤 것들이 있으며, 또한 있을 수 있는가?

사용자들이 서비스에 대해서 갖는 태도는 무엇인가?사용자 특성, 태도는 어떻게프로파일링될 수 있는가?

사용자들은 어떤 이용행태를 보이는가?태도와 사용자 이용행태 간의 관계는 어떠한가?

사용자들의 니즈를 제대로 파악하기 위해서는 그들의 전반적인 경험도 같이 파악해야 함(=숨겨진 니즈, 인지하고 있지만 말하지 않는 니즈 까지 파악)

Page 22: UX디자인에 대한 이해와 그 활용 예

1

Design

4

Design

UX Design Process

19

목표수립

상황분석

필드리서치

모델링

UX 전략

서비스디자인

프로토타이핑

테스트

구현

Understand UX Strategy Design

Page 23: UX디자인에 대한 이해와 그 활용 예

1

Design

5

Design

Project

20

전략 또는 제품의 컨셉을 세운다

구체적인 서비스/기능을 정한다

구현한다

출시한다

평가받는다

목표를 정한다

사용자들의 니즈/문제점 등 경험을 파악한다

사용자에게 제공할 핵심 가치를 정한다

전략 또는 제품의 컨셉을 세운다

구체적인 서비스/기능을 정한다

프로토타이핑 & 테스트

구현한다 > 출시한다

일반 Project와 UX Project 차이

Page 24: UX디자인에 대한 이해와 그 활용 예

3REFERENCE

Design

Page 25: UX디자인에 대한 이해와 그 활용 예

1

Design

1

Design

T map의 UX 전략 수정

22

이전까지 T map의 전략은 사용자 수 증가 및 사업 범위 확대4.4에서는 사용자들이 좀더 자주 방문하게 하고 ‘빠르고 정확한’길 안내에 집중하는 것으로 전략 수정분산되어있던 목적지들이 하나의 리스트로 통합 정리되었고 소요시간에 대한 안내를 위 해 첫 화면에서 선택한 목적지까지의 소요시간과 ‘언제 갈까’기능이 추가

T map 대중교통은 이전까지는 다양한 Use Case를 모두 고려하기 위해 복잡한 디자인을 진행.3.0에서는 후발주자이기 때문에 상품의 강점을 살려 시장에 진입하는 전략에 부합하기 위해, 출퇴근과 같은 Routine한 경우와 ‘어느 곳에서나 집으로 가기’와 같은 사용빈도가 대부분을 차지하는 Use Case를 중심으로 디자인으로 변경되었다.

Page 26: UX디자인에 대한 이해와 그 활용 예

1

Design

1

Design

기획자와 유저의 차이

23

pickat

이 서비스의 첫 화면은 경쟁사들과는 달리 음식점을 찾기 위한 주변 식당 보기, 현 위치 중심의 지도, 업종 선택들의 우선 순위가 낮게 처리되어 있었다. 반면 여러 음식점들을 모은 테마(ex : 데이트하기 좋은 음식점)가 가장 중요하게 강조되어 있었다.

다른 서비스처럼 음식점 찾기 위주의 서비스로는 경쟁을 이겨낼

수가 없기 때문에, 테마라는 차별화 컨셉이 중요하며, 이를 잘 운

영해서 경쟁 우위를 가져가겠다.

유저들은 테마 컨셉의 이미지를 광고라고 생각하고

아래의 작은 하위 메뉴들을 위주로 사용

Page 27: UX디자인에 대한 이해와 그 활용 예

1UX DESIGN

1 _ UX?2 _ Design?3 _ UX Design4 _ UX vs UI5 _ UX Design이 주목받는 이유

Design

1

Design

버진아메리카 virginamerica

24

항공사 웹사이트의 사용자 경험을 고려한 디자인

Page 28: UX디자인에 대한 이해와 그 활용 예

1

Design

1

Design

사당역

25

Page 29: UX디자인에 대한 이해와 그 활용 예

1

Design

1

Design

아쿠아덕트 - Ideo

26