Eunhye portfolio

Page 1

DESIGN

PORTFOLIO UX/UI Designer CHUNG EUNHYE contact : 010.2631.3638 e-mail : gracello_o@naver.com


CONTENTS 00

02

About Me. Chung Eun-hye | 3

์ž„์‹ ๋ถ€๋ฅผ ์œ„ํ•œ Mobile Service Design Project | 7

01

Projects by Tune Interactive _UX Consulting ์ธํ„ด | 5

03

LG์ „์ž ์‚ฐํ•™ํ˜‘๋ ฅ STYLER Renewal Project | 11


06

04

์‹ค๋ฒ„์„ธ๋Œ€๋ฅผ ์œ„ํ•œ ๊ณต๊ฐ„ ์ œ์•ˆ Project | 15

ํƒ€์šด์›Œ์นญ with ์‚ผ์„ฑ๋””์ž์ธํ•™๊ต Impressive Seoul ๊ณต๊ณต๋””์ž์ธ | 21

05

U-City ๊ณต๋ชจ์ „ ์ถœํ’ˆ์ž‘ ์Šค๋งˆํŠธ ํ•™๊ต์ƒํ™œ U-BIRD | 19

07

๊ณต๋ชจ์ „ ์ถœํ’ˆ์ž‘_ HIDDENSHOT | 22


00

About Me. Chung Eun-hye

Design

Delight

: ๋””์ž์ธ, ๋””์ž์ธํ•˜๋‹ค

PROFILE UX/UI Designer ์ •์€ํ˜œ 1990. 09. 17 010. 2631. 3638 gracello_o@naver.com

: ๊ธฐ์จ, ๊ธฐ์จ์„ ์ฃผ๋‹ค

Designer Delighter : ์‚ฌ์šฉ์ž์—๊ฒŒ ๊ธฐ์จ์„ ์ฃผ๋Š” ๋””์ž์ธ์„ ํ•˜๋Š” UX ๋””์ž์ด๋„ˆ


EDUCATION

EXPERIENCE

ํ•œ๋™๋Œ€ํ•™๊ต ์‚ฐ์—…์ •๋ณด๋””์ž์ธํ•™๋ถ€ ์กธ์—…์˜ˆ์ • 14.08

์ธํ„ด๊ณผ์ • : UX ์ „๋ฌธํšŒ์‚ฌ

: ์ œํ’ˆ๋””์ž์ธ(UX) / ์‹œ๊ฐ๋””์ž์ธ ( 3.78 / 4.5 )

: Tune Interactive, UX Consulting์ง๋ฌด

๋Œ€์ „ ์ง€์กฑ๊ณ ๋“ฑํ•™๊ต ์กธ์—… : ์ธ๋ฌธ๊ณ„

09.02

ํŠนํ—ˆ์ฒญ ์ œ 1๊ธฐ ๋””์ž์ธ๋งต ์„œํฌํ„ฐ์ฆˆ

11.09 -12.02

:๋””์ž์ธ ๋งต ํ™๋ณด, ๋””์ž์ธ ๊ถŒ๋ฆฌํ™” ๊ณ„๋ชฝํ™œ๋™

LG์ „์ž ์‚ฐํ•™ํ”„๋กœ์ ํŠธ ์ฐธ์—ฌ

SKILL

13.07 -13.08

11.08 -12.01

: ํŠธ๋กฌโ€˜Stylerโ€™UI ๋ฆฌ๋‰ด์–ผ

TOEIC Speaking

Level 6

TOFEL iBT

81

์ œํ’ˆ๋””์ž์ธํ•™ํšŒโ€˜MAGICโ€™ํ™œ๋™

11.07- 13.12

: ์Šค์ผ€์น˜ ์—ฐ์Šต ๋ฐ ์ „์‹œ, ๊ณต๋ชจ์ „ ์ฐธ์—ฌ

ECO-LIGHTING ์ „์‹œํšŒ ์ฐธ์—ฌ

11.09

Adobe Photoshop

ไธŠ

: UP-CYCLE์„ ํ†ตํ•œ ์กฐ๋ช… ๋””์ž์ธ

Adobe Illustrator

ไธŠ

๋””์ž์ธ ํ”„๋กœ์ ํŠธ with ์‚ผ์„ฑ๋””์ž์ธํ•™๊ต 10.06

Adobe Flash Adobe InDesign

ไธญ ไธญ

: ํƒ€์šด์›Œ์นญ_Impressive Seoul ๊ณต๊ณต๋””์ž์ธ

์‚ฌํšŒ๋ด‰์‚ฌํ™œ๋™ : ์™ธ๊ตญ์ธ์„ ์œ„ํ•œ ํ•œ๊ตญ์–ด ๊ต์œก ๋„์šฐ๋ฏธ : ํฌํ•ญ ๋Œ€ํ•ด์ง€์—ญ์•„๋™์„ผํ„ฐ, ์ดˆ๋“ฑํ•™์ƒ ํ•™์Šต์ง€๋„

13.03 - 13.06 09.09 -09.12

ไธŠ

์ง€์—ญ ๋‹ค๋ฌธํ™”๊ฐ€์ •์–ด๋ฆฐ์ด์บ ํ”„ ์ฐธ์—ฌ

11.04 / 11.09

MS Excel

ไธญ

: ์ œ 2ํšŒ ๋””์ž์ธํŒ€ ํŒ€์žฅ, ์ œ 3ํšŒ ์ฐธ์—ฌ

MS Access

ไธญ

๊ต๋‚ด ์˜์–ดํ”„๋กœ๊ทธ๋žจ PVC ์ˆ˜๋ฃŒ

MS PowerPoint

ไธŠ

MS Word

11.08


01 UX/UI Projects

by Tune Interactive

UX์ „๋ฌธํšŒ์‚ฌ_UX Consulting์ง๋ฌด ์ธํ„ด, 2013.07 - 2013.08

General Rule/ Common Issue

Screen Defini

UI์˜ ๋ฐฐ์น˜, ์šด์˜์ฒด์ œ์— ๋”ฐ๋ฅธ ๋ฒ„ํŠผ์ž‘๋™, ํ™”๋ฉด์ด๋™ ๋ฐฉ์‹ ๋“ฑ ์˜ ์ค‘๋ณต์ ์œผ๋กœ ์ ์šฉ๋˜๋Š” ๊ทœ์น™์„ ์ •๋ฆฌํ•œ๋‹ค.

๋ฉ”๋‰ด, ๊ธฐ๋Šฅ๋ณ„๋กœ Main

*

OVERVIEW PC App, Tablet, Mobile, Web ๋“ฑ ๋‹ค์–‘ํ•œ ํ”Œ๋žซํผ์˜ UI Specification ์„ค๊ณ„ ๋ฌธ์„œ(IA๋ฌธ์„œ) ์ž‘์—… ๋ฐ Interaction ๋””์ž์ธ ๊ตฌ์ƒ ์ด 7 ๊ฐœ์˜ ํ”„๋กœ์ ํŠธ์— ์ฐธ์—ฌ _์‚ผ์„ฑ์ „์ž MiniAudio/ RoomSpeaker Tablet & PC/ MagicInfo Web & LFD/ T-Screen/ VideoWall/ _SKP T Cloud 3.0 ๋“ฑ

Structure Setting ์ „์ฒด์ ์ธ ์ŠคํŠธ๋Ÿญ์ณ๋ฅผ ๋ฉ”๋‰ด์™€ Depth์— ๋งž๊ฒŒ ๊ตฌ์„ฑํ•œ๋‹ค.


Interaction Ideation

ition/ Key Screen ์Šคํฌ๋ฆฐ๊ณผ Element๋ฅผ ์„ค๋ช…ํ•œ๋‹ค.

Work Flow/ Scenario ์Šคํฌ๋ฆฐ์—์„œ ์ œ๊ณต๋˜๋Š” ๊ธฐ๋Šฅ๊ณผ ๋ฒ„ํŠผ์„ ์ž‘๋™ํ•˜๋Š” ๋‹จ๊ณ„์™€ ํ•ด๋‹น ์Šคํฌ๋ฆฐ์„ flow์™€ ์ธํ„ฐ๋ ‰์…˜์— ๋งž์ถ”์–ด ์ •๋ฆฌํ•œ๋‹ค.

- ์ค‘๋‚จ๋ฏธ๋ฅผ ํƒ€๊ฒŸ์œผ๋กœํ•œ M*Audio ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜. ํ˜„์ง€์˜ ๊ฐ์ข… ํƒ€์•…๊ธฐ๋ฅผ ๋””์ง€ํ„ธํ™” ํ•˜๊ธฐ ์œ„ํ•œ Ideation

- ๋ฏธ ๋ถ€์œ ์ธต์„ ํƒ€๊ฒŸ์œผ๋กœํ•œ ๋ฉ€ํ‹ฐ R*Speaker ์ œ์–ด ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜, ์•จ๋ฒ” ์„ ํƒ์‹œ ๋ณด์—ฌ์ง€๋Š” ์ธํ„ฐ๋ ‰์…˜๊ณผ UI ๋””์ž์ธ Ideation

UX Design 6


02

Android Mobile Application_PAPAMAMAs ์กธ์—…์ž‘ํ’ˆ_์ž„์‚ฐ๋ถ€๋ฅผ ์œ„ํ•œ ๋ชจ๋ฐ”์ผ ์„œ๋น„์Šค

Capstone Design 1 & 2, 2013.03 - 2013.10

Background 1 ์‚ฐ๋ชจ ๊ณ ๋ นํ™”

2 ์ž„์‹ ๋ถ€ ๊ฑด๊ฐ•๊ด€๋ฆฌ์˜ ์‹คํƒœ

75% 53.4% 34%

์ฃผ์š”๊ตญ ๊ตญ๊ณต๋ฆฝ ๋ณด์œก์‹œ์„ค ๋น„์œจ *ํ•œ๊ตญ์€ 2009๋…„, ๊ทธ ์™ธ๋Š” 2005~2006๋…„ ๊ธฐ์ค€ 5.4%

์Šค์›จ๋ด

์ผ๋ณธ

ํ˜ธ์ฃผ

ํ•œ๊ตญ

์ž๋ฃŒ : ๋ณด๊ฑด๋ณต์ง€๋ถ€

์ž„์‹ ๋ถ€ ๊ด€์ 

Goal

์ž„์‹ ๋ถ€ ๊ฑด๊ฐ•๊ด€๋ฆฌ ๋ฐ ๋ฐฐ์šฐ์ž์˜ ์ฐธ์—ฌ ์œ ๋„์™€ ์‚ฌํšŒ์  ์ง€์› ์„œ๋น„์Šค ์—ฐ๊ตฌ

๋ฐฐ์šฐ์ž

์‹ ์ฒด์  ๋ณ€ํ™” ๋ฐ ์•ž์œผ๋กœ ๊ฒฝํ—˜ํ•  ์ผ๋“ค์— ๋Œ€ํ•œ ์ƒ ์„ธํ•œ ์ •๋ณด ํƒœ์•„๋ฐœ๋‹ฌ์— ๊ด€ํ•ด ์ธ์ง€ํ•  ์ˆ˜ ์žˆ๋Š” ์ง๊ด€์ ์ด๊ณ  ์žฌ ๋ฏธ์žˆ๋Š” ์š”์†Œ ์•ˆ์ •๊ฐ์„ ์ฃผ๋Š” ์ง€์†์ ์ธ ๊ต๋ฅ˜ ๋Œ€์ƒ์˜ ์กด์žฌ ์นœ๋ถ„, ๊ณต๊ฐ๋Œ€๊ฐ€ ํ˜•์„ฑ ๋œ ๊ฐ™์€ ๊ฒฝํ—˜ ๊ทธ๋ฃน๊ณผ์˜ ์†Œ ํ†ต, ์ •๋ณด๊ต๋ฅ˜๋ฅผ ์„ ํ˜ธ ์ฒ˜๋ฐฉ์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์งˆ ์ˆ˜ ์žˆ๋Š” ๋ณด์ถฉ์ œ ๋ณต์šฉ์„ ๊ณ  ๋ คํ•œ Flexibility

OVERVIEW

UX ํ”„๋กœ์„ธ์Šค๋ฅผ ์ ์šฉํ•œ ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ

Research ์ž๋ฃŒ๋ฅผ ํ† ๋Œ€๋กœ ๋ถ„์„ํ•˜์—ฌ ์ž„์‚ฐ๋ถ€์™€ ๋ฐฐ์šฐ์ž ๊ด€์ ์˜ ์ค‘์š” Issue๋ฅผ ์ถ”์ถœ

3 ๊ณต๋™์–‘์œก์ฑ…์ž„ ์‹œ๋Œ€์ž„์—๋„ ๋ฏธํกํ•œ ์‚ฌํšŒ์  ๋ถ„์œ„๊ธฐ์™€ ์ œ๋„

์ •์„œ์  ์ง€์ง€

์ž„์‹ ๊ธฐ๊ฐ„๋™์•ˆ ์ž„์‚ฐ๋ถ€์˜ ๊ฑด๊ฐ•๊ด€๋ฆฌ ๋ฐ ๋ฐฐ์šฐ์ž์˜ ์ธ์‹๊ฐœ์„ , ์ฐธ์—ฌ๋ฅผ ์œ ๋„ํ•˜๋Š” ์˜ˆ๋น„์—„๋งˆ์•„๋น ๋ฅผ ์œ„ํ•œ ์ปคํ”Œ ์—ฐ๋™ APP

Core Issue

๊ฑด๊ฐ•์ฆ์ง„

์‚ฌํšŒ์  ์ง€์›

Research๋ฅผ ์œ„ํ•œ range์™€ ๋ฐฉํ–ฅ์„ฑ ์„ค์ •์„ ์œ„ํ•ด Framework๋ฅผ ์„ค์ •ํ•œ๋‹ค.

์ž„์‹ ๋ถ€์—๊ฒŒ ํ•„์š”ํ•œ ์˜์–‘์†Œ ๋ฐ ์šด๋™ ์กฐ์‚ฌ

์ž„์‹ ๋ถ€๋ฅผ ์œ„ํ•œ ๊ธฐ์กด ์„œ๋น„์Šค ๋ฐ ๊ด€๋ จ ์ •์ฑ… ์กฐ์‚ฌ

์ž„์‹ ๋ถ€ ๋ฐฐ์šฐ์ž์˜ ์ฐธ์—ฌ ๋ฐ ์—ญํ•  ์กฐ์‚ฌ

์•„์ด์˜ ์•„๋น ๋กœ์„œ์˜ Men

์นœ๋ถ„, ๊ณต๊ฐ๋Œ€๊ฐ€ ํ˜•์„ฑ๋œ ๊ฐ™ ํ†ต, ์ •๋ณด๊ต๋ฅ˜๋ฅผ ์„ ํ˜ธ

์•„๋‚ด์˜ ๊ฑด๊ฐ•๊ด€๋ฆฌ, ์‹ ์ฒด๋ณ€

์ ‘๊ทผ์„ฑ์ด ๋†’์€ ๋‚จํŽธ ์—ญํ• 

๋‚จํŽธ์˜ ๊ด€์ ์— ๋งž๋Š” ๋ฐฉ์‹

ํ‘ธ์‰ฌ์•Œ๋žŒ์„ ํ†ตํ•œ ์ง€์†์ ์ธ ๊ด€๋ฆฌ

ํ‘ธ์‰ฌ์•Œ๋žŒ์„ ํ†ตํ•œ ์ง€์†์ ์ธ

User Research๋ฅผ ์œ„ํ•œ ๋ถ„๋ฅ˜๊ธฐ์ค€์„ 4๊ฐ€์ง€๋กœ ๊ฐ ๊ธฐ์ค€์— ๋”ฐ๋ฅธ Persona๋ฅผ ์„ค์ •ํ•œ๋‹ค. ์ดˆ๊ธฐ-์ค‘๊ธฐ

์ค‘๊ธฐ-ํ›„๊ธฐ

ํ•˜

์ค‘

๋ชจ๋ฐ”์ผ์„œ๋น„์Šค ํ™œ์šฉ๋„

ํ•˜

์ค‘

๊ฑด๊ฐ•๊ด€๋ฆฌ ๊ด€์‹ฌ๋„

ํ•˜

์ค‘

ํ•ด๋‹น์ž„์‹ ๊ธฐ๊ฐ„

์ •๋ณด๊ด€์‹ฌ๋„

์ž„์‹ ๋ถ€์˜ ์‹ ์ฒด์  ๋ณ€ํ™” ๋ฐ ์‹ฌ๋ฆฌ ์กฐ์‚ฌ

ํƒœ์•„๋ฐœ๋‹ฌ์— ๊ด€ํ•ด ์ธ์ง€ํ•  ๋ฏธ์žˆ๋Š” ์š”์†Œ

์‚ฌ์šฉ์ž์—๊ฒŒ ํ•ด๋‹นํ•˜๋Š” ์ง€์›์ •์ฑ… ์ •๋ณด

Persona

Framework Setting

์•„๋‚ด์™€์˜ ๊ฐ„์ ‘์  ์†Œํ†ต(์•„

Type D Type B

Type A Type E


Research

์ถœํ•œ๋‹ค.

Service Direction

ํ•„์š”ํ•œ ๋ฐฉ๋ฒ•๋ก ์„ ์„ ํƒํ•˜์—ฌ Research๋ฅผ ์ง„ํ–‰ํ•œ๋‹ค.

์ผ์ƒ ๊ฑด๊ฐ• ๊ด€๋ฆฌ๋ฅผ ๋„์›€์œผ๋กœ์จ ์ž„์‹ ๋ถ€ ๋ณด๊ฑด ์ฆ์ง„์— ๊ธฐ์—ฌ ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•œ ์ž„์‹ , ์ถœ์‚ฐ๊ด€๋ จ ์ •๋ณด ์ œ๊ณต ์‹ค์งˆ์ ์ธ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์„ ํ†ตํ•œ ์ง€์†์  ๊ด€๋ฆฌ ์œ ๋„

In-depth Interview _ํŽ˜๋ฅด์†Œ๋‚˜ ํƒ€์ž…๋ณ„ ์ž„์‹ ๋ถ€์™€ ๋‚จํŽธ ์ธํ„ฐ๋ทฐ _์ž„์‹ ์ •๋ณด์— ๋Œ€ํ•œ ๊ด€์‹ฌ๋„, ๋ชจ๋ฐ”์ผ์„œ๋น„์Šค ํ™œ์šฉ๋„, ๊ฑด๊ฐ•๊ด€๋ฆฌ, ๋ฐฐ์šฐ์ž์˜ ์ฐธ์—ฌ๋„ ์ธํ„ฐ๋ทฐ

๊ด€์ 

์ธ๊ทผ์ง€์—ญ ์ปค๋ฎค๋‹ˆํ‹ฐํ˜•์„ฑ์œผ๋กœ ์ •๋ณด ๊ต๋ฅ˜ boundary ๋ฐ ๊ฒฝํ—˜์˜ ํ™•์žฅ ์ž„์‹ ๊ณผ ์ถœ์‚ฐ์ด๋ผ๋Š” ๊ฐ™์€ context๋ฅผ ๊ฐ€์ง„ ์‚ฌ๋žŒ๋“ค์„ ์—ฐ๊ฒฐ์‹œ์ผœ์ฃผ์–ด ์ •๋ณด๊ณต์œ ์™€ ์นœ๋ชฉ์˜ ๋ชจ์ž„์— ๋Œ€ํ•œ ๋‹ˆ์ฆˆ๋ฅผ ์ถฉ์กฑ์‹œํ‚ค๊ณ  ์ง€์—ญ๋ณ„ ์„œ๋น„์Šค ์‚ฌ์šฉ์ž๋“ค์„ ์—ฐ๊ฒฐ์‹œ์ผœ ์ฃผ์–ด ์ž์—ฐ์Šค๋Ÿฌ์šด ๋ชจ์ž„๊ณผ ๊ณต๋™๊ฑด๊ฐ•๊ด€๋ฆฌ๊นŒ์ง€ ์ด์–ด์งˆ ์ˆ˜ ์žˆ๋Š” clue ์ œ๊ณต

์•„๋‚ด์˜ ์†๋งˆ์Œ, ๊ฐ์ •) ์ˆ˜ ์žˆ๋Š” ์ง๊ด€์ ์ด๊ณ  ์žฌ

Expert Advice

tal Modelํ˜•์„ฑ

๊ฐ™์€ ๊ฒฝํ—˜ ๊ทธ๋ฃน๊ณผ์˜ ์†Œ

๋‚จํŽธ์ด ์•„๋‚ด(์ž„์‚ฐ๋ถ€)์—๊ฒŒ ์ •์„œ์  ์ง€์ง€ ์ œ๊ณต

_์ธ๊ตฌ๋ณด๊ฑด๋ณต์ง€ํ˜‘ํšŒ ์ถœ์‚ฐ์ง€์›๊ณผ ๋ฐฉ๋ฌธ _ํ˜„์žฌ ์ž„์‹ ์ถœ์‚ฐ ํ˜„ํ™ฉ๊ณผ ๊ฒฌํ•ด ์กฐ์‚ฌ _์ง€์—ญ๋ณ„ ์ง€์›์ •์ฑ…, ์ž„์‹  APP ์ž๋ฃŒ ์š”์ฒญ

๋‚จํŽธ๊ณผ ์ž„์‹ ๋ถ€์˜ ์„œ๋น„์Šค ์—ฐ๋™์„ ํ†ตํ•œ ์†Œํ†ต ์œ ๋„

๋ณ€ํ™” ๋“ฑ ์‹œ๊ธฐ๋ณ„ ์ •๋ณด

ํ• ์ •๋ณด

์‹์˜ ์ •๋ณด์ œ๊ณต

Service Scenario ์„œ๋น„์Šค์˜ ๋ฐฉํ–ฅ๊ณผ ๊ตฌ์กฐ๋ฅผ ๋„์‹ํ™”ํ•˜์—ฌ ์ •๋ฆฌํ•œ๋‹ค.

Market Research

์ธ ๊ด€๋ฆฌ

_์ž„์‹ ๊ด€๋ จ ์ •๋ณด ์ „๋‹ฌ ๋งค์ฒด ์ข…๋ฅ˜ ์กฐ์‚ฌ _๋งค์ฒด์˜ ์žฅ๋‹จ์ ๊ณผ ํ•œ๊ณ„์„ฑ ๋ถ„์„

์„ค์ •ํ•˜๊ณ  50.3%

์ถœ์‚ฐ

์ƒ

Desk Research _๊ด€๋ฆฌ๊ฐ€ ์ž„์‚ฐ๋ถ€์™€ ํƒœ์•„์—๊ฒŒ ๋ฏธ์น˜๋Š” ์˜ํ–ฅ _์ž„์‹ ๊ธฐ๊ฐ„ ์ค‘ ๋ฐฐ์šฐ์ž ์ฐธ์—ฌ์˜ ์ค‘์š”์„ฑ _ํ†ต๊ณ„์ž๋ฃŒ, ์‹คํƒœ ์กฐ์‚ฌ ๋“ฑ

39.4%

10.3%

์ ๊ทน์ ์œผ๋กœ ์ฐธ์—ฌํ•œ๋‹ค

๋ณดํ†ต์ด๋‹ค

๊ฑฐ์˜ ์ฐธ์—ฌํ•˜์ง€ ์•Š๋Š”๋‹ค

์ž„์‹  ๊ธฐ๊ฐ„ ์ค‘ ์‹ค์ œ ๋ฐฐ์šฐ์ž ์ฐธ์—ฌ ์—ฌ๋ถ€ ์กฐ์‚ฌ

์ƒ

์ƒ

Type C

UX Design 8


Information Architecture

๋ฉ”๋‰ด ๊ตฌ์กฐ๋ฅผ ๊ตฌ์ฒด์ ์œผ๋กœ ์„ค์ •ํ•˜๊ณ  ๊ตฌ์กฐํ™”ํ•˜์—ฌ IA๋ฅผ ์„ค๊ณ„ํ•œ๋‹ค. ๊ตฌ์ฒด์  ์ŠคํŽ™๋ฌธ์„œ ๋˜ํ•œ ์ œ์ž‘ํ•œ๋‹ค.

Wireframing IA๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๊ฐ ์Šคํฌ๋ฆฐ์˜ UI๋ฅผ ๋Œ€๋žต์ ์œผ๋กœ ๊ตฌ์„ฑํ•˜๋Š” Wireframe์„ ๋งŒ๋“ค๊ณ  ์ˆ˜์ •ํ•ด๋‚˜๊ฐ„๋‹ค.

๋งˆ๋ฏธ์˜ ์˜ค๋Š˜

ํŒŒํŒŒ๋งˆ๋ฏธโ€™s 23์ฃผ์ฐจ

์ถœ์‚ฐ์˜ˆ์ •์ผ D-day

๋‚ด ํ”„๋กœํ•„

ํ–‰๋ณต

๋งˆ๋ฏธ๋ฐฑ๊ณผ

์šด๋™ ๋งˆ๋ฏธ

์˜ค๋Š˜์˜ ์ถ”์ฒœ์šด๋™

23์ฃผ์ฐจ

๊ฒฝ๋ถ ํฌํ•ญ์‹œ ๋ถ๊ตฌ

ํ–‰๋ณต ๋งˆ๋ฏธsํ†ก

๋งˆ๋ฏธsํ†ก

์นœ๊ตฌ๋ชฉ๋ก

์˜์–‘์ •๋ณด

์šด๋™์ •๋ณด

์ถœ์‚ฐ์ •๋ณด

์ •์ฑ…์ •๋ณด

๋ณด์ถฉ์ œ


Solution

Wireframe์„ ๋ฐ”ํƒ•์œผ๋กœ GUI๋ฅผ ๋””์ž์ธํ•œ๋‹ค.

โ‘  โ‘ก

โ‘ข

โ‘ฃ

MAMA Version

PAPA Version

๋ฉ”์ธํ™”๋ฉด ์ž„์‹ ๋ถ€์™€ ํƒœ์•„์˜ ์ •๋ณด๋ฅผ ๋ฐฐ์šฐ์ž์™€ ๊ณต์œ ํ•˜๋Š” ๊ณต๊ฐ„ ์ž„์‹ ๋ถ€์˜ ํ•ด๋‹น ์ฃผ์ฐจ๋ณ„ ์‚ฐ๋ชจ์ •๋ณด ๋ฐ ํƒœ์•„์˜ ํ•ด๋‹น ์ฃผ์ฐจ๋ณ„ ๋ฐœ๋‹ฌ์ •๋ณด๋ฅผ ์ œ๊ณต

์˜ˆ๋น„ ์—„๋งˆ์™€ ์•„๋น ๊ฐ€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๋Š” ์ปคํ”Œ ์ž„์‹  ์–ดํ”Œ PAPAMAMAs ์ž„์‹ ๋ถ€ ๋ถ€๋ถ€, ๋‚จํŽธ๊ณผ ์•„๋‚ด๊ฐ€ ์„œ๋กœ ์—ฐ๋™ํ•˜์—ฌ ์‚ฌ ์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๋ถ€๋ถ€์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์„ ๋„์šธ ์ˆ˜ ์žˆ๋‹ค. ๋˜ํ•œ ์ง€์—ญ ์นœ๊ตฌ์™€์˜ ์—ฐ๊ฒฐ์„ ํ†ตํ•˜์—ฌ ์ •๋ณด ๊ต๋ฅ˜์˜ ์žฅ์„ ์ œ๊ณตํ•˜๋ฉฐ, ๋งž์ถคํ˜• ์ •์ฑ…์ •๋ณด๋ฅผ ์ฆ‰์‹œ ์ฐพ์•„๋ณผ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ž„์‹ ๋ถ€์˜ ๊ฑด๊ฐ• ๋งค๋‹ˆ์ง€๋จผํŠธ๋ฅผ ๋•๋Š” ๊ธฐ ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค.

โ‘  ํŒŒํŒŒ๋ž‘ (๋งˆ๋งˆ๋ž‘-PAPA ver.)

โ‘ก

๋งˆ๋งˆํ†ก (ํŒŒํŒŒํ†ก-PAPA ver.)

โ‘ข

์˜ค๋Š˜๋ง˜

โ‘ฃ

๋งˆ๋งˆ์ง€์› (ํŒŒํŒŒ์ง€์›-PAPA ver.)

์ž„์‹ ๋ถ€์™€ ๋ฐฐ์šฐ์ž์˜ ์ง์ ‘์ ์ธ ๋‘˜ ๋งŒ์˜ ์†Œํ†ต ๊ณต๊ฐ„

๊ทผ๊ฑฐ๋ฆฌ์— ๊ฑฐ์ฃผํ•˜๋Š” ์ž„์‹ ๋ถ€๋“ค์˜ ์†Œํ†ต ๋ฐ ์ •๋ณด ๊ณต์œ ์˜ ๊ณต๊ฐ„

์ž„์‹ ๋ถ€์˜ ๊ฑด๊ฐ•๊ด€๋ฆฌ๋ฅผ ์ œ๊ณตํ•˜ ๋Š” ๊ณต๊ฐ„

์ž„์‹ ๋ถ€๋ฅผ ์œ„ํ•œ ์ง€์—ญ๋ณ„ ์ง€์›์ •์ฑ… ์ •๋ณด ์ œ๊ณต

์„œ๋กœ์˜ ๋ฉ”์‹œ์ง€๋ฅผ ๋‚จ๊ธฐ๊ณ  ์Šค์ผ€์ค„ ์„ ๊ณต์œ ํ•จ์œผ๋กœ์จ ์ž„์‹ ๋ถ€์™€ ๋ฐฐ์šฐ ์ž์˜ ์ƒํƒœ์™€ ์„œ๋กœ์˜ ์ •๋ณด ๋“ฑ์„ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋‹ค.

GPS๋ฅผ ํ†ตํ•ด ์ธ๊ทผ ์ง€์—ญ ๋‚ด ์ž„์‹  ๋ถ€๋“ค์„ ์—ฐ๊ฒฐํ•˜์—ฌ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ ๋Š” ๊ณต๊ฐ„์œผ๋กœ ๋‹ค์–‘ํ•œ ์ •๋ณด ๊ต ๋ฅ˜ ๋ฐ ์ง์ ‘์ ์ธ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ˜•์„ฑ ์„ ๋•๋Š”๋‹ค

ํ‘ธ์‰ฌ์•Œ๋ฆผ์„ ํ†ตํ•˜์—ฌ ์šด๋™๊ณผ ์˜์–‘ ๋ณด์ถฉ์ œ ๋ณต์šฉ๊ด€๋ฆฌ์˜ ์ผ์ƒ์ ์ธ ๊ฑด ๊ฐ•๊ด€๋ฆฌ ์˜์—ญ์œผ๋กœ ๊ด€๋ฆฌ ์—ฌ๋ถ€ ํ˜„ํ™ฉ ์€ ๋‚จํŽธ์—๊ฒŒ๋„ ์ œ๊ณต๋˜์–ด ๋ฐฐ์šฐ์ž ์™€ ํ•จ๊ป˜ ๊ด€๋ฆฌ๋ฅผ ๋„์šธ ์ˆ˜ ์žˆ๋‹ค

์ž„์‹ ๊ธฐ๊ฐ„ ๋™์•ˆ ๊ธฐ๋ณธ์ ์œผ๋กœ ํ•„์š” ํ•œ ๊ณตํ†ต ์ง€์›์ •๋ณด์™€ ๊ฑฐ์ฃผ์ง€์—ญ์— ํ•ด๋‹นํ•˜๋Š” ๋งž์ถคํ˜• ์ง€์›์ •์ฑ…๊ณผ ์„ธ ๋ฏธ๋‚˜ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•œ๋‹ค

UX Design 10


03 LG TROMM STYLER

Melt-In Pre-research๋ฅผ ํ†ตํ•ด์„œ STYLER์˜ ์‚ฌ์šฉ ๋ชฉ์ ์„ ํŒŒ์•…ํ•˜๊ณ , Framework ์„ค์ •์— ์•ž์„œ ์˜๋ฅ˜๊ด€๋ฆฌ Framework์˜ ๊ด€์ ์„ ์„ค์ •ํ•œ๋‹ค.

UI Renewal Project ์‚ฐํ•™ํ˜‘๋ ฅ ํ”„๋กœ์ ํŠธ

STYLER๋ฅผ ํ†ตํ•œ ์˜๋ฅ˜๊ด€๋ฆฌ Issue

*

Smart Media Design, 2011.09 - 2012.01

Persona

OVERVIEW

Framework

์„ธํƒ๊ธฐ๋„ ์˜ท์žฅ๋„ ์•„๋‹Œ ์‹ ๊ฐœ๋… ์˜๋ฅ˜๊ธฐ๊ธฐ STYLER

Framework ๊ด€์ ๊ณผ ์ œํ’ˆ์˜ Work Sequence์— ๋”ฐ๋ผ Framework๋ฅผ ์„ค์ •ํ•œ๋‹ค.

์‚ฌ์šฉ์ž์˜ ์‹ค์ƒํ™œ ์˜๋ฅ˜ ๊ด€๋ฆฌ mental model๊ณผ ์‚ฌ์šฉ์ž ํ–‰๋™ ํŒจํ„ด์„ ๋ฐ˜์˜ํ•œ ์˜๋ฅ˜๊ด€๋ฆฌ๊ธฐ๊ธฐ STYLER์˜ UI system image ๊ฐœ์„ 

- Main Purpose

์Šคํƒ€์ผ๋Ÿฌ์˜ conceptual model์ด ๊ธฐ๋Šฅ ์„ ํƒ์‹œ ์‚ฌ์šฉ์ž ์˜๋ฅ˜๊ด€๋ฆฌ ๋ชฉ์ ์— ๋ถ€ํ•ฉํ•˜๋Š” sequence๋ฅผ ์ œ๊ณตํ•˜๋Š”๊ฐ€

์˜ท ํˆฌ์ž…

- Contents

์Šคํƒ€์ผ๋Ÿฌ์˜ ์ฃผ์š” ๊ธฐ๋Šฅ๋“ค๊ณผ ๊ฐ ์„ธ๋ถ€๊ธฐ๋Šฅ์ด ์‚ฌ์šฉ์ž ์˜๋ฅ˜ contents์™€ behavior pattern์„ ๋ฐ˜์˜ํ•œ structure์ธ๊ฐ€

๊ธฐ๋Šฅ ์„ ํƒ

- State - Context

User Behavior

๋Œ€์ƒ ์˜๋ฅ˜ ์„ ํƒ

์ž‘๋™

- Error

์Šคํƒ€์ผ๋Ÿฌ ์‚ฌ์šฉ์ž ๊ฐœ์ธ์˜ Life style์— ๋งž๊ฒŒ ์„ค์ • ํ•  ์ˆ˜ ์žˆ๋Š” GUI๋ฅผ ์ œ๊ณตํ•˜์˜€๋Š”๊ฐ€ ์Šคํƒ€์ผ๋Ÿฌ Display Visibility๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜๋ฅ˜๊ด€๋ฆฌ ๊ธฐ๊ธฐ์˜ ์ ‘๊ทผ์„ฑ์„ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋Š”๊ฐ€ ์Šคํƒ€์ผ๋Ÿฌ ์‚ฌ์šฉ ์ค‘ Error ๋ฐœ์ƒ ์‹œ ์‚ฌ์šฉ์ž ์˜๋ฅ˜๊ด€๋ฆฌ ๋ชฉ์ ์˜ Sequence๋กœ ๋Œ์•„์˜ฌ Forgiveness๋ฅผ ์ œ๊ณต ํ•˜์˜€๋Š”๊ฐ€

์˜ท ๊บผ๋ƒ„

์œ ์ง€ ๋ณด์ˆ˜

User Research๋ฅผ ์œ„ํ•˜์—ฌ ๋ถ„๋ฅ˜๊ธฐ์ค€์„ ์„ค์ •ํ•˜๊ณ  ๊ทธ์— ๋”ฐ ๋ฅธ Persona๋ฅผ ์„ค์ •ํ•œ๋‹ค.

๊ธฐ๊ธฐ์นœ๋ฐ€๋„

์˜ท์ƒํƒœ์— ๋Œ€ํ•œ ๋ฏผ๊ฐ๋„

์˜๋ฅ˜๊ด€๋ฆฌ์— ๋Œ€ํ•œ ์„ธ๋ฐ€๋„

์˜๋ฅ˜๊ด€๋ฆฌ ํ•„์š”๋„

ํŠน์ •๊ธฐ๋Šฅ ์‚ฌ์šฉ๋นˆ๋„

๋งž๋ฒŒ์ด๋ถ€๋ถ€ ์˜๋ฅ˜๊ด€๋ฆฌ์— ๋Œ€ํ•œ ์‹œ๊ฐ„์ด ๋ถ€์กฑํ•˜์—ฌ ์˜๋ฅ˜๊ด€๋ฆฌ ํ•„์š”๋„๊ฐ€ ๋†’์€ ์œ ํ˜•

- Repair

์Šคํƒ€์ผ๋Ÿฌ์˜ ์œ ์ง€๋ณด์ˆ˜์— ๋“œ๋Š” ์‚ฌ์šฉ์ž์˜ ๋ฌผ๋ฆฌ์  ๋…ธ๋ ฅ์„ ์ตœ์†Œํ™” ์‹œํ‚ค๋Š” sequence๋ฅผ ์ œ๊ณตํ•˜์˜€๋Š”๊ฐ€

์ „์—…์ฃผ๋ถ€

๊ธฐ๊ธฐ ์นœ๋ฐ€๋„๋Š” ๋‚ฎ์œผ๋‚˜ ๋‹ค๋Ÿ‰ ์˜๋ฅ˜๊ด€๋ฆฌ๋ฅผ ์ˆ˜ํ–‰ํ•ด์•ผํ•˜๋Š” ์œ ํ˜•

๋””์ž์ด๋„ˆ

์˜ท์ƒํƒœ์— ๋Œ€ํ•œ ๋ฏผ๊ฐ๋„๊ฐ€ ๋†’์€ ์˜๋ฅ˜ ์• ์ฐฉ๊ด€๋ฆฌํ˜•

์•„๊ธฐ์—„๋งˆ

์˜๋ฅ˜๊ด€๋ฆฌ ์„ธ๋ฐ€๋„๋ฅผ ์ค‘์‹œํ•˜๊ณ  ํŠน์ •๊ธฐ๋Šฅ ์‚ฌ์šฉ๋นˆ๋„๊ฐ€ ๋†’์€ ์œ ํ˜•


Research ๋‹ค๋ฅธ ์˜๋ฅ˜๊ด€๋ฆฌ๊ธฐ๊ธฐ๋“ค์„ ๋ถ„์„, ๋น„๊ตํ•˜์—ฌ ๋ฒค์น˜๋งˆํ‚นํ•œ๋‹ค. Paseco ํŒŒ์„ธ์ฝ”

VS.

Developed Design Issue STYLER์˜ UI Issue์—์„œ ๋ฐœ์ „๋œ ๋””์ž์ธ ์ด์Šˆ๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

Air Shot ์—์–ด์ƒท

LG TROMM STYLER โ€˜UI Issueโ€™

Benchmarking ๋„๋ฉ”์ธ ์ •๋ณด๊ตฌ์กฐ

๊ธฐ๊ธฐ ์ฝ”์Šค ์„ค์ •

์ž‘๋™ ํ”ผ๋“œ๋ฐฑ ์ธ์‹

๋ถ€๊ฐ€๊ธฐ๋Šฅ ์„ค์ •

Icon

์—๋Ÿฌ์— ๋Œ€ํ•œ ์‚ฌ์šฉ์ž ๋ฐ˜์‘

Label

๊ธฐ๋Šฅ ๋ฒ”์œ„ ์„ค์ •

Depth Interview

Persona type์— ํ•ด๋‹นํ•˜๋Š” ์‹ค์ œ User๋ฅผ ์„ ๋ณ„ํ•˜์—ฌ ์ œํ’ˆ์˜ ์‚ฌ์šฉ๋ชฉ์ ๊ณผ ์ œํ’ˆ์— ๋Œ€ํ•œ ์ดํ•ด๋„, ์˜๋ฅ˜๊ด€๋ฆฌ ํŒจํ„ด๊ณผ ๋ฐฉ์‹ ๋“ฑ์„ ์ธํ„ฐ๋ทฐํ•œ๋‹ค. ์ถ”์ถœํ•œ Fact์˜ ๋ฌธ์ œ์ ๊ณผ ์›์ธ, ๊ด€๋ จ๋œ ์‚ฌ์šฉ์ž์˜ Needs ๋ฅผ ์ฐพ์•„๋ณธ๋‹ค.

Persona type์— ํ•ด๋‹นํ•˜๋Š” ์‹ค์ œ User๋ฅผ ์„ ๋ณ„ํ•˜์—ฌ ์ œํ’ˆ ์‚ฌ์šฉ๊ณผ์ •์„ ์ดฌ์˜ํ•˜๊ณ  ๋ถ„์„ํ•˜์—ฌ Fact๋ฅผ ์ถ”์ถœํ•œ๋‹ค. ์ถ”์ถœํ•œ Fact์˜ ๋ฌธ์ œ์ ๊ณผ ์›์ธ, ๊ด€๋ จ๋œ ์‚ฌ์šฉ์ž์˜ Needs๋ฅผ ๋ถ„์„ํ•˜๊ณ  ์ž ์ •์ ์ธ ๋Œ€์•ˆ๋„ ๋„์ถœํ•ด๋ณธ๋‹ค.

Developed Design Issue

Unerstandable Structure

Flexible Course Control

Visible Interface

Certain Affordance

Intuitive Label

์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šด ๋„๋ฉ”์ธ ์ •๋ณด๊ตฌ์กฐ

์˜๋ฅ˜๊ด€๋ฆฌ ์„ค์ •์— ๋Œ€ํ•œ Sequence ์œ ๋„๋ฅผ ์ด๋„๋Š” GUI

๊ธฐ๊ธฐ ์„ค์ • ๊ฐ€์‹œ์„ฑ์ด ๋›ฐ์–ด๋‚œ GUI

์˜ค๋ฅ˜๋ฅผ ๋ฏธ๋ฆฌ ๋ฐฉ์ง€ ํ•˜๋Š” Affordance

์ง๊ด€์ ์ธ Naming

Video Protocol

UX Design 12


Design Direction Research๋ฅผ ํ†ตํ•ด ์–ป์€ Insight์™€ ๋””์ž์ธ์ด์Šˆ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ Direction์„ ๋„์ถœํ•œ๋‹ค.

01

๋„์ถœํ•œ Direction์„ ๋ฐ”ํƒ•์œผ๋กœ Ideation์„ ์ง„ํ–‰ํ•œ๋‹ค.

๊ธฐ์กด ์˜๋ฅ˜๊ด€๋ฆฌ ํŒจํ„ด์˜ ๊ณ„ํš ์ˆœ์„œ์™€ User Behavior๋ฅผ ๋„์ž…ํ•œ Sysyem Image๋ฅผ ํ†ตํ•ด ์ˆœ์ฐจ์  ๋ฉ”๋‰ด์„ค์ • ๋‹จ๊ณ„์™€ ๋ฉ”๋‰ด ๋ถ„๋ฅ˜ ์ œ๊ณต

02 ๊ธฐ๊ธฐ ์ œ์–ด ์„ค์ •๊ณผ ํ•˜์œ„ ์ฝ”์Šค๋ฉ”๋‰ด์˜ ์ถ”๊ฐ€์˜ต์…˜์ด ์‚ฌ์šฉ์ž์˜ Categorical Error๋ฅผ ์ผ์œผํ‚ค์ง€ ์•Š๋„๋ก ์ผ๊ด€์„ฑ ์žˆ๋Š” ๋ถ„๋ฅ˜์™€ ์„ค์ •๋ฐฉ์‹์„ ์ œ๊ณต

03

์‚ฌ์šฉ์ž์˜ Short-term-memory๋ฅผ ๊ณ ๋ คํ•˜์ง€ ์•Š์€ GUI๋กœ ์ธํ•ด ์ƒ๊ธฐ๋Š” ํ”ผ๋“œ ๋ฐฑ ๋ฐฉํ•ด์š”์„œ๋ฅผ ์ œ๊ฑฐํ•˜์—ฌ ์Šคํƒ€์ผ๋Ÿฌ ๋ฉ”๋‰ด ์„ค์ •์‹œ ์„ ํƒ๋œ ํ•ญ๋ชฉ๊ณผ ๊ทธ ๋‹จ๊ณ„์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ ์ธ์‹์„ ๋•๋Š” Affordance์  ์š”์†Œ ์ œ๊ณต

04

์‚ฌ์šฉ์ž์˜ ์˜๋ฅ˜ ๊ด€๋ฆฌ ๋ชฉ์ ์„ ๋‚˜ํƒ€๋‚ด๋Š” GUI Skin ์š”์†Œ๋ฅผ ์ œ์‹œํ•˜์—ฌ ์˜๋ฅ˜๊ด€๋ฆฌ ์ฝ”์Šค ์„ค์ •์˜ ์ ‘๊ทผ์„ฑ๊ณผ ์Šคํƒ€์ด๋Ÿฌ์˜ ์ง„ํ–‰๋‹จ๊ณ„ ์ธ์ง€๋ฅผ ๋†’์ด๋Š” GUI ์ œ๊ณต

05

์Šคํƒ€์ผ๋Ÿฌ์˜ ๊ธฐ๋Šฅ ์ค‘ ์‹œ๊ฐ„ ์„ค์ •์ด ์š”๊ตฌ๋˜๋Š” ํ•ญ๋ชฉ์— ๋Œ€ํ•ด Control Structure ์˜ ๋ฐ˜์˜ํ•œ Visual ์š”์†Œ์™€ ์„ค์ • ํ”Œ๋žซํผ ์ œ๊ณต

>>


Solution Ideation์„ ๋ฐ”ํƒ•์œผ๋กœ ๊ตฌ์ฒด์ ์ธ Solution๊ณผ ๊ทธ์— ํ•ด๋‹นํ•˜๋Š” GUI๋ฅผ ๋””์ž์ธํ•œ๋‹ค.

2 3

6

10

9 7

1

8 4

1 ์ „์› OFF์‹œ ์™ธ๊ด€ Style์— ๋Œ€ํ•ด ์™œ๊ณก๋œ Mental Model์„ ํ˜•์„ฑ ํ•˜๋Š” Printing Button์˜ ์ตœ์†Œํ™” 2 ์‚ฌ์šฉ์ž์˜ ๊ธฐ๊ธฐ ์ž‘๋™ Sequence๋ฅผ ๋ฐ˜์˜ํ•œ ๊ธฐ๋Šฅ ์„ ํƒ interface 3 ์‚ฌ์šฉ ๋นˆ๋„์ˆ˜๊ฐ€ ๋†’์€ ์ฃผ์š” ๋ชจ๋“œ๋ฅผ ๊ฐ•์กฐํ•œ Domain Structure 4 ์„ธ๋ถ€ ๋ชจ๋“œ์˜ ๋ถ„๋ฅ˜ ๊ธฐ์ค€ ํ†ต์ผ (์˜ท๊ฐ, ์˜ท์˜ ์ข…๋ฅ˜) 5 Categorical Error ๋ฐฉ์ง€๋ฅผ ์œ„ํ•œ ๊ธฐ๊ธฐ ์„ค์ •๋ถ€์™€ ๊ธฐ๊ธฐ ์ง„ํ–‰๋‹จ๊ณ„ Bar์˜ ๋ถ„๋ฆฌ 6 ์Šคํƒ€์ผ๋Ÿฌ ์˜๋ฅ˜๊ด€๋ฆฌ๊ธฐ๋Šฅ(์Šคํƒ€์ผ๋ง, ๊ฑด์กฐ, ์‚ด๊ท )์˜ ์„ธ๋ฐ€ํ•œ ์กฐ์ ˆ 7 Range ์กฐ์ ˆ์ด ์šฉ์ดํ•œ ์˜ˆ์•ฝ ์„ค์ • ๋ฐฉ์‹ ์ œ๊ณต 8 ์ง๊ด€์ ์ธ ๋ฉ”ํƒ€ํฌ๋ฅผ ์‚ฌ์šฉํ•œ Icon ์‚ฌ์šฉ 9 ์˜๋ฅ˜๊ด€๋ฆฌ ๊ธฐ๋Šฅ์™€ ๊ธฐ๊ธฐ์ œ์–ด ์„ค์ • ๊ธฐ๋Šฅ(์ž ๊ธˆ, ์Œ์†Œ๊ฑฐ)์„ ๊ธฐ๋Šฅ ์„ ํƒ Sequence์™€ ๋ถ„๋ฆฌํ•˜์—ฌ ์ค‘๋ณต์„ ํƒ์ด ๊ฐ€๋Šฅํ•œ Interface ์ œ๊ณต 10 ์‚ฌ์šฉ๋นˆ๋„์ˆ˜๊ฐ€ ๋†’์€ ๋ชจ๋“œ์— ๋Œ€ํ•œ ๋ฉ”๋ชจ๋ฆฌ ๊ธฐ๋Šฅ ์ง€์› UX Design 14


04 Senior์„ธ๋Œ€๋ฅผ ์œ„ํ•œ

์ฒญ์ถ˜์˜ ๊ฑฐ๋ฆฌ Project

Issue Extracting

Research Framework

ํ”„๋กœ์ ํŠธ์˜ Target์ธ Senior์ธต์˜ ์ฃผ์š” Issue๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

์„ธ๊ฐ€์ง€ ๊ด€์ ์œผ๋กœ ๋‚˜๋ˆ„์–ด Research๋ฅผ ์œ„ํ•œ Framework๋ฅผ ๋ถ„๋ฅ˜, ์„ค๊ณ„ํ•œ๋‹ค.

์‹ ์ฒด์  ํŠน์„ฑ

์‚ฌํšŒ์  ํŠน์„ฑ

Design Planning, 2011.09 - 2012.12 ์‹ฌ๋ฆฌ์  ํŠน์„ฑ

OVERVIEW ์ด์ œ๋Š” Senior๋กœ ๋ถˆ๋ฆฌ๊ธฐ ์›ํ•˜๋Š” ์ Š์€ ์‹ค๋ฒ„์„ธ๋Œ€๋ฅผ ํƒ€๊ฒŸํŒ…

Senior์ธต์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ˜•์„ฑ์„ ๋•๋Š” ๊ณต๊ฐ„ ๋ฐ ์‹œ์„ค๋ฌผ ์ œ์•ˆ์„ ํ†ตํ•ด ๊ธฐ์กด ๋…ธ์ธ๋ณต์ง€์„ผํ„ฐ ํ™œ์šฉ๋„ ํ™•์žฅ ์‹ค๋ฒ„์„ธ๋Œ€๋งŒ์ด ๊ฐ€์ง€๋Š” ํŠน์ง•๊ณผ Needs๋ฅผ ๋ฐ˜์˜ํ•œ ๋„“์€ conceptual ์†”๋ฃจ์…˜์ธโ€˜์ฒญ์ถ˜์˜ ๊ฑฐ๋ฆฌ โ€˜ ๋ฅผ ์ œ์•ˆ

์‹ ์ฒด์  ํŠน์„ฑ ์ „๋ฐ˜์ ์ธ ๊ฑด๊ฐ•์•ฝํ™” (์šด๋™, ์ž‘์—…๋Šฅ๋ ฅ ๊ฐํ‡ด) ๊ฑด๊ฐ•๊ด€๋ฆฌ์˜ ํ•„์š”์„ฑ ์‹ฌ๋ฆฌ์  ํŠน์„ฑ ๋ณ€ํ™”์— ๋Œ€ํ•œ ๋‘๋ ค์›€ ๊ณ ๋…๊ฐ(์™ธ๋กœ์›€) ๊ณผ๊ฑฐ๋ฅผ ์ถ”์–ตํ•จ ์ฒด๋ฉด, ๋ˆˆ์น˜, ๊ฐ€๋ถ€์žฅ์  ์‚ฌ๊ณ 

์‚ฌํšŒ์  ํŠน์„ฑ ์‚ฌํšŒ์  ์—ญํ•  ์ถ•์†Œ>>์‚ฌํšŒ์™€์˜ ๋‹จ์ ˆ ์„ธ๋Œ€๊ฐ„์˜ ๋ฌธํ™”์ฐจ์ด>> ๋‹จ์ ˆ (๋น„๊ต์ )์ง‘๋‹จ์ฃผ์˜์  ํŠน์„ฑ ๋„˜์น˜๋Š” ์—ฌ๊ฐ€์‹œ๊ฐ„ ์ถœํ‡ด๊ทผ์˜ ์Šต๊ด€

Pre-research Silver-Centered Design์˜ ํ•„์š”์„ฑ ์‹ค๋ฒ„์„ธ๋Œ€๋ฅผ ์œ„ํ•œ ๋ณต์ง€์‹œ์„ค ์žฌ๊ฐœ๋ฐœ์˜ ํ•„์š”์„ฑ ๋””์ž์ธ์— ์ ์šฉ ๊ฐ€๋Šฅํ•œ ์‹ค๋ฒ„์„ธ๋Œ€์˜ ํŠน์„ฑ ์ •์˜ ์‹ค๋ฒ„์„ธ๋Œ€์— ๋งž์ถคํ™”๋œ ๋””์ž์ธ ์ปจ์…‰์˜ ํ•„์š”์„ฑ

๋…ธ์ธ์ž์‹  ๋…ธ์ธ๋“ค์˜ ์—ฌ๊ฐ€ ์ƒํ™œ ๋ชจ์Šต > ๋…ธ์ธ๋“ค์˜ ์‹ฌ๋ฆฌ์  ์ƒํƒœ ๋ฐ ์š•๊ตฌ

๋…ธ์ธ๊ณผ ํƒ€์ธ (๋…ธ์ธ ๊ฐ„) ๋…ธ์ธ - ๋˜๋ž˜, ๊ด€๊ณ„ ํ˜•์„ฑ์„ ์ง€์ง€ํ•˜๋Š” ์š”์†Œ (๊ฐ€์กฑ ๊ฐ„) ๋…ธ์ธ - ๊ฐ€์กฑ, ์†Œํ†ต ๋ฌธ์ œ์  ๊ฐœ์„  ๋ฐฉ์•ˆ

๋…ธ์ธ๊ณผ ์‚ฌํšŒ ๋…ธ์ธ์˜ ์‚ฌํšŒ ์ฐธ์—ฌ์˜ ์žฅ์•  ์š”์†Œ ํŒŒ์•… > ๋Šฅ๋™์ ์ธ ์‚ฌํšŒ ์ฐธ์—ฌ์˜ ๋ฐฉํ–ฅ์„ฑ์„ ์ œ์‹œ > ๋‹ค๋ฅธ ์„ธ๋Œ€์™€ ์ž์—ฐ์Šค๋Ÿฌ์šด ์†Œํ†ต ์œ ๋„


Methodology

Consolidation

Research Framework์— ๋”ฐ๋ฅธ ์กฐ์‚ฌ๋ฐฉํ–ฅ์— ํ•„์š”ํ•œ ๋ฐฉ๋ฒ•๋ก ์„ ์„ ํƒ, ์ ์šฉํ•˜์—ฌ ์กฐ์‚ฌํ•œ๋‹ค.

Research ๋‚ด์šฉ์„ ์ข…ํ•ฉํ•˜์—ฌ, ๊ทธ์— ๋”ฐ๋ฅธ insight๋ฅผ ์ถ”์ถœํ•œ๋‹ค. 1 ๋…ธ์ธ๋ณต์ง€์„ผํ„ฐ๋Š” ๋‹ค๋ฅธ ์„ธ๋Œ€์™€์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ˜•์„ฑ์— ๋‹จ์ ˆ ๋ฐ ์ œํ•œ๋จ

Interview ๋ณต์ง€์„ผํ„ฐ๊ด€๊ณ„์ž ๋ณต์ง€์„ผํ„ฐ ์ด์šฉ์ž/ ๋น„์ด์šฉ์ž ๋…ธ์ธ๊ณผ ๋ณต์ง€์„ผํ„ฐ ๋‹ˆ์ฆˆ ํŒŒ์•…

Ethnography ๋…ธ์ธ๋ถ„๋“ค์˜ ๋ณต์ง€์„ผํ„ฐ ์‚ฌ์šฉ์‹คํƒœ๋ฅผ ๊ด€์ฐฐ > ๋‹คํ๋ฉ˜ํ„ฐ๋ฆฌ ๋ถ„์„์„ ํ†ตํ•ด ๋ง๋กœ ๋“œ๋Ÿฌ ๋‚˜์ง€ ์•Š๋Š” ํ–‰์œ„์˜ ์›์ธ๊ณผ ์ด์œ ๋ฅผ ๋ถ„์„

โ€œ๊ฐ€์กฑ๋“ค๊ณผ์˜ ํ”„๋กœ๊ทธ๋žจ ํ™œ์„ฑํ™”๋Š” ํ˜„์žฌ ๋…ธ์ธ ๋ถ„๋“ค์˜ ์ธ์›๋งŒ์œผ๋กœ๋„ ๊ด€๋ฆฌ๊ฐ€ ๋ฒ…์ฐจ๊ธฐ ๋•Œ๋ฌธ์— ํž˜๋“ค์–ด์š”โ€ -๋ณต์ง€์„ผํ„ฐ ๊ด€๊ณ„์ž 2 ์‹ค๋ฒ„์„ธ๋Œ€๋“ค์ด ๋ชจ์—ฌ์žˆ๋Š” ๊ฒƒ์ด ๋…ธ์ธ๋“ค์—๊ฒŒ ์ฃผ์ธ์˜์‹์„ ๊ฐ–๊ฒŒํ•จ

โ€œํ”„๋กœ๊ทธ๋žจ ํ˜•์„ฑ์€ ๋งŒ์กฑ๋„ ์กฐ์‚ฌ๋ฅผ ํ•˜๊ฑฐ๋‚˜ ์‚ฌ๋ฌด์‹ค๋กœ ์ง์ ‘ ์ฐพ์•„์˜ค์‹œ๊ฑฐ๋‚˜ ์˜๊ฒฌ์ˆ˜๋ ดํ•จ์„ ํ†ตํ•ด์„œ ๋ฐ˜์˜ํ•˜๊ณ  ์žˆ์–ด์š”โ€-๋ณต์ง€์„ผํ„ฐ ๊ด€๊ณ„์ž 3 ์‹ค๋ฒ„์„ธ๋Œ€๋“ค๋ผ๋ฆฌ ์–ด์šธ๋ฆฌ๋Š” ๊ฒƒ์— ๋Œ€ํ•ด ์‹ฌ๋ฆฌ์ ์ธ ์•ˆ์ •๊ฐ์„ ๋Š๋‚Œ

โ€œ์นœ๊ตฌ๋“ค๋„ ๋งŒ๋‚˜๊ณ  ๋˜ ๋†€๋Ÿฌ๋„ ๊ฐ™์ด ๊ฐ€๊ณ  ์ข‹์•„. ๋‚ด ๋‚˜์ด๊ฐ€ 86์‚ด์ธ๋ฐ ์˜ค๊ณ  ์‹ถ์–ด ๋‹ค๋ฆฌ๋„ ์„ฑ์น˜ ์•Š์€๋ฐ ์™”์–ดโ€-ํ• ์•„๋ฒ„์ง€ B 4 ์‹ค๋ฒ„์„ธ๋Œ€๊ฐ€ ์ฃผ์ธ๊ณต์ด ๋˜๋Š” ์‚ฌํšŒ์™€ ์—ฐ๊ฒฐ๋œ ๋ฌธํ™”๊ณต๊ฐ„์ด ํ•„์š”

โ€œ๋ณต์ง€ํšŒ๊ด€๊ฐ™์€ ์‹œ์„ค์ด๋ผ๋„ ์—†์—ˆ์œผ๋ฉด ๋‚จ์ž๋“ค์€ ์ˆ ํƒ€๋ น์ด๋‚˜ ํ• ๊ฑฐ๊ณ  ์—ฌ์ž๋“ค์€ ํ™”ํˆฌ๋‚˜ํ•˜๊ณ  ๊ฑด๊ฐ•์„ ๋ง์ณค์„ ๊ฑฐ์—ฌโ€ -ํ• ์•„๋ฒ„์ง€ A Video Protocol/์‚ฌ์ง„์ดฌ์˜ ์‹œ์„ค์„ ์ด์šฉํ•˜๋Š” ๋ชจ์Šต ๋ฐ ๊ณต๊ฐ„ ํ™œ์šฉ ๋น„๋””์˜ค ๋ฐ ์‚ฌ์ง„ ์ดฌ์˜

Benchmarking ๋‹ค๋ฅธ ๋ณต์ง€์„ผํ„ฐ์˜ ํ”„๋กœ๊ทธ๋žจ ๋ฐ ์‹œ์„ค ex) ๊ฐ•๋‚จ ์‹œ๋‹ˆ์–ด ํ”„๋ผ์ž

Desk Research ๋…ผ๋ฌธ์ด๋‚˜ ๊ธฐ์‚ฌ ๊ฒ€์ƒ‰์„ ํ†ตํ•ด ์ผ๋ฐ˜ํ™”๋œ ๋…ธ์ธ ๋‹ˆ์ฆˆ ํŒŒ์•…

5 ์‹ค๋ฒ„์„ธ๋Œ€๋“ค์€ ์ž๊ธฐ๊ณ„๋ฐœ์˜ ์š•๊ตฌ๋ฅผ ๊ฐ€์ง (๋ฐฐ์›€, ์žฌ์ทจ์—…, ์ง€์‹์˜ ํ™œ์šฉ)

โ€œํ•˜๊ณ  ์‹ถ์€๊ฑฐ ๋งŽ์ง€. ์˜์–ด๋„ ๋ฐฐ์šฐ๊ณ  ์‹ถ๊ณ , ๋…ธ์ธ๋Œ€ํ•™ ๋‹ค๋‹ˆ๊ณ  ์‹ถ๊ณ โ€ -ํ• ๋จธ๋‹ˆ A

Reset Goal ์ปค๋ฎค๋‹ˆํ‹ฐ ํ˜•์„ฑ๊ณผ ์ž์น˜๋ฅผ ๋•๋Š” ๊ณต๊ฐ„๊ณผ ์‹œ์„ค์„ ์ œ์•ˆํ•˜์—ฌ ๊ธฐ์กด ๋…ธ์ธ๋ณต์ง€์„ผํ„ฐ์˜ ํ™œ์šฉ๋„๋ฅผ ํ™•์žฅํ•œ๋‹ค.

Project Outcome ์‹ค๋ฒ„์„ธ๋Œ€๋“ค์ด ์ฃผ์ฒด๊ฐ€ ๋˜์–ด ํ˜•์„ฑํ•˜๋Š” ๋ฌธํ™”๊ณต๊ฐ„ ๋ฐ ์‹œ์„ค ์ œ์•ˆ

?

Research์— ๋”ฐ๋ฅธ Consolidation ๊ณผ์ •์„ ๊ฑฐ์น˜๋ฉด์„œ Goal์˜ ์žฌ์„ค์ • ํ•„์š”์„ฑ์„ ๋ฐœ๊ฒฌ, ๋Œ€๋žต์ ์ธ Outcome๊ณผ ํ•จ๊ป˜ ์žฌ์„ค์ •ํ•˜์—ฌ ์ง„ํ–‰ํ–ˆ๋‹ค.

UX Design 16


2nd Research

Design Strategy

Consolidation์—์„œ ์ถ”์ถœํ•œ insight๋ฅผ Research Framework๋กœ ํ™œ์šฉํ•˜์—ฌ ๋…ธ์ธ๋“ค์˜ Needs๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

1

๋…ธ์ธ์ด ์ฃผ์ธ๊ณต์ด ๋˜๋Š” ๊ณต๊ฐ„์ด ์žˆ์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค

2

๋…ธ์ธ๋“ค๋„ ์•„์ง ์ผํ•˜๊ณ  ์‹ถ๋‹ค

3

๋…ธ์ธ๋“ค์ด ๊ฐ€์ง„ ์ž์›์„ ์‚ฌํšŒ์™€ ๊ณต์œ ํ•˜๊ณ  ์‹ถ๋‹ค

4

๋‚˜๋Š” ์•„์ง ์ Š๋‹ค ์ Š์€ ๋ฌธํ™”๋ฅผ ํ–ฅ์œ ํ•˜๊ณ  ์‹ถ๋‹ค

5

๋…ธ์ธ๋“ค๋„ ๋ฌธํ™” ๊ณต๊ฐ„์ด ํ•„์š”ํ•˜๋‹ค

์‹ค๋ฒ„์„ธ๋Œ€๊ฐ€ ์ฃผ์ฒด ์˜์‹์„ ๊ฐ–๊ณ  ๊ทธ๋“ค์˜ ๋ฌธํ™”๋ฅผ ํ˜•์„ฑํ•˜๋„๋ก ํ•˜๋Š” ์™ธ๋ถ€์— ์œ„์น˜ํ•œ ๋ฌธํ™”๊ณต๊ฐ„ ์ œ์•ˆํ•œ๋‹ค. ์‚ฌํšŒ์™€์˜ ์—ฐ๊ฒฐ์„ ํ†ตํ•ด ์‹ค๋ฒ„ ์„ธ๋Œ€์™€ ๋‹ค๋ฅธ ์„ธ๋Œ€๋“ค๊ฐ„์˜ ๊ต๋ฅ˜์˜ ๊ธฐํšŒ๋ฅผ ์ œ๊ณตํ•œ๋‹ค. ์‹ค๋ฒ„์„ธ๋Œ€์˜ ์ž์›์„ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๋ฅผ ์ œ๊ณตํ•˜์—ฌ ์‚ฌํšŒ์  ์ฐธ์—ฌ๋ฅผ ์œ ๋„ํ•œ๋‹ค. ์‹ค๋ฒ„์„ธ๋Œ€์˜ ์‹ฌ๋ฆฌ, ์‹ ์ฒด, ์ •์‹ ์  ํŠน์„ฑ์„ ๋ฐ˜์˜ํ•˜์—ฌ ๊ณต๊ฐ„ ๋ฐ ์‹œ์„ค๋ฌผ์„ ์ œ์•ˆํ•œ๋‹ค.

>> >> >> >>

_ ํ์‡„๋œ ๊ณต๊ฐ„์— ๊ตญํ•œ๋˜์—ˆ๋˜ ๋…ธ์ธ์˜ ๋ฌธํ™”๋ฅผ ๊ฐœ๋ฐฉํ•˜์—ฌ ์ƒˆ๋กœ์šด ๊ฐœ๋…์˜ ๋ฌธํ™”๋ฅผ ์ œ๊ณตํ•˜๋Š” ๊ณต๊ฐ„ _ ์‹ค๋ฒ„์„ธ๋Œ€๊ฐ€ ๊ฐ€์ง„ ์—ญ๋Ÿ‰ ํ‘œ์ถœ์„ ํ†ตํ•œ ์„ธ๋Œ€๊ฐ„์˜ ๋ฌธํ™”์  ์ ‘์ด‰์˜ ๊ธฐํšŒ๋ฅผ ์ฃผ๋Š” ๊ณต๊ฐ„ _ ์‹ ์„ธ๋Œ€์™€ ์ž์—ฐ์Šค๋ ˆ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธํ™” ํ–ฅ์œ  ๊ณต๊ฐ„ _ ์‹ค๋ฒ„์„ธ๋Œ€์˜ ๊ทผ๋กœ ์š•๊ตฌ๋ฅผ ์ถฉ์กฑ์‹œ์ผœ์ฃผ๋Š” ๊ณต๊ฐ„ _์‚ฌํšŒ์  ์ผ์›์œผ๋กœ ์ธ์ •๋ฐ›๊ณ  ์‹ถ์€ ์š•๊ตฌ๋ฅผ ์ถฉ์กฑํ•˜๋Š” ๊ณต๊ฐ„ _์‹ค๋ฒ„์„ธ๋Œ€์˜ ์‹ ์ฒด์  ํŠน์„ฑ์„ ๊ณ ๋ คํ•œ ๊ฑด๊ฐ• ์ฆ์ง„ ์ง€์ง€ ๊ณต๊ฐ„ _์‹ฌ๋ฆฌ์  ๊ณ ๋ฆฝ๊ฐ์„ ํ•ด์†Œํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„ _๊ณผ๊ฑฐ๋ฅผ ํšŒ์ƒํ•˜๊ณ  ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„

Ideation >>

Benchmarking

์ „ํ†ต ๋ฌธํ™”์˜ ๊ฑฐ๋ฆฌ ์ธ์‚ฌ๋™

์ถ”์ถœ๋œ Needs๋ฅผ ํ†ตํ•ด ํ”„๋กœ์ ํŠธ์˜ ์ „๋ฐ˜์ ์ธ ๋ฐฉํ–ฅ์„ฑ์„ ํ™•๋ฆฝํ•˜๊ณ  ํŠน์„ฑํ™” ์ „๋žต์„ ์„ธ์šด๋‹ค

+

Design Direction ์ Š์Œ์˜ ๊ฑฐ๋ฆฌ ํ™๋Œ€์•ž

๊ฐœ๋ฐฉ์  ๋ฌธํ™”๊ณต๊ฐ„ _์œก์ฒด์  ๋…ธ๋ ฅ์˜ ์ตœ์†Œํ™”๋ฅผ ํ†ตํ•ด ์‹œ์„ค๊ณผ ๊ณต๊ฐ„์˜ ์ ‘๊ทผ์ด ์šฉ์ดํ•˜๋„๋ก ํ•œ๋‹ค. ๊ต๋ฅ˜์˜ ๊ธฐํšŒ์ œ๊ณต _์‹œ์„ค๊ณผ ๊ณต๊ฐ„์˜ ๋””์ž์ธ์  ์š”์†Œ๋ฅผ ํ†ตํ•˜์—ฌ ์ด์šฉ์ž ๊ฐ„์˜ ์†Œํ†ต์„ ์œ ๋„ํ•œ๋‹ค.

1 ๊ฑฐ๋ฆฌ๊ฐ€ ํŠนํ™”๋˜๊ธฐ ์œ„ํ•œ ์š”์†Œ ์กด์žฌ 2 ๊ทผ์ฒ˜์— ๊ฑฐ๋ฆฌ ํŠน์ƒ‰๊ณผ ๊ด€๋ จ ์žˆ๋Š” ๊ตฌ์‹ฌ์  ์—ญํ• ์˜ ์š”์†Œ๊ฐ€ ์กด์žฌ 3โ€˜๊ทธ ๊ฑฐ๋ฆฌโ€™๋งŒ์˜ ํŠน์„ฑ์ด ์กด์žฌ

์‹ ์ฒด์  ํŠน์„ฑ๊ณ ๋ ค _์‹œ์„ค๊ณผ ๊ณต๊ฐ„์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ๋‹จ์ˆœํ™”ํ•˜์—ฌ ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ ์ธ์ง€ํ•˜๊ณ  ์‚ฌ์šฉํ•˜๋„๋ก ํ•œ๋‹ค. _์‹œ๊ฐ์  ์ž๊ทน์„ ํฌ๊ฒŒํ•˜์—ฌ ์ •๋ณด์˜ ๊ฐ€๋…์„ฑ๊ณผ ์ˆ˜์šฉ์„ฑ์„ ๋†’์ธ๋‹ค. _์ฆ‰๊ฐ์  ํ”ผ๋“œ๋ฐฑ๊ณผ ์ •๋ณด์ธ์‹์œผ๋กœ ์˜ค๋ฅ˜๋ฐœ์ƒ์„ ์ตœ์†Œํ™”ํ•˜๊ณ  ์˜ค๋ฅ˜์˜ ํ—ˆ์šฉ์„ฑ์€ ๋†’์ธ๋‹ค. ์‹ฌ๋ฆฌ์ , ์ •์‹ ์  ํŠน์„ฑ๊ณ ๋ ค _ํšŒ๊ณ ๋ฅผ ์ผ์œผํ‚ค๋Š” ๊ฐ๊ฐ์ ์ธ ์š”์†Œ๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž์˜ ๊ฐ์„ฑ์  ๋งŒ์กฑ์„ ์ œ๊ณตํ•œ๋‹ค.


Solution ์‹ค๋ฒ„์„ธ๋Œ€๋“ค์˜ ๋ฌธํ™”์™€ ๊ด€์Šต์„ ๋ฐ˜์˜ํ•˜๋ฉด์„œ ์‹ ์„ธ๋Œ€์ ์ธ ๊ณต๊ฐ„(์‹œ์„ค, ์‹œ์Šคํ…œ ๋“ฑ): ์ฒญ์ถ˜์˜ ๊ฑฐ๋ฆฌ๋ฅผ ์ „์ฒด์ ์œผ๋กœ ์ œ์•ˆํ•œ๋‹ค. ์ฒญ์ถ˜์˜ ๊ฑฐ๋ฆฌ ์ „์ฒด map

Section๋ณ„ ๋ณด๋„๋ธ”๋Ÿญ

๋จน๊ฑฐ๋ฆฌ (Orange) + Tea ๊ฑฐ๋ฆฌ (Green) _ ์Šคํƒ€๋ฒ…์Šค, ์ปคํ”ผ๋นˆ ๋“ฑ ์‹ ์„ธ๋Œ€ ์ปจํ…์ธ ์™€ ์ „ํ†ต์  ์ปจํ…์ธ  ๊ณต์กด ๋ฌด์ธ์ฃผ๋ฌธ์‹œ์Šคํ…œ ์‚ฌ์šฉ ์˜ˆ์ˆ ๊ฑฐ๋ฆฌ (Blue) _๋…ธ์ธ์ด ์˜ˆ์ˆ ํ™œ๋™์˜ ์ฃผ๊ฐ€ ๋˜๋Š” ๊ณต๊ฐ„ ;๋ชฝ๋งˆ๋ฅด๋œจ ์–ธ๋• SilverPole ์œ„์น˜ ๋†€๊ฑฐ๋ฆฌ(์œ ํฅ๊ฑฐ๋ฆฌ) (Yellow) _ Wii ์„ผํ„ฐ, ๋ผ์ด๋ธŒ์นดํŽ˜, ์ฝœ๋ผํ…, ์˜ํ™”๊ด€ ๋“ฑ ๋งŽ์€ ๋ฒค์น˜ ์œ„์น˜ ์‡ผํ•‘๊ฑฐ๋ฆฌ (Pink) _Flee Market ์Œ์‹ ๋˜๋Š” ๊ณต์˜ˆํ’ˆ์˜ ์ž์œ ๋กœ์šด ํŒ๋งค ๊ธธ๊ฑฐ๋ฆฌ ํŒ๋งค๋ถ€์Šค ์œ„์น˜

์†Œํ†ต๋ฒค์น˜

ํŒ๋งค๋ถ€์Šค

๋ฌด์ธ์ฃผ๋ฌธ์‹œ์Šคํ…œ

์‹ค๋ฒ„ํด (SilverPole)

UX Design 18


05

์Šค๋งˆํŠธ ํ•™๊ต๋ฅผ ์œ„ํ•œ ๋ชจ๋ฐ”์ผ ์„œ๋น„์Šค U-Bird U-City ๊ณต๋ชจ์ „ ์ถœํ’ˆ์ž‘, 2012.12 - 2013.01

Background & Issue Research

๊ฐœ์ธ์—ญ๋Ÿ‰์ค‘์‹ฌ์˜ ์ฐฝ์˜๊ต์œก์˜ ํ•„์š”์„ฑ์˜ ์ฆ๋Œ€๋กœ ํ•™์ƒ์˜ ์ž๊ธฐ๊ณ„๋ฐœ๊ณผ ํ•™๊ต ๊ต์œก ๊ฐ„์˜ ์ด์งˆํ™” ๋ฌธ์ œ ex) ์ˆ˜์—…์ง„๋„์™€ ํ•™์ƒ์˜ ์‹ค์ œ ์ดํ•ด์ง„๋„์˜ ์ฐจ์ด ํ•™๊ต์™€ ํ•™๋ถ€๋ชจ, ๊ต์‚ฌ์™€ ํ•™๋ถ€๋ชจ๊ฐ„์˜ ์ผ๋ฐฉ์ ์ด๊ณ  ๋น„ํšจ์œจ์ ์ธ ์ •๋ณด์ „๋‹ฌ ๋ฐฉ์‹์œผ๋กœ ์ธํ•œ ์†Œํ†ต์˜ ์–ด๋ ค์›€ ex) ์ธ์‡„๋ฌผ_๊ฐ€์ •ํ†ต์‹ ๋ฌธ ๋“ฑ, ๊ตฌ๋‘ ์ „๋‹ฌ ์‹œ ์ „๋‹ฌ์˜ค๋ฅ˜ ํ•™์ƒ์˜ ํ•™๊ต ์ผ๊ณผ์™€ ์•ˆ์ „์— ๋Œ€ํ•œ ํ•™๋ถ€๋ชจ๋“ค์˜ ๋ถˆ์•ˆ ์ฆ๋Œ€ ex) ๊ฐ‘์ž‘์Šค๋Ÿฐ ๊ต๋‚ด์ผ๊ณผ ๋ณ€๊ฒฝ, ๊ท€๊ฐ€๊ธธ ์•ˆ์ „

OVERVIEW ์œ ๋น„์ฟผํ„ฐ์Šค ๋„์‹œ๋ฅผ ๋Œ€์ƒ์œผ๋กœํ•œ ํ•™์ƒ๋“ค์˜ ์•ˆ์ „๊ณผ ์†Œํ†ต์„ ๋•๋Š” ์Šค๋งˆํŠธ Mobile APPโ€˜U-Birdโ€™ ๊ต์œก์„ ์œ„ํ•ด ์ œ๊ณต๋˜์–ด์•ผ ํ•  ์ •๋ณด์™€ ๊ทธ ์ „๋‹ฌ ๋ฐฉ์‹์„ ์„ค๊ณ„

Information Archtecture

๊ต์‚ฌ์™€ ํ•™๋ถ€๋ชจ ๊ฐ„์— ์›ํ™œํ•œ ์˜์‚ฌ์†Œํ†ต์˜ ๋ฐฉ์‹์˜ ๋ถ€์žฌ์™€ ์ •๋ณด๊ต๋ฅ˜ ๋ถ€์กฑ์œผ๋กœ ์ธํ•œ ํ•™์ƒ๊ด€๋ฆฌ์˜ ์–ด๋ ค์›€ ex) ์ง์ ‘ ์—ฐ๋ฝ์„ ํ•˜๊ธฐ ์• ๋งคํ•œ ์ •๋ณด๋Š” ๊ต์‚ฌ๊ฐ€ ์–ป๊ธฐ ์–ด๋ ค์›€

Design Direction

Between

Improvement

ํ•™์ƒ๊ณผ ํ•™๋ถ€๋ชจ, ํ•™์ƒ๊ณผ ๊ต์‚ฌ ๊ฐ„์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ์˜ ์žฅ์„ ์ œ๊ณตํ•˜์—ฌ ํ•™๊ต์ƒํ™œ์„ ๋ณด๋‹ค ์›ํ™œํ•˜๊ฒŒ ์ฒด ๊ณ„์ ์œผ๋กœ ๊ด€๋ฆฌํ•˜๊ณ  ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค.

๊ต์‚ฌ์™€ ํ•™์ƒ๊ฐ„์˜ ํ˜‘์—…๊ณผ ์ƒํ˜ธ ํ”ผ๋“œ๋ฐฑ์˜ ๊ณต๊ฐ„ ์„ ์ œ๊ณตํ•จ์œผ๋กœ์จ ํšจ์œจ์ ์ธ ์ƒํ˜ธํ‰๊ฐ€ ๋ฐ ์ž๊ธฐ ํ‰๊ฐ€๊ฐ€ ์ด๋ฃจ์–ด์ง€๊ฒŒ ํ•˜๊ณ , ํ•™์ƒ์˜ ์ž๊ธฐ๊ณ„๋ฐœ ์œ„ ํ•œ ์ •๋ณด์™€ ๋ฐฉํ–ฅ์„ฑ์„ ์ œ์‹œํ•œ๋‹ค.

Relation

Defence

ํ•™๊ต๊ฐ€ ๊ธฐ์กด์˜ ์ผ๋ฐฉ์  ์ •๋ณด์ „๋‹ฌ์—์„œ ๋ฒ—์–ด๋‚˜ ์ƒํ˜ธ์ ์ธ ์ •๋ณด๊ต๋ฅ˜๋กœ ํ•™๋ถ€๋ชจ์™€ ์†Œํ†ตํ•จ์œผ๋กœ์จ ํ•™๋ถ€๋ชจ๋Š” ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ์ ‘ํ•˜๊ณ  ํ˜‘์กฐํ•  ์ˆ˜ ์žˆ๋‹ค.

ํ•™์ƒ์˜ ๋“ฑํ•˜๊ต ์ •๋ณด ๋ฐ ์œ„ํ—˜ ์ •๋ณด๋ฅผ ์ฆ‰๊ฐ์ ์œผ๋กœ ํ•™๋ถ€๋ชจ์—๊ฒŒ ์•Œ๋ฆผ์œผ๋กœ์จ ๋ถˆ์•ˆ๊ฐ์„ ์™„ํ™”์‹œํ‚ค๊ณ  ์‚ฌ ๊ณ ์˜ ๋ฐœ์ƒ์„ ์˜ˆ๋ฐฉํ•œ๋‹ค.

U-BIRD


Solution

์ง„๋กœํƒ๊ตฌ

ํ•™์—…์„ฑ๊ณผ

์ถ”์ฒœํ™œ๋™

ํ•™์ƒ์˜ ์ ์„ฑ ๋ฐ ์„ฑํ–ฅ๊ฒ€์‚ฌ ๋“ฑ์˜ ์ž๋ฃŒ๋ฅผ ๋ถ„์„ ํ•˜์—ฌ ์ œ๊ณตํ•จ๊ณผ ๋™์‹œ์— ํ•™์ƒ์—๊ฒŒ ์•Œ๋งž์€ ์ง„ ๋กœ๋ฅผ ์ œ์•ˆํ•˜๊ณ  ์Šค์Šค๋กœ ํƒ๊ตฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•œ๋‹ค.

๊ต๊ณผ์„ฑ์ ๊ณผ ํ•™์—…๋Šฅ๋ ฅ๊ฒ€์‚ฌ ์ž๋ฃŒ๋ฅผ ํ† ๋Œ€ํ•œ ํ•™์ƒ ์˜ ์—ญ๋Ÿ‰์„ ๋ถ„์„๊ฒฐ๊ณผ์™€ ๊ต์‚ฌ์˜ ์ฝ”๋ฉ˜ํŠธ๋ฅผ ํ†ตํ•ด์„œ ํ•™์ƒ์—๊ฒŒ ์ž๊ธฐ๊ณ„๋ฐœ์˜ ๋ฐฉํ–ฅ์„ฑ์„ ์ œ์‹œํ•œ๋‹ค.

ํ•™๊ต์—์„œ ๋‹ค์–‘ํ•œ ์ฒดํ—˜ํ•™์Šต๊ณผ ์‚ฌํšŒ๋ด‰์‚ฌํ™œ๋™์„ ๊ตฌ ์ฒด์ ์œผ๋กœ ์ถ”์ฒœ ๋ฐ ์—ฐ๊ณ„ํ•ด์คŒ์œผ๋กœ์จ ํ•™์ƒ๋“ค์ด ๋‹ค ์–‘ํ•œ ๊ฒฝํ—˜์„ ์Œ“์„ ์ˆ˜ ์žˆ๋„๋ก ์žฅ๋ คํ•œ๋‹ค.

ํ•™๊ธ‰์‹ ๋ฌธ

๋น„๋ฐ€์ชฝ์ง€

๋‚˜์˜์•ˆ์ „

ํ•™๊ธ‰์˜ ์†Œ์‹์„ ์‚ฌ์ง„๊ณผ ํ•จ๊ป˜ ๊ณต์œ ํ•˜๋Š” ๋ฉ”๋‰ด๋กœ, ํ•™๋ถ€๋ชจ๊ฐ€ ํ•™๊ต์™€ ํ•™๊ธ‰์˜ ์†Œ์‹์„ ๋ณด๋‹ค ์‰ฝ๊ณ  ์ž์„ธ ํ•˜๊ฒŒ ์ ‘ํ•˜์—ฌ ํ•™๊ต์ƒํ™œ์˜ ์ดํ•ด๋ฅผ ๋„์šฐ๋ฉฐ, ๊ธ‰์šฐ๋“ค ๋ผ๋ฆฌ์˜ ์†Œํ†ต์„ ํ™œ๋ฐœํ•˜๊ฒŒ ํ•œ๋‹ค.

ํ•™๋ถ€๋ชจ์™€ ๊ต์‚ฌ ๊ฐ„์— ํ•™์ƒ์— ๊ด€ํ•œ ์ •๋ณด๋‚˜ ์†Œ์‹ ์„ ์ฆ‰๊ฐ์ ์œผ๋กœ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๊ณ  ํ•™์ƒ์€ ๊ต์‚ฌ์— ๊ฒŒ ๊ฐœ์ธ ์ƒ๋‹ด์„ ๋ฐ›๊ฑฐ๋‚˜ ๊ฐœ๋ณ„์ ์ธ ๊ณต์ง€ ๋“ฑ์„ ์ „ ๋‹ฌ ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค.

๋“ฑยทํ•˜๊ต์‹œ๊ฐ„์ด ์ž๋™์œผ๋กœ ํƒœ๊น…๋˜์–ด ํ•™๋ถ€๋ชจ์—๊ฒŒ ์•Œ๋ ค์ง€๊ณ , ํ•™์ƒ์ด ์œ„ํ—˜์ง€์—ญ์œผ๋กœ ์ง„์ž…ํ–ˆ์„ ์‹œ๋‚˜ ํœด๋Œ€ํฐ ๋ฐฉ์ „ ์‹œ์— ๋น„์ƒ์—ฐ๋ฝ๋ง์œผ๋กœ ์‹œ๊ฐ„๊ณผ ์œ„์น˜ ์ •๋ณด๊ฐ€ ์ „์†ก๋œ๋‹ค.

UX Design 20


06

TOWN-WATCHING IN SEOUL 2010 *

Idea Sketch

ํ”„๋กœ์ ํŠธ with ์‚ผ์„ฑ๋””์ž์ธํ•™๊ต 2011.06

์„œ์šธ ๊ณต๊ณต๋””์ž์ธ์˜ ๋ฌธ์ œ์  ๋ถ„์„ ๋ฐ ๊ฐ€๋กœ์ˆ˜๊ธธ ์กฐ๋ช… ์ œ์•ˆ ํ”„๋กœ์ ํŠธ

Subject Selection ์„œ์šธ์‹œ ๊ฑฐ๋ฆฌ์˜ ์กฐ๋ช… ๋””์ž์ธ

Place Selection ์ฒญ๊ณ„์ฒœ ํ•œ๋น›๊ฑฐ๋ฆฌ ๋•์ˆ˜๊ถ ๋Œ๋‹ด๊ธธ ์‹œ์ฒญ ์ฃผ๋ณ€ ๊ฑฐ๋ฆฌ

ํ•œ๊ฐ• ๋ฐ˜ํฌ๋Œ€๊ต ์‹ ์‚ฌ๋™ ๊ฐ€๋กœ์ˆ˜๊ธธ

-์กฐ๋ช…๋“ฑ์˜ ๋น›์„ ๋‚˜๋ญ‡์žŽ๊ทธ๋ฆผ์ž ํ˜•์ƒ์œผ๋กœ ๋น„์ถ”๊ฒŒํ•˜์—ฌ ํ’์„ฑํ•œ ์ˆฒ๊ธธ์˜ ๋Š๋‚Œ์„ ์ œ๊ณตํ•œ๋‹ค.

Rendering

Research

Expected Effect ์•ผ๊ฐ„ ๊ฒฝ๊ด€์˜ ํšจ์œจ์  ๊ด€๋ฆฌ ๊ณ ์œ ๊ฐ€ ์‹œ๋Œ€, ์นœํ™˜๊ฒฝ ์กฐ๋ช… ๊ฐœ๋… ์ ˆ์‹ค ๊ด€๊ด‘์ƒํ’ˆ, ์ง€์—ญ๊ฒฝ์ œ ํ™œ์„ฑํ™”

Concept Keyword Interactive

Harmonious

Fun

NatureFriendly Emotional

ํŠน์ •ํ•œ ์œ„์น˜๋ฅผ ๋ฐŸ์„ ๋•Œ, ๋‚˜๋ญ‡์žŽ์ด ์Šค์น˜๋Š” ์†Œ๋ฆฌ์™€ ํ•จ๊ป˜ ๋ฐ”๋‹ฅ์— ๋ฏธ์„ธํ•œ ์ง„๋™์„ ์ผ์œผํ‚ค๊ฒŒ ํ•˜๋ฉฐ, ๋žจํ”„ ๋˜ํ•œ ๋‚˜๋ญ‡์žŽ์ด ํ”๋“ค๋ฆฌ๋Š” ๊ฒƒ๊ณผ ๊ฐ™์ด ์ง„๋™ ์„ ์ผ์œผํ‚จ๋‹ค.


07 HiddenShot

iF ๊ตญ์ œ๊ณต๋ชจ์ „ ์ถœํ’ˆ์ž‘

User Scenario

2011.09 - 2011.12

์ฃผ๊ธฐ์ ์œผ๋กœ ์ฃผ์‚ฌ๋ฅผ ๋งž์•„์•ผํ•˜๋Š” ์งˆ๋ณ‘์„ ๊ฐ€์ง„ ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•œ ๋งˆ์ดํฌ๋กœ๋ฐ”๋Š˜์„ ์ ์šฉํ•œ ํŒ”์ฐŒํ˜• ์Šค๋งˆํŠธ ์ฃผ์‚ฌ๊ธฐ

1 ์ฃผ์‚ฌ์•ก ์นดํŠธ๋ฆฌ์ง€๋ฅผ ์‚ฝ์ž…ํ•˜๊ณ  ์•Œ๋žŒ์„ ์„ค์ •ํ•œ๋‹ค.

2 ์„ค์ •ํ•œ ์‹œ๊ฐ„์ด ๋˜๋ฉด ํŒ”์ฐŒ์˜ ์ง„๋™์•Œ๋ฆผ์ด ์šธ๋ฆฐ๋‹ค.

3 ์•ฝ์„ ์ฃผ์ž…ํ•˜๋ ค๋ฉด ์ฃผ์ž…๋ฒ„ํŠผ์„ ๋ˆ„๋ฅธ๋‹ค.

4 ๋ฏธ์„ธ๋ฐ”๋Š˜์„ ํ†ตํ•ด์„œ ์•ฝ์ด ์ฃผ์ž…๋œ๋‹ค.

Background _์ฃผ์‚ฌ๊ธฐ์˜ ์ด๋ฏธ์ง€ ๋•Œ๋ฌธ์— ์žฅ์†Œ์™€ ์‹œ๊ฐ„์— ๊ตฌ์• ๋ฐ›๋Š” ๋ฌธ์ œ์  _๋ฒˆ๊ฑฐ๋กญ๊ณ  ์‰ฝ์ง€ ์•Š์€ ์•ฝ๋ฌผ ์ฃผ์ž…

! !

Solution

HIDDENSHOT

์•Œ๋ฆผ๊ธฐ๋Šฅ์œผ๋กœ ์žŠ์ง€ ์•Š๊ณ  ์ฃผ์‚ฌ๋ฅผ ๋†“์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํŒ”์ฐŒํ˜•์œผ๋กœ ์˜ท ์•ˆ์— ์ฐฉ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋˜ํ•œ ๋‹จ์ˆœํ•˜๊ฒŒ ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ ์ฃผ์ž…์ด ๊ฐ€๋Šฅํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์‹œ๊ฐ„๊ณผ ์žฅ์†Œ์— ๊ตฌ์• ๋ฐ›์ง€ ์•Š๊ณ  ์•ฝ์„ ํˆฌ ์ž… ๊ฐ€๋Šฅํ•˜๋‹ค. ์ผํšŒ์šฉ ์นดํŠธ๋ฆฌ์ง€๋Š” ๋ฐ”๋Š˜์˜ ์žฌ์‚ฌ์šฉ์„ ์˜ˆ๋ฐฉํ•œ๋‹ค.

_์ฃผ์‚ฌ๋ฐ”๋Š˜ ์žฌ์‚ฌ์šฉ์˜ ์œ„ํ—˜์„ฑ

Rate of Needle Reuse

!

35% ์œ„์ƒ์ ์ด์ง€ ์•Š์Œ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  35% ์ด์ƒ์ด ์ฃผ์‚ฌ๋ฐ”๋Š˜์„ ์žฌ์‚ฌ์šฉ

UX Design 22


UX/UI Designer ์ •์€ํ˜œ

e-mail : gracello_o@naver.com

THANK


Turn static files into dynamic content formats.

Createย aย flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.