hajeong yun's ux design portfolio

28
UX Design Product design Graphic Desgin

Upload: hajeong-yun

Post on 16-Mar-2016

221 views

Category:

Documents


4 download

DESCRIPTION

Hajeong Yun's UX design Portfolio

TRANSCRIPT

Page 1: Hajeong Yun's UX design Portfolio

UX D

esig

n

Prod

uct d

esig

n

Grap

hic

Desg

in

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

01

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

02

01

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

02

01

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

02

01

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

02

17

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

18

Page 2: Hajeong Yun's UX design Portfolio

Design

Communication

Sympathy

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

01

Sym

path

y

Page 3: Hajeong Yun's UX design Portfolio

About me

ํ†ตํ•ฉ์  ์‚ฌ๊ณ ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋ณธ์งˆ์„ ํŒŒ์•…ํ•˜์—ฌ๊ณต๊ฐ๊ณผ ์†Œํ†ต์„ ์ด๋Œ์–ด๋‚ด๋Š” UX ๋””์ž์ด๋„ˆ

Convergence

ํ†ตํ•ฉ์  ์‚ฌ๊ณ ๋ฅผ ํ†ตํ•œ ์ƒˆ๋กœ์šด ๊ฒฝํ—˜์„ ์ฐฝ์ถœํ•˜๋Š” ๋””์ž์ด๋„ˆ

Essence

์‚ฌ์šฉ์ž์˜ ๋ณธ์งˆ์  ๋‹ˆ์ฆˆ๋ฅผ๊ฟฐ๋šซ์–ด๋ณด๋Š” ๋””์ž์ด๋„ˆ

Sincerity

์„ฑ์‹คํ•จ์œผ๋กœ ๋Š˜ ์ค€๋น„๋˜์–ด์žˆ๋Š” ๋””์ž์ด๋„ˆ

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

02

Page 4: Hajeong Yun's UX design Portfolio

์œคํ•˜์ • | ๅฐน่ณ€้–

1989. 06. 08

010. 2560. 2096

[email protected]

Educationํ˜„์žฌ ํ•œ๋™๋Œ€ํ•™๊ต์‚ฐ์—…๋””์ž์ธํ•™๋ถ€์žฌํ•™์ค‘

_์ œํ’ˆ๋””์ž์ธ | ์‹œ๊ฐ๋””์ž์ธ ํ•™๊ณผ

์šธ์‚ฐ์‚ผ์‚ฐ๊ณ ๋“ฑํ•™๊ต์กธ์—…

์šธ์‚ฐํƒœํ™”์—ฌ์ž์ค‘ํ•™๊ต์กธ์—…

Ubiquitous & Mobilie Computing ํ•™ํšŒ ํ™œ๋™

2010 ํ•œ๋™๋Œ€ํ•™๊ต ์˜ค๋ฆฌ์—”ํ…Œ์ด์…˜ ๋ฐ์ฝ”ํŒ€

2009 ๋ด„ํ•™๊ธฐ ์ถ•์ œ ๊ธฐํšํŒ€

์ˆœ์ˆ˜๋ฏธ์ˆ  ๋™์•„๋ฆฌ Canvas ํ™œ๋™

ํ•œ๋™๋Œ€ํ•™๊ต Gospel Choir ํ™œ๋™

ExperienceHajeong Yun2008~

2008 02 05

2005 02 08

Introduction

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

01

Sym

path

y

Page 5: Hajeong Yun's UX design Portfolio

YWAM Townsville Australia Dicipleship Training School

_Volunteering for Youth and Indigenous people

in Australia and New Zealand

YWAM Townsville Mission Builder_Volunteering in the kitchen

Australia Normanton Indigenous Christian Convention Staff

Australia Mt.Isa PCYC ์ฒญ์†Œ๋…„ Hip-hop Dance ์ง€๋„

New Zealand Tauranga ์›์œ  ์œ ์ถœ์‚ฌ๊ณ  ํ˜„์žฅ ๊ธฐ๋ฆ„๋  ์ œ๊ฑฐ ์ž‘์—…

ํƒœ์•ˆ ์›์œ  ์œ ์ถœ์‚ฌ๊ณ  ํ˜„์žฅ ๊ธฐ๋ฆ„๋  ์ œ๊ฑฐ ์ž‘์—…

๊ฐ•์›๋„ ์ถ˜์ฒœ์‹œ ์ถ”๊ณก๋งˆ์„ ๋†์ดŒ๋ด‰์‚ฌํ™œ๋™ ๋ฐ ๋ฏธ์ทจํ•™ ์ฒญ์†Œ๋…„ ์ง€๋„

LG ํ˜์‹ ๋””์ž์ธ์—ฐ๊ตฌ์†Œ ์‚ฐํ•™ํ˜‘๋ ฅ ํ”„๋กœ์ ํŠธ ์ฐธ์—ฌ

_Smart TV๋ฅผ ์œ„ํ•œ ์ƒˆ๋กœ์šด Interaction ์ œ์•ˆ

LG MC ์‚ฐํ•™ํ˜‘๋ ฅ ํ”„๋กœ์ ํŠธ ์ฐธ์—ฌ

_์ฐฉํ•œ ๊ฒฝํ—˜์„ ์œ„ํ•œ Mobile Communication ์ œ์•ˆ

์‚ผ์„ฑํ•˜์šฐ์   ์‚ฐํ•™ํ˜‘๋ ฅ ํ”„๋กœ์ ํŠธ ์ฐธ์—ฌ

_๊ณต๊ธฐ์ฒญ์ •๊ธฐ์˜ ์ƒˆ๋กœ์šด Interaction Style ์ œ์•ˆ

_์„ธํƒ๊ธฐ ๋„์–ด, ์„ธ์ œํ•จ, ํŽ˜๋ฐ์Šคํƒˆ ๋””์ž์ธ ์ „๋žต ๋ฐ Strategy ์ œ์•ˆ

SADI&Handong Townwatching

_์„œ์šธ ๊ณต๊ณต๋””์ž์ธ ๋ฌธ์ œ์  ๋ถ„์„ ๋ฐ ๋Œ€์•ˆ ์ œ์•ˆ

Design Project VolunteeringTOEIC 780

TOEIC Speaking level 6

Language

Software SkillsAdobe Design Tool_Expert

Rhino 3D Tool_Intermediate

Microsoft Office_Expert

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

02

Page 6: Hajeong Yun's UX design Portfolio

ContentsUX Design

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

01

Sym

path

y

Page 7: Hajeong Yun's UX design Portfolio

Product & Graphic Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

02

Page 8: Hajeong Yun's UX design Portfolio

17

Sym

path

y

Page 9: Hajeong Yun's UX design Portfolio

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

02

Page 10: Hajeong Yun's UX design Portfolio

UX Design

2012.03.14 - 2012.10.24Hajeogn Yun * Toc;tee

Interaction Devicefor Smart TV01

1

Smart TV์™€ Interaction Device์™€์˜๊ด€๊ณ„๋ฅผ ์ •์˜ํ•˜์—ฌProject์˜ Goal์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ œ์‹œ

Smart TV์˜ ์—ญํ• ์— ์ ํ•ฉํ•˜๋ฉฐ์‚ฌ์šฉ์ž๊ฒฝํ—˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š”

Interaction ์ œ์•ˆ

HANDONG GLOBAL UNIVERSITY

Pre-Research ์—์„œ ๋ฐœ๊ฒฌ๋œ Fact data๋ฅผ ์ข…ํ•ฉํ•˜์—ฌ User Research Framework์„ ์œ„ํ•œ ์ฃผ์š” Issue๋ฅผ ๋„์ถœ

5 Key Issues

์‚ฌ์šฉ์ž๊ฐ€ TV์— ๋Œ€ํ•ด ์ด๋ฏธ ๊ฐ–๊ณ  ์žˆ๋Š” ๊ด€๋…๊ณผ ์—ญํ• ์˜ ๊ธฐ๋Œ€๊ฐ€์น˜๋Š” ์–ด๋–ค ๊ฒƒ์ด ์žˆ๋Š”๊ฐ€?

TV๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์ •๋ณด์˜ ์†์„ฑ์— ์ ํ•ฉํ•œ ์ธํ„ฐ๋ž™์…˜์ด ์ด๋ฃจ์–ด์ง€๊ณ  ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ Contents๊ฐ€ ๊ฐ–๋Š” ํŠน์„ฑ์œผ๋กœ ์ธํ•œ ๊ฐ์„ฑ์ ์ธ ์š”์†Œ์— ๋ถ€ํ•ฉํ•˜๋Š” ์ธํ„ฐ๋ž™์…˜ ๋ฐฉ์‹์ด ์žˆ๋Š”๊ฐ€?

์ฃผ์š” ์‹œ์ฒญ Context์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์ธํ„ฐ๋ž™์…˜์˜ ๋ณ€ํ™”๋Š” ๋ฌด์—‡์ด ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ์ž์˜ Life Style์— ํŠนํ™”๋œ Proactiveํ•œ ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋˜๋Š”๊ฐ€?

์ด์Šˆ๋“ค์„ ๋ฐ”ํƒ•์œผ๋กœ ํšจ๊ณผ์ ์ธ User Research๋ฅผ ์œ„ํ•œUser Research Framework ์ •๋ฆฝ ๋ฐ Methodology ๋ชจ์ƒ‰

Methodology

TaskAnalysis

Key ContextObservation

ControllerPart Sorting

FGIInterview

Whatto See

์‹œ์ฒญ์ž๋“ค๊ฐ„์˜ ์•”๋ฌต์  ๊ณต๊ฐ„TV๊ฐ€ ์œ„์น˜ํ•œ ๊ณต๊ฐ„์  ํŠน์„ฑ

Fixed ConceptFamily Sharing

Expected Value

์‹œ์ฒญ ์„ฑํ–ฅ์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ๋ณ‘ํ–‰ํ•˜๋Š” Task

์ •๋ณด์ž…๋ ฅ๋ฐฉ์‹์กฐ์ž‘๋นˆ๋„์‹œ์ฒญ๊ฑฐ๋ฆฌ

์‹œ์ฒญ ์ปจํ…์ธ ์— ๋”ฐ๋ฅธ ๊ณต๊ฐ„์˜ ๋ถ„์œ„๊ธฐ๋ณ€ํ™” ํ•˜๋Š” ์‹œ์ฒญ ์ž์„ธ

๋ณ‘ํ–‰ํ•˜๋Š” Task์‹œ์ฒญ Situation์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ์‹œ์ฒญ ํŒจํ„ด

Attribute

ContentsWatchingPattern

WatchingSituation

SpaceComposition

Fixed ConceptExpected Value

Project Goal

User Research Framework

Issue Extract

Smart TV์— ๋Œ€ํ•œ Domain Knowledge๋ฅผ ์Œ“๊ณ ,Issue๋ฅผ ๋„์ถœํ•˜๊ธฐ ์œ„ํ•œ Pre-research ๋‹จ๊ณ„

ExpertAdvice

Scenario

WebResearch

ReadingThesis

Heuristic

Facts

Melt-in

์Šค๋งˆํŠธ ํ‹ฐ๋น„๋ฅผ ์œ„ํ•œ ์ธํ„ฐ๋ž™์…˜ ๋””๋ฐ”์ด์Šค ์ œ์•ˆ

4ํ•™๋…„ ์กธ์—…์—ฐ๊ตฌ๊ณผ์ œ๋กœ LG ํ˜์‹ ๋””์ž์ธ

์—ฐ๊ตฌ์†Œ์™€ ์‚ฐํ•™ํ”„๋กœ์ ํŠธ๋ฅผ ์‹ค์‹œํ•˜์˜€๋‹ค. ์Šค๋งˆํŠธ

TV์— ํŠนํ™”๋œ Interaction Device ๋ฅผ ์ œ์•ˆํ•˜๋Š”

๊ณผ์ œ๋กœ, UX ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋ฅผ ๋‹จ๊ณ„๋ณ„๋กœ

์ ์šฉํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜์˜€๋‹ค. ๋‹ค์–‘ํ•œ

๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ์Šค๋งˆํŠธ TV๋ฅผ ์กฐ์ž‘ํ•˜๊ธฐ

์œ„ํ•ด์„œ๋Š” ๊ธฐ์กด TV ๋ฆฌ๋ชจ์ปจ๊ณผ๋Š” ๋‹ค๋ฅด๊ฒŒ ์Šค๋งˆํŠธ

TV์— ํŠนํ™”๋œ ๋ฆฌ๋ชจ์ปจ์ด ํ•„์š”ํ•˜๋‹ค. ๋ฆฌ์„œ์น˜๋ฅผ

ํ†ตํ•˜์—ฌ ๊ธฐ์กด ์Šค๋งˆํŠธ TV ๋ฆฌ๋ชจ์ปจ ์‚ฌ์šฉ์˜

๋ฌธ์ œ์ ์„ ๋ฐœ๊ฒฌํ•˜๊ณ  ์‚ฌ์šฉ์ž ๋‹ˆ์ฆˆ๋ฅผ ๋ฐ˜์˜ํ•œ 7

๊ฐ€์ง€๋””์ž์ธ ๋””๋ ‰์…˜์„ ์ œ์•ˆํ•˜์˜€๋‹ค.ํ˜„์žฌ ์ œ์•ˆํ•œ

๋””๋ ‰์…˜์„ ๋ฐ”ํƒ•ํ•œ Solution์„ Ideationํ•˜๋Š”

์ž‘์—…์ค‘์— ์žˆ์œผ๋ฉฐ 10์›” 24์ผ ๋ถ€ํ„ฐ ๋™๋Œ€๋ฌธ์—ญ

์„œ์šธ๋””์ž์ธ์žฌ๋‹จ์—์„œ ์ „์‹œ๋  ์˜ˆ์ •์ด๋‹ค.

SolutionWork Model

Data ConsolidationResearch

On/Off-line ๋‹ค์ด์–ด๋ฆฌ ๊ฐ๊ฐ์˜๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ์„ ๋ถ€๊ฐ์‹œํ‚จ๋‹ค์ด์–ด๋ฆฌ Application์„ ์ œ์•ˆํ•œ๋‹ค.

Goal์˜คํ”„๋ผ์ธ์œผ๋กœ๋Š” ํ•  ์ˆ˜ ์—†๋Š” ์ƒˆ๋กญ๊ณ  ํšจ์œจ์ ์ธ๋ฐฉ์‹์œผ๋กœ ์ผ์ •๊ด€๋ฆฌ๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•œ๋‹ค. Work Model

ArtifactModel

โ—S dirary Application ์‹คํ–‰ ํ™”๋ฉด โ—Off-line ๊ฐ์„ฑ์„ ์ ์šฉํ•œ ์„ฑ์ทจ๋„, ์ค‘์š”๋„, ์žฅ๊ธฐ์ผ์ • ์ž…๋ ฅ

UX Design

2010.11.01 - 2010.12.20Hajeogn Yun * Goh, Song

New Diary ApplicationProject03

์ƒˆ๋กœ์šด ๋‹ค์ด์–ด๋ฆฌ Application ์ œ์•ˆ

์ด ํ”„๋กœ์ ํŠธ๋Š” ๋ช‡ ๋…„ ๊ฐ„ ์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ๋Ÿ‰์ด

์ฆ๊ฐ€ํ•จ์œผ๋กœ ์ธํ•˜์—ฌ ๊ธฐ์กด์— off-line

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋˜ ์‚ฌ์šฉ์ž๋“ค์ด

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ ์–ดํ”Œ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์œผ๋กœ

๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ ์ „ํ™˜ํ•œ๋‹ค๋Š” ๊ฒƒ์ด

๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋งŽ์€ ์‚ฌ์šฉ์ž๋“ค์€

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๋ถˆํŽธํ•œ ์ ์„ ํ˜ธ์†Œํ•˜๊ณ 

์žˆ์—ˆ๊ณ  ๊ธฐ์กด off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ์„

์„ ํ˜ธํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค๋„ ๋ฐœ๊ฒฌํ•˜์˜€๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๊ธฐ์กด off-line

๋‹ค์ด์–ด๋ฆฌ์™€ ์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๊ฐ๊ฐ ์žฅ,

๋‹จ์ ์„ ํŒŒ์•…ํ•˜๊ณ  ๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ๋งŒ์„

๋ถ€๊ฐ์‹œํ‚ค๋Š” ๋‹ค์ด์–ด๋ฆฌ ์•ฑ์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

์Šค๋งˆํŠธํฐ์ด๋ผ๋Š” ํ•œ์ •๋œ ํ”Œ๋ ›ํผ์—์„œ ๋””์ž์ธ

ํ•ด์•ผํ•˜๋Š” ์ œ์•ฝ์ด ๋”ฐ๋ž์ง€๋งŒ ์Šค๋งˆํŠธํฐ

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ํ†ตํ•˜์—ฌ off-line ๋‹ค์ด์–ด๋ฆฌ์—์„œ

์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ์„ฑ์  ๋งŒ์กฑ ์ถฉ์กฑ์„ ์ฐธ์‹ ํ•œ

์•„์ด๋””์–ด๋กœ ํ•ด๊ฒฐ์„ ์‹œ๋„ํ•˜์˜€๋‹ค๋Š” ๊ฒƒ์— ๋†’์€

ํ‰๊ฐ€๋ฅผ ๋ฐ›์•˜๋‹ค.

Pre-research Research Framework Design Direction

์‚ฌ์šฉ์ž Interview๋ฅผ ํ†ตํ•˜์—ฌ ๊ธฐ๋ก์˜ ์ข…๋ฅ˜์™€๊ธฐ์กด On/Off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ๊ด€์ฐฐํ•˜๊ณ  ๋ถ„๋ฅ˜ํ•˜์—ฌ Issue๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

Issue์— ๋”ฐ๋ผ์„œ Goal์„ ๊ตฌ์ฒดํ™”ํ•˜๊ณ ๊ฐ Goal์— ์ ํ•ฉํ•œ Research๋ฅผํ•  ๋•Œ ๊ณ ๋ คํ•ด์•ผํ•  ์š”์†Œ๋“ค์„ ์„ค์ •ํ•œ๋‹ค.

Testee์™€ Research ๋ฐฉ๋ฒ•์„ ์„ ์ •ํ•˜๊ณ Framework๊ณผ ๊ด€๋ จํ•˜์—ฌ Task์™€ Interview์งˆ๋ฌธ์„ ์ž‘์„ฑํ•˜์—ฌ Resarch๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ ๋ฌธ์ œ์ ๊ณผ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

SmartMobile

Privacy Costomize Proper GUI

Emotional Potable

์˜จ๋ผ์ธ/์˜คํ”„๋ผ์ธ์˜๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์—ฐ๋™

์˜คํ”„๋ผ์ธ๋‹ค์ด์–ด๋ฆฌ์˜์‚ฌ์šฉ ๋ชจ๋ธ์„ Mobile์ƒ์—์„œ ๊ตฌํ˜„

Smart Mobile์„ ์ด์šฉํ•œ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์ผ์ • ๊ด€๋ฆฌ

StructureModel

ArtifactModel

๋ฐ˜๋ณต๋˜๋Š” ์ปจํ…์ธ 

๋ฐ˜๋ณต๋˜๋Š” ๊ธฐ๋ก ํ–‰์œ„

์˜๋„ํ•˜์ง€ ์•Š์€ ํ–‰์œ„์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์Šค์ผ€์ค„

๊ธฐ๋กํ•˜์ง€ ์•Š๊ณ  ํ˜๋ ค๋ณด๋ƒˆ๋˜ ์ •๋ณด

์Šค๋งˆํŠธํฐ ์—ฐ๋™ํ•˜์—ฌ ๊ด€๋ฆฌํ•˜๋Š” ์ผ์ •

Framework

โ—๋น ๋ฅธ ์ผ์ • ์ž…๋ ฅ/ํ™•์ธ โ—์ง๊ด€์ ์ธ ์ผ์ • ์ˆ˜์ • โ—ํšจ์œจ์  ๋ฐ˜๋ณต๋˜๋Š” ์ผ์ • ์ž…๋ ฅ โ—์ผ์ • ์ƒ์„ธ์„ค์ •, ๋‚ ์”จ์ •๋ณด์ œ๊ณต โ—๋‹ค๋ฅธ ์•ฑ, ์นด๋ฉ”๋ผ์™€ ์—ฐ๋™ํ•˜์—ฌ ์ผ์ • ์ž…๋ ฅ๊ธฐ๋Šฅ์˜ ๊ตฌ์กฐ์™€ ๊ฐ ๊ตฌ์กฐ์˜ ํšจ์šฉ์„ฑ์„ํŒŒ์•…ํ•œ ํ›„ ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•˜๋Š”์ƒˆ๋กœ์šด ๊ตฌ์กฐ๋ฅผ ๊ตฌ์„ฑํ•œ๋‹ค.

์‚ฌ์šฉ์ž Workaround์—์„œ์‚ฌ์šฉ์ž์˜ ์ˆจ๊ฒจ์ง„ needs๋ฅผ์ฐพ์•„ ์˜จ๋ผ์ธ ๋‹ค์ด์–ด๋ฆฌ์— ์ ์šฉํ•œ๋‹ค.

Overall Goal

PrimaryFact

UserObservation

TaskAnalysis

Interview

Benchmarking

StructureModel

Insight

ํ˜„์žฌ ๋Œ€ํ‘œ์ ์ธ SNS์ธ Facebook์˜ ๊ฐœ์„ ํ•ด์•ผ ํ•  ๋ถ€๋ถ„์„ ์ฐพ์•„ Design Process๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  Design Direction์„ ์ œ์•ˆํ•œ๋‹ค. Facebook์€ Twitter์™€ ํ•จ๊ป˜ ํ˜„์žฌ ์ „์„ธ๊ณ„์ธ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋Œ€ํ‘œ์ ์ธ SNS ์ค‘ ํ•˜๋‚˜์ด๋‹ค. ํ•œ๊ตญ์—๋„ Facebook ์‚ฌ์šฉ์ž๊ฐ€ ๋Š˜์–ด๋‚˜๋ฉด์„œ ์˜ํ–ฅ๋ ฅ ์žˆ๋Š” SNS๋กœ ์ž๋ฆฌ์žก๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด ํ”„๋กœ์ ํŠธ๋Š” Facebook์ด ์ ์ฐจ ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ดˆ๊ธฐ ๋‹จ๊ณ„๊ฐ€ ๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ์ดˆ๊ธฐ ๋‹จ๊ณ„์— ์‚ฌ์šฉ์ž๋“ค์€ ์ดˆ๊ธฐ ๊ฐ€์ž… ํ›„ ํ•œ๊ตญํ˜• SNS์™€ GUI์ ์ธ ๋ฉด ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‚ด์šฉ์ ์ธ ๋ถ€๋ถ„์—์„œ๋„ ์‰ฝ๊ฒŒ ์ ์‘ํ•˜์ง€ ๋ชปํ•˜๋Š” ๋ถ€๋ถ„์ด ๋งŽ์•˜๋‹ค. ๊ทธ๋ž˜์„œ ์ด ํ”„๋กœ์ ํŠธ๋Š” ํ•œ๊ตญ์— Facebook์ด ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ƒํ™ฉ์„ ๊ณ ๋ คํ•˜๊ณ  ํ˜„์žฌ Facebook ๋ฉ”๋‰ด ๊ตฌ์กฐ๋ฅผ ๋ถ„์„ํ•˜๊ณ  ์‚ฌ์šฉ์ž์กฐ์‚ฌ๋ฅผ ํ†ตํ•ด ๋ฌธ์ œ์ ์„ ๋ถ„์„ํ•˜๊ณ  Design Direction์„ ๋„์ถœํ•˜๋Š” ๊ณผ์ •์„ ์„ค๊ณ„ํ•˜์˜€๋‹ค. ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ Direction ๊นŒ์ง€๋งŒ ๋„์ถœํ•˜์˜€์ง€๋งŒ ์ด๋ฅผ ํ†ตํ•ด ์•ž์œผ๋กœ์˜ Facebook์—์„œ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ Interface์˜ Ideation์˜ ๋ฐฉํ–ฅ์„ฑ์„ ์ œ์‹œํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค๋Š” ๊ฒƒ์ด ํฐ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„๋‹ค.

FlowModel

StructureModel

ArtifactModel

SquenceModel

Heuristic์„ ํ†ตํ•ด ์ถ”์ถœ๋œ ๋‹ค์–‘ํ•œ Issue๋“ค์„

๋ถ„๋ฅ˜ํ•˜๊ณ  ํ†ตํ•ฉํ•˜์—ฌ Research

Framework์„ ์ˆ˜๋ฆฝํ•œ๋‹ค.

Framework์— ๋”ฐ๋ฅธ ์ ์ ˆํ•œResearch Methodology๋ฅผ

์„ ์ •ํ•œ ํ›„ Research๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  Fact Data๋ฅผ

Framework ๊ธฐ์ค€์œผ๋กœ ๋ถ„๋ฅ˜ํ•œ๋‹ค.

์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ธ์‹ ๊ฐ€๋Šฅํ•œ ๊ฐ€์ด๋“œ๋ผ์ธ ์ œ๊ณต

ํ•œ๊ตญํ™”๋œ ๋„ค์ด๋ฐ ์ œ๊ณต

์ƒˆ๋กœ์šด Contents ๋ถ„๋ฅ˜ ๊ธฐ์ค€ ์ œ์‹œ

๊ฐœ์ธ์ •๋ณด์„ค์ • ๋ฐ ๋ณด์•ˆ ์„ค์ •์— ๊ด€ํ•œ ์ ์ ˆํ•œ Task ์ œ๊ณต

์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ต์ˆ™ํ•˜๊ณ ์— ์ง๊ด€์ ์ธ ๊ฐ€์ด๋“œ๋ผ์ธ๊ณผ ํ”ผ๋“œ๋ฐฑ ์ œ๊ณต

FGI

CardSorting

TaskAnalysis

Data๋ฅผ ์ข…ํ•ฉํ•œ ํ›„ Work Model์„ ํ†ตํ•˜์—ฌ

Fact Data๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ Needs๋ฅผ

ํŒŒ์•…ํ•˜๊ณ  Insignts๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

์ถ”์ถœ๋œ Insingts๋ฅผ ํ†ตํ•˜์—ฌ

Design Direction์„ ์ œ์•ˆํ•œ๋‹ค.

Contents์˜ ์„ฑ๊ฒฉ์— ์ ํ•ฉํ•œ Naming๊ณผ Grouping

์„ค์ • ๊ฐ€๋Šฅํ•œ Task๋ฅผ ํ†ตํ•ฉํ•˜์—ฌ ํšจ์œจ์ ์ธ ๊ด€๋ฆฌ ๋ฐฉ๋ฒ• ์ œ๊ณต

Research Framework2 Data Consolidation4 Design Derection5Research3

Goal์„ ์„ค์ •ํ•˜๊ธฐ ์œ„ํ•˜์—ฌ

pre-research๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ 

๊ตฌ์ฒด์ ์ธ Goal์„ ์„ ํƒํ•œ๋‹ค.

Melt-in1Domain Knowlege SNS์˜ ํŠน์ง•๊ณผ ๋‹ค๋ฅธ SNS์™€

Facebook๊ณผ์˜ ์ฐจ์ด์  ์ดํ•ด

Pre-reseach๊ฐœ์ธ ์ •๋ณด์œ ์ถœ ๋ฌธ์ œ/์˜์–ด๋ฅผ ์ง์—ญํ•œ Naming

/๋„ˆ๋ฌด๋งŽ์€ ์ •๋ณด/๋ฉ”๋‰ด์˜ ๋ถˆ๊ทœ์น™์„ฑ

Project GoalEfficient Information Sorting

UX Design

2010.10.11 - 2010.10.31Hajeogn Yun * Goh, Lee, Hwang

UI Renewal Designfor Facebook04

Facebook UI ๊ฐœ์„  Design Direction ์ œ์•ˆ

ContentsSorting

Changing Option

MenuStructure

09

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

10UX Design

Page 11: Hajeong Yun's UX design Portfolio

Research Framework์— ๋”ฐ๋ฅธMethodology๋กœ User Research ์‹ค์‹œ

User Research

Pre-Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌํ•œ Fact data๋ฅผ ๊ธฐ์ค€์œผ๋กœBest Practice Framework์„ ๋„์ถœํ•˜๊ณ , Best Practice๋ฅผ ์‹ค์‹œ

Best Practice Framework

Proactive

ErgonomicsConceptual

Model

Best Practice

KeyFact

KeyFact

KeyFact

Need &Problem

Need &Problem

Need &Problem

DirectionRequirement Requirement

Insight X 21

Design Direction

User Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌ๋œ Raw Data๋ฅผ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž Needs๋ฅผ ๊ธฐ๋ฐ˜ํ•œ Insight์™€Requirement๋ฅผ ๋„์ถœํ•˜๋Š” ๋‹จ๊ณ„

์ •๋ณด์„ ๋ณ„ ๋ถ€๋‹ด์˜ ์ „๊ฐ€

์‹œ์„ ์„ ๋บ์ง€์•Š๋Š” ๋””๋ฐ”์ด์Šค

์ปจํ…์ธ ์™€ ์ •๋ณด์˜ ์›ํ™œํ•œ ํ๋ฆ„

์™ธ๋ถ€ํ™˜๊ฒฝ ์š”์†Œ์˜ ๋ณ€ํ™”์— ๋Œ€์ฒ˜

์–‘๋ฐฉํ–ฅ Communicaiton์—์„œ์˜ ๊ฐ์„ฑ์  ๋งŒ์กฑ

Smart ๊ธฐ๋Šฅ/์กฐ์ž‘์˜ ๋ช…ํ™•ํ•œ ๊ฐœ๋…๋ชจ๋ธ

๊ฐ€์กฑ๊ฐ„์˜ ์œ ๋Œ€๊ฐ ํ˜•์„ฑ ์ง€์›

Persona

User Reaserch ๋Œ€์ƒ ์„ ์ •์„ ์œ„ํ•œ ์‚ฌ์šฉ์ž ์œ ํ˜• ๋ถ„์„๋ฐ ๋Œ€ํ‘œ์„ฑ์„ ๋„๋Š” ๋„ค ๊ฐ€์ง€ ์œ ํ˜•์˜ Persona ์„ค์ •

Persona

์˜ฅ๋ฆผ์ดํ˜•

์ •๋ณด๋Š”๋‚˜์˜ํž˜ํ˜•

TV๋ž‘๋†€์žํ˜•

๋“œ๋ผ๋งˆํ™€๋ฆญํ˜•

SolutionWork Model

Data ConsolidationResearch

On/Off-line ๋‹ค์ด์–ด๋ฆฌ ๊ฐ๊ฐ์˜๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ์„ ๋ถ€๊ฐ์‹œํ‚จ๋‹ค์ด์–ด๋ฆฌ Application์„ ์ œ์•ˆํ•œ๋‹ค.

Goal์˜คํ”„๋ผ์ธ์œผ๋กœ๋Š” ํ•  ์ˆ˜ ์—†๋Š” ์ƒˆ๋กญ๊ณ  ํšจ์œจ์ ์ธ๋ฐฉ์‹์œผ๋กœ ์ผ์ •๊ด€๋ฆฌ๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•œ๋‹ค. Work Model

ArtifactModel

โ—S dirary Application ์‹คํ–‰ ํ™”๋ฉด โ—Off-line ๊ฐ์„ฑ์„ ์ ์šฉํ•œ ์„ฑ์ทจ๋„, ์ค‘์š”๋„, ์žฅ๊ธฐ์ผ์ • ์ž…๋ ฅ

UX Design

2010.11.01 - 2010.12.20Hajeogn Yun * Goh, Song

New Diary ApplicationProject03

์ƒˆ๋กœ์šด ๋‹ค์ด์–ด๋ฆฌ Application ์ œ์•ˆ

์ด ํ”„๋กœ์ ํŠธ๋Š” ๋ช‡ ๋…„ ๊ฐ„ ์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ๋Ÿ‰์ด

์ฆ๊ฐ€ํ•จ์œผ๋กœ ์ธํ•˜์—ฌ ๊ธฐ์กด์— off-line

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋˜ ์‚ฌ์šฉ์ž๋“ค์ด

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ ์–ดํ”Œ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์œผ๋กœ

๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ ์ „ํ™˜ํ•œ๋‹ค๋Š” ๊ฒƒ์ด

๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋งŽ์€ ์‚ฌ์šฉ์ž๋“ค์€

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๋ถˆํŽธํ•œ ์ ์„ ํ˜ธ์†Œํ•˜๊ณ 

์žˆ์—ˆ๊ณ  ๊ธฐ์กด off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ์„

์„ ํ˜ธํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค๋„ ๋ฐœ๊ฒฌํ•˜์˜€๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๊ธฐ์กด off-line

๋‹ค์ด์–ด๋ฆฌ์™€ ์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๊ฐ๊ฐ ์žฅ,

๋‹จ์ ์„ ํŒŒ์•…ํ•˜๊ณ  ๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ๋งŒ์„

๋ถ€๊ฐ์‹œํ‚ค๋Š” ๋‹ค์ด์–ด๋ฆฌ ์•ฑ์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

์Šค๋งˆํŠธํฐ์ด๋ผ๋Š” ํ•œ์ •๋œ ํ”Œ๋ ›ํผ์—์„œ ๋””์ž์ธ

ํ•ด์•ผํ•˜๋Š” ์ œ์•ฝ์ด ๋”ฐ๋ž์ง€๋งŒ ์Šค๋งˆํŠธํฐ

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ํ†ตํ•˜์—ฌ off-line ๋‹ค์ด์–ด๋ฆฌ์—์„œ

์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ์„ฑ์  ๋งŒ์กฑ ์ถฉ์กฑ์„ ์ฐธ์‹ ํ•œ

์•„์ด๋””์–ด๋กœ ํ•ด๊ฒฐ์„ ์‹œ๋„ํ•˜์˜€๋‹ค๋Š” ๊ฒƒ์— ๋†’์€

ํ‰๊ฐ€๋ฅผ ๋ฐ›์•˜๋‹ค.

Pre-research Research Framework Design Direction

์‚ฌ์šฉ์ž Interview๋ฅผ ํ†ตํ•˜์—ฌ ๊ธฐ๋ก์˜ ์ข…๋ฅ˜์™€๊ธฐ์กด On/Off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ๊ด€์ฐฐํ•˜๊ณ  ๋ถ„๋ฅ˜ํ•˜์—ฌ Issue๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

Issue์— ๋”ฐ๋ผ์„œ Goal์„ ๊ตฌ์ฒดํ™”ํ•˜๊ณ ๊ฐ Goal์— ์ ํ•ฉํ•œ Research๋ฅผํ•  ๋•Œ ๊ณ ๋ คํ•ด์•ผํ•  ์š”์†Œ๋“ค์„ ์„ค์ •ํ•œ๋‹ค.

Testee์™€ Research ๋ฐฉ๋ฒ•์„ ์„ ์ •ํ•˜๊ณ Framework๊ณผ ๊ด€๋ จํ•˜์—ฌ Task์™€ Interview์งˆ๋ฌธ์„ ์ž‘์„ฑํ•˜์—ฌ Resarch๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ ๋ฌธ์ œ์ ๊ณผ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

SmartMobile

Privacy Costomize Proper GUI

Emotional Potable

์˜จ๋ผ์ธ/์˜คํ”„๋ผ์ธ์˜๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์—ฐ๋™

์˜คํ”„๋ผ์ธ๋‹ค์ด์–ด๋ฆฌ์˜์‚ฌ์šฉ ๋ชจ๋ธ์„ Mobile์ƒ์—์„œ ๊ตฌํ˜„

Smart Mobile์„ ์ด์šฉํ•œ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์ผ์ • ๊ด€๋ฆฌ

StructureModel

ArtifactModel

๋ฐ˜๋ณต๋˜๋Š” ์ปจํ…์ธ 

๋ฐ˜๋ณต๋˜๋Š” ๊ธฐ๋ก ํ–‰์œ„

์˜๋„ํ•˜์ง€ ์•Š์€ ํ–‰์œ„์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์Šค์ผ€์ค„

๊ธฐ๋กํ•˜์ง€ ์•Š๊ณ  ํ˜๋ ค๋ณด๋ƒˆ๋˜ ์ •๋ณด

์Šค๋งˆํŠธํฐ ์—ฐ๋™ํ•˜์—ฌ ๊ด€๋ฆฌํ•˜๋Š” ์ผ์ •

Framework

โ—๋น ๋ฅธ ์ผ์ • ์ž…๋ ฅ/ํ™•์ธ โ—์ง๊ด€์ ์ธ ์ผ์ • ์ˆ˜์ • โ—ํšจ์œจ์  ๋ฐ˜๋ณต๋˜๋Š” ์ผ์ • ์ž…๋ ฅ โ—์ผ์ • ์ƒ์„ธ์„ค์ •, ๋‚ ์”จ์ •๋ณด์ œ๊ณต โ—๋‹ค๋ฅธ ์•ฑ, ์นด๋ฉ”๋ผ์™€ ์—ฐ๋™ํ•˜์—ฌ ์ผ์ • ์ž…๋ ฅ๊ธฐ๋Šฅ์˜ ๊ตฌ์กฐ์™€ ๊ฐ ๊ตฌ์กฐ์˜ ํšจ์šฉ์„ฑ์„ํŒŒ์•…ํ•œ ํ›„ ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•˜๋Š”์ƒˆ๋กœ์šด ๊ตฌ์กฐ๋ฅผ ๊ตฌ์„ฑํ•œ๋‹ค.

์‚ฌ์šฉ์ž Workaround์—์„œ์‚ฌ์šฉ์ž์˜ ์ˆจ๊ฒจ์ง„ needs๋ฅผ์ฐพ์•„ ์˜จ๋ผ์ธ ๋‹ค์ด์–ด๋ฆฌ์— ์ ์šฉํ•œ๋‹ค.

Overall Goal

PrimaryFact

UserObservation

TaskAnalysis

Interview

Benchmarking

StructureModel

Insight

ํ˜„์žฌ ๋Œ€ํ‘œ์ ์ธ SNS์ธ Facebook์˜ ๊ฐœ์„ ํ•ด์•ผ ํ•  ๋ถ€๋ถ„์„ ์ฐพ์•„ Design Process๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  Design Direction์„ ์ œ์•ˆํ•œ๋‹ค. Facebook์€ Twitter์™€ ํ•จ๊ป˜ ํ˜„์žฌ ์ „์„ธ๊ณ„์ธ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋Œ€ํ‘œ์ ์ธ SNS ์ค‘ ํ•˜๋‚˜์ด๋‹ค. ํ•œ๊ตญ์—๋„ Facebook ์‚ฌ์šฉ์ž๊ฐ€ ๋Š˜์–ด๋‚˜๋ฉด์„œ ์˜ํ–ฅ๋ ฅ ์žˆ๋Š” SNS๋กœ ์ž๋ฆฌ์žก๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด ํ”„๋กœ์ ํŠธ๋Š” Facebook์ด ์ ์ฐจ ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ดˆ๊ธฐ ๋‹จ๊ณ„๊ฐ€ ๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ์ดˆ๊ธฐ ๋‹จ๊ณ„์— ์‚ฌ์šฉ์ž๋“ค์€ ์ดˆ๊ธฐ ๊ฐ€์ž… ํ›„ ํ•œ๊ตญํ˜• SNS์™€ GUI์ ์ธ ๋ฉด ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‚ด์šฉ์ ์ธ ๋ถ€๋ถ„์—์„œ๋„ ์‰ฝ๊ฒŒ ์ ์‘ํ•˜์ง€ ๋ชปํ•˜๋Š” ๋ถ€๋ถ„์ด ๋งŽ์•˜๋‹ค. ๊ทธ๋ž˜์„œ ์ด ํ”„๋กœ์ ํŠธ๋Š” ํ•œ๊ตญ์— Facebook์ด ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ƒํ™ฉ์„ ๊ณ ๋ คํ•˜๊ณ  ํ˜„์žฌ Facebook ๋ฉ”๋‰ด ๊ตฌ์กฐ๋ฅผ ๋ถ„์„ํ•˜๊ณ  ์‚ฌ์šฉ์ž์กฐ์‚ฌ๋ฅผ ํ†ตํ•ด ๋ฌธ์ œ์ ์„ ๋ถ„์„ํ•˜๊ณ  Design Direction์„ ๋„์ถœํ•˜๋Š” ๊ณผ์ •์„ ์„ค๊ณ„ํ•˜์˜€๋‹ค. ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ Direction ๊นŒ์ง€๋งŒ ๋„์ถœํ•˜์˜€์ง€๋งŒ ์ด๋ฅผ ํ†ตํ•ด ์•ž์œผ๋กœ์˜ Facebook์—์„œ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ Interface์˜ Ideation์˜ ๋ฐฉํ–ฅ์„ฑ์„ ์ œ์‹œํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค๋Š” ๊ฒƒ์ด ํฐ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„๋‹ค.

FlowModel

StructureModel

ArtifactModel

SquenceModel

Heuristic์„ ํ†ตํ•ด ์ถ”์ถœ๋œ ๋‹ค์–‘ํ•œ Issue๋“ค์„

๋ถ„๋ฅ˜ํ•˜๊ณ  ํ†ตํ•ฉํ•˜์—ฌ Research

Framework์„ ์ˆ˜๋ฆฝํ•œ๋‹ค.

Framework์— ๋”ฐ๋ฅธ ์ ์ ˆํ•œResearch Methodology๋ฅผ

์„ ์ •ํ•œ ํ›„ Research๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  Fact Data๋ฅผ

Framework ๊ธฐ์ค€์œผ๋กœ ๋ถ„๋ฅ˜ํ•œ๋‹ค.

์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ธ์‹ ๊ฐ€๋Šฅํ•œ ๊ฐ€์ด๋“œ๋ผ์ธ ์ œ๊ณต

ํ•œ๊ตญํ™”๋œ ๋„ค์ด๋ฐ ์ œ๊ณต

์ƒˆ๋กœ์šด Contents ๋ถ„๋ฅ˜ ๊ธฐ์ค€ ์ œ์‹œ

๊ฐœ์ธ์ •๋ณด์„ค์ • ๋ฐ ๋ณด์•ˆ ์„ค์ •์— ๊ด€ํ•œ ์ ์ ˆํ•œ Task ์ œ๊ณต

์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ต์ˆ™ํ•˜๊ณ ์— ์ง๊ด€์ ์ธ ๊ฐ€์ด๋“œ๋ผ์ธ๊ณผ ํ”ผ๋“œ๋ฐฑ ์ œ๊ณต

FGI

CardSorting

TaskAnalysis

Data๋ฅผ ์ข…ํ•ฉํ•œ ํ›„ Work Model์„ ํ†ตํ•˜์—ฌ

Fact Data๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ Needs๋ฅผ

ํŒŒ์•…ํ•˜๊ณ  Insignts๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

์ถ”์ถœ๋œ Insingts๋ฅผ ํ†ตํ•˜์—ฌ

Design Direction์„ ์ œ์•ˆํ•œ๋‹ค.

Contents์˜ ์„ฑ๊ฒฉ์— ์ ํ•ฉํ•œ Naming๊ณผ Grouping

์„ค์ • ๊ฐ€๋Šฅํ•œ Task๋ฅผ ํ†ตํ•ฉํ•˜์—ฌ ํšจ์œจ์ ์ธ ๊ด€๋ฆฌ ๋ฐฉ๋ฒ• ์ œ๊ณต

Research Framework2 Data Consolidation4 Design Derection5Research3

Goal์„ ์„ค์ •ํ•˜๊ธฐ ์œ„ํ•˜์—ฌ

pre-research๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ 

๊ตฌ์ฒด์ ์ธ Goal์„ ์„ ํƒํ•œ๋‹ค.

Melt-in1Domain Knowlege SNS์˜ ํŠน์ง•๊ณผ ๋‹ค๋ฅธ SNS์™€

Facebook๊ณผ์˜ ์ฐจ์ด์  ์ดํ•ด

Pre-reseach๊ฐœ์ธ ์ •๋ณด์œ ์ถœ ๋ฌธ์ œ/์˜์–ด๋ฅผ ์ง์—ญํ•œ Naming

/๋„ˆ๋ฌด๋งŽ์€ ์ •๋ณด/๋ฉ”๋‰ด์˜ ๋ถˆ๊ทœ์น™์„ฑ

Project GoalEfficient Information Sorting

UX Design

2010.10.11 - 2010.10.31Hajeogn Yun * Goh, Lee, Hwang

UI Renewal Designfor Facebook04

Facebook UI ๊ฐœ์„  Design Direction ์ œ์•ˆ

ContentsSorting

Changing Option

MenuStructure

09

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

10UX Design

Page 12: Hajeong Yun's UX design Portfolio

UX Design

2012.03.14 - 2012.10.24Hajeogn Yun * Toc;tee

Interaction Devicefor Smart TV01

1

Smart TV์™€ Interaction Device์™€์˜๊ด€๊ณ„๋ฅผ ์ •์˜ํ•˜์—ฌProject์˜ Goal์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ œ์‹œ

Smart TV์˜ ์—ญํ• ์— ์ ํ•ฉํ•˜๋ฉฐ์‚ฌ์šฉ์ž๊ฒฝํ—˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š”

Interaction ์ œ์•ˆ

HANDONG GLOBAL UNIVERSITY

Pre-Research ์—์„œ ๋ฐœ๊ฒฌ๋œ Fact data๋ฅผ ์ข…ํ•ฉํ•˜์—ฌ User Research Framework์„ ์œ„ํ•œ ์ฃผ์š” Issue๋ฅผ ๋„์ถœ

5 Key Issues

์‚ฌ์šฉ์ž๊ฐ€ TV์— ๋Œ€ํ•ด ์ด๋ฏธ ๊ฐ–๊ณ  ์žˆ๋Š” ๊ด€๋…๊ณผ ์—ญํ• ์˜ ๊ธฐ๋Œ€๊ฐ€์น˜๋Š” ์–ด๋–ค ๊ฒƒ์ด ์žˆ๋Š”๊ฐ€?

TV๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์ •๋ณด์˜ ์†์„ฑ์— ์ ํ•ฉํ•œ ์ธํ„ฐ๋ž™์…˜์ด ์ด๋ฃจ์–ด์ง€๊ณ  ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ Contents๊ฐ€ ๊ฐ–๋Š” ํŠน์„ฑ์œผ๋กœ ์ธํ•œ ๊ฐ์„ฑ์ ์ธ ์š”์†Œ์— ๋ถ€ํ•ฉํ•˜๋Š” ์ธํ„ฐ๋ž™์…˜ ๋ฐฉ์‹์ด ์žˆ๋Š”๊ฐ€?

์ฃผ์š” ์‹œ์ฒญ Context์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์ธํ„ฐ๋ž™์…˜์˜ ๋ณ€ํ™”๋Š” ๋ฌด์—‡์ด ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ์ž์˜ Life Style์— ํŠนํ™”๋œ Proactiveํ•œ ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋˜๋Š”๊ฐ€?

์ด์Šˆ๋“ค์„ ๋ฐ”ํƒ•์œผ๋กœ ํšจ๊ณผ์ ์ธ User Research๋ฅผ ์œ„ํ•œUser Research Framework ์ •๋ฆฝ ๋ฐ Methodology ๋ชจ์ƒ‰

Methodology

TaskAnalysis

Key ContextObservation

ControllerPart Sorting

FGIInterview

Whatto See

์‹œ์ฒญ์ž๋“ค๊ฐ„์˜ ์•”๋ฌต์  ๊ณต๊ฐ„TV๊ฐ€ ์œ„์น˜ํ•œ ๊ณต๊ฐ„์  ํŠน์„ฑ

Fixed ConceptFamily Sharing

Expected Value

์‹œ์ฒญ ์„ฑํ–ฅ์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ๋ณ‘ํ–‰ํ•˜๋Š” Task

์ •๋ณด์ž…๋ ฅ๋ฐฉ์‹์กฐ์ž‘๋นˆ๋„์‹œ์ฒญ๊ฑฐ๋ฆฌ

์‹œ์ฒญ ์ปจํ…์ธ ์— ๋”ฐ๋ฅธ ๊ณต๊ฐ„์˜ ๋ถ„์œ„๊ธฐ๋ณ€ํ™” ํ•˜๋Š” ์‹œ์ฒญ ์ž์„ธ

๋ณ‘ํ–‰ํ•˜๋Š” Task์‹œ์ฒญ Situation์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ์‹œ์ฒญ ํŒจํ„ด

Attribute

ContentsWatchingPattern

WatchingSituation

SpaceComposition

Fixed ConceptExpected Value

Project Goal

User Research Framework

Issue Extract

Smart TV์— ๋Œ€ํ•œ Domain Knowledge๋ฅผ ์Œ“๊ณ ,Issue๋ฅผ ๋„์ถœํ•˜๊ธฐ ์œ„ํ•œ Pre-research ๋‹จ๊ณ„

ExpertAdvice

Scenario

WebResearch

ReadingThesis

Heuristic

Facts

Melt-in

Research Framework์— ๋”ฐ๋ฅธMethodology๋กœ User Research ์‹ค์‹œ

User Research

Pre-Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌํ•œ Fact data๋ฅผ ๊ธฐ์ค€์œผ๋กœBest Practice Framework์„ ๋„์ถœํ•˜๊ณ , Best Practice๋ฅผ ์‹ค์‹œ

Best Practice Framework

Proactive

ErgonomicsConceptual

Model

Best Practice

KeyFact

KeyFact

KeyFact

Need &Problem

Need &Problem

Need &Problem

DirectionRequirement Requirement

Insight X 21

Design Direction

User Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌ๋œ Raw Data๋ฅผ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž Needs๋ฅผ ๊ธฐ๋ฐ˜ํ•œ Insight์™€Requirement๋ฅผ ๋„์ถœํ•˜๋Š” ๋‹จ๊ณ„

์ •๋ณด์„ ๋ณ„ ๋ถ€๋‹ด์˜ ์ „๊ฐ€

์‹œ์„ ์„ ๋บ์ง€์•Š๋Š” ๋””๋ฐ”์ด์Šค

์ปจํ…์ธ ์™€ ์ •๋ณด์˜ ์›ํ™œํ•œ ํ๋ฆ„

์™ธ๋ถ€ํ™˜๊ฒฝ ์š”์†Œ์˜ ๋ณ€ํ™”์— ๋Œ€์ฒ˜

์–‘๋ฐฉํ–ฅ Communicaiton์—์„œ์˜ ๊ฐ์„ฑ์  ๋งŒ์กฑ

Smart ๊ธฐ๋Šฅ/์กฐ์ž‘์˜ ๋ช…ํ™•ํ•œ ๊ฐœ๋…๋ชจ๋ธ

๊ฐ€์กฑ๊ฐ„์˜ ์œ ๋Œ€๊ฐ ํ˜•์„ฑ ์ง€์›

Persona

User Reaserch ๋Œ€์ƒ ์„ ์ •์„ ์œ„ํ•œ ์‚ฌ์šฉ์ž ์œ ํ˜• ๋ถ„์„๋ฐ ๋Œ€ํ‘œ์„ฑ์„ ๋„๋Š” ๋„ค ๊ฐ€์ง€ ์œ ํ˜•์˜ Persona ์„ค์ •

Persona

์˜ฅ๋ฆผ์ดํ˜•

์ •๋ณด๋Š”๋‚˜์˜ํž˜ํ˜•

TV๋ž‘๋†€์žํ˜•

๋“œ๋ผ๋งˆํ™€๋ฆญํ˜•

SolutionWork Model

On/Off-line ๋‹ค์ด์–ด๋ฆฌ ๊ฐ๊ฐ์˜๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ์„ ๋ถ€๊ฐ์‹œํ‚จ๋‹ค์ด์–ด๋ฆฌ Application์„ ์ œ์•ˆํ•œ๋‹ค.

Goal์˜คํ”„๋ผ์ธ์œผ๋กœ๋Š” ํ•  ์ˆ˜ ์—†๋Š” ์ƒˆ๋กญ๊ณ  ํšจ์œจ์ ์ธ๋ฐฉ์‹์œผ๋กœ ์ผ์ •๊ด€๋ฆฌ๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•œ๋‹ค.

UX Design

2010.11.01 - 2010.12.20Hajeogn Yun * Goh, Song

New Diary ApplicationProject03

์ƒˆ๋กœ์šด ๋‹ค์ด์–ด๋ฆฌ Application ์ œ์•ˆ

์ด ํ”„๋กœ์ ํŠธ๋Š” ๋ช‡ ๋…„ ๊ฐ„ ์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ๋Ÿ‰์ด

์ฆ๊ฐ€ํ•จ์œผ๋กœ ์ธํ•˜์—ฌ ๊ธฐ์กด์— off-line

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋˜ ์‚ฌ์šฉ์ž๋“ค์ด

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ ์–ดํ”Œ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์œผ๋กœ

๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ ์ „ํ™˜ํ•œ๋‹ค๋Š” ๊ฒƒ์ด

๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋งŽ์€ ์‚ฌ์šฉ์ž๋“ค์€

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๋ถˆํŽธํ•œ ์ ์„ ํ˜ธ์†Œํ•˜๊ณ 

์žˆ์—ˆ๊ณ  ๊ธฐ์กด off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ์„

์„ ํ˜ธํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค๋„ ๋ฐœ๊ฒฌํ•˜์˜€๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๊ธฐ์กด off-line

๋‹ค์ด์–ด๋ฆฌ์™€ ์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๊ฐ๊ฐ ์žฅ,

๋‹จ์ ์„ ํŒŒ์•…ํ•˜๊ณ  ๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ๋งŒ์„

๋ถ€๊ฐ์‹œํ‚ค๋Š” ๋‹ค์ด์–ด๋ฆฌ ์•ฑ์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

์Šค๋งˆํŠธํฐ์ด๋ผ๋Š” ํ•œ์ •๋œ ํ”Œ๋ ›ํผ์—์„œ ๋””์ž์ธ

ํ•ด์•ผํ•˜๋Š” ์ œ์•ฝ์ด ๋”ฐ๋ž์ง€๋งŒ ์Šค๋งˆํŠธํฐ

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ํ†ตํ•˜์—ฌ off-line ๋‹ค์ด์–ด๋ฆฌ์—์„œ

์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ์„ฑ์  ๋งŒ์กฑ ์ถฉ์กฑ์„ ์ฐธ์‹ ํ•œ

์•„์ด๋””์–ด๋กœ ํ•ด๊ฒฐ์„ ์‹œ๋„ํ•˜์˜€๋‹ค๋Š” ๊ฒƒ์— ๋†’์€

ํ‰๊ฐ€๋ฅผ ๋ฐ›์•˜๋‹ค.

Pre-research Research Framework

์‚ฌ์šฉ์ž Interview๋ฅผ ํ†ตํ•˜์—ฌ ๊ธฐ๋ก์˜ ์ข…๋ฅ˜์™€๊ธฐ์กด On/Off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ๊ด€์ฐฐํ•˜๊ณ  ๋ถ„๋ฅ˜ํ•˜์—ฌ Issue๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

Issue์— ๋”ฐ๋ผ์„œ Goal์„ ๊ตฌ์ฒดํ™”ํ•˜๊ณ ๊ฐ Goal์— ์ ํ•ฉํ•œ Research๋ฅผํ•  ๋•Œ ๊ณ ๋ คํ•ด์•ผํ•  ์š”์†Œ๋“ค์„ ์„ค์ •ํ•œ๋‹ค.

SmartMobile

Privacy Costomize Proper GUI

Emotional Potable

StructureModel

ArtifactModel

๋ฐ˜๋ณต๋˜๋Š” ์ปจํ…์ธ 

๋ฐ˜๋ณต๋˜๋Š” ๊ธฐ๋ก ํ–‰์œ„

์˜๋„ํ•˜์ง€ ์•Š์€ ํ–‰์œ„์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์Šค์ผ€์ค„

๊ธฐ๋กํ•˜์ง€ ์•Š๊ณ  ํ˜๋ ค๋ณด๋ƒˆ๋˜ ์ •๋ณด

์Šค๋งˆํŠธํฐ ์—ฐ๋™ํ•˜์—ฌ ๊ด€๋ฆฌํ•˜๋Š” ์ผ์ •

Framework

๊ธฐ๋Šฅ์˜ ๊ตฌ์กฐ์™€ ๊ฐ ๊ตฌ์กฐ์˜ ํšจ์šฉ์„ฑ์„ํŒŒ์•…ํ•œ ํ›„ ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•˜๋Š”์ƒˆ๋กœ์šด ๊ตฌ์กฐ๋ฅผ ๊ตฌ์„ฑํ•œ๋‹ค.

์‚ฌ์šฉ์ž Workaround์—์„œ์‚ฌ์šฉ์ž์˜ ์ˆจ๊ฒจ์ง„ needs๋ฅผ์ฐพ์•„ ์˜จ๋ผ์ธ ๋‹ค์ด์–ด๋ฆฌ์— ์ ์šฉํ•œ๋‹ค.

Overall Goal

ํ˜„์žฌ ๋Œ€ํ‘œ์ ์ธ SNS์ธ Facebook์˜ ๊ฐœ์„ ํ•ด์•ผ ํ•  ๋ถ€๋ถ„์„ ์ฐพ์•„ Design Process๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  Design Direction์„ ์ œ์•ˆํ•œ๋‹ค. Facebook์€ Twitter์™€ ํ•จ๊ป˜ ํ˜„์žฌ ์ „์„ธ๊ณ„์ธ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋Œ€ํ‘œ์ ์ธ SNS ์ค‘ ํ•˜๋‚˜์ด๋‹ค. ํ•œ๊ตญ์—๋„ Facebook ์‚ฌ์šฉ์ž๊ฐ€ ๋Š˜์–ด๋‚˜๋ฉด์„œ ์˜ํ–ฅ๋ ฅ ์žˆ๋Š” SNS๋กœ ์ž๋ฆฌ์žก๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด ํ”„๋กœ์ ํŠธ๋Š” Facebook์ด ์ ์ฐจ ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ดˆ๊ธฐ ๋‹จ๊ณ„๊ฐ€ ๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ์ดˆ๊ธฐ ๋‹จ๊ณ„์— ์‚ฌ์šฉ์ž๋“ค์€ ์ดˆ๊ธฐ ๊ฐ€์ž… ํ›„ ํ•œ๊ตญํ˜• SNS์™€ GUI์ ์ธ ๋ฉด ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‚ด์šฉ์ ์ธ ๋ถ€๋ถ„์—์„œ๋„ ์‰ฝ๊ฒŒ ์ ์‘ํ•˜์ง€ ๋ชปํ•˜๋Š” ๋ถ€๋ถ„์ด ๋งŽ์•˜๋‹ค. ๊ทธ๋ž˜์„œ ์ด ํ”„๋กœ์ ํŠธ๋Š” ํ•œ๊ตญ์— Facebook์ด ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ƒํ™ฉ์„ ๊ณ ๋ คํ•˜๊ณ  ํ˜„์žฌ Facebook ๋ฉ”๋‰ด ๊ตฌ์กฐ๋ฅผ ๋ถ„์„ํ•˜๊ณ  ์‚ฌ์šฉ์ž์กฐ์‚ฌ๋ฅผ ํ†ตํ•ด ๋ฌธ์ œ์ ์„ ๋ถ„์„ํ•˜๊ณ  Design Direction์„ ๋„์ถœํ•˜๋Š” ๊ณผ์ •์„ ์„ค๊ณ„ํ•˜์˜€๋‹ค. ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ Direction ๊นŒ์ง€๋งŒ ๋„์ถœํ•˜์˜€์ง€๋งŒ ์ด๋ฅผ ํ†ตํ•ด ์•ž์œผ๋กœ์˜ Facebook์—์„œ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ Interface์˜ Ideation์˜ ๋ฐฉํ–ฅ์„ฑ์„ ์ œ์‹œํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค๋Š” ๊ฒƒ์ด ํฐ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„๋‹ค.

FlowModel

StructureModel

ArtifactModel

SquenceModel

Heuristic์„ ํ†ตํ•ด ์ถ”์ถœ๋œ ๋‹ค์–‘ํ•œ Issue๋“ค์„

๋ถ„๋ฅ˜ํ•˜๊ณ  ํ†ตํ•ฉํ•˜์—ฌ Research

Framework์„ ์ˆ˜๋ฆฝํ•œ๋‹ค.

Framework์— ๋”ฐ๋ฅธ ์ ์ ˆํ•œResearch Methodology๋ฅผ

์„ ์ •ํ•œ ํ›„ Research๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  Fact Data๋ฅผ

Framework ๊ธฐ์ค€์œผ๋กœ ๋ถ„๋ฅ˜ํ•œ๋‹ค.

์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ธ์‹ ๊ฐ€๋Šฅํ•œ ๊ฐ€์ด๋“œ๋ผ์ธ ์ œ๊ณต

ํ•œ๊ตญํ™”๋œ ๋„ค์ด๋ฐ ์ œ๊ณต

์ƒˆ๋กœ์šด Contents ๋ถ„๋ฅ˜ ๊ธฐ์ค€ ์ œ์‹œ

๊ฐœ์ธ์ •๋ณด์„ค์ • ๋ฐ ๋ณด์•ˆ ์„ค์ •์— ๊ด€ํ•œ ์ ์ ˆํ•œ Task ์ œ๊ณต

์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ต์ˆ™ํ•˜๊ณ ์— ์ง๊ด€์ ์ธ ๊ฐ€์ด๋“œ๋ผ์ธ๊ณผ ํ”ผ๋“œ๋ฐฑ ์ œ๊ณต

FGI

CardSorting

TaskAnalysis

Data๋ฅผ ์ข…ํ•ฉํ•œ ํ›„ Work Model์„ ํ†ตํ•˜์—ฌ

Fact Data๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ Needs๋ฅผ

ํŒŒ์•…ํ•˜๊ณ  Insignts๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

์ถ”์ถœ๋œ Insingts๋ฅผ ํ†ตํ•˜์—ฌ

Design Direction์„ ์ œ์•ˆํ•œ๋‹ค.

Contents์˜ ์„ฑ๊ฒฉ์— ์ ํ•ฉํ•œ Naming๊ณผ Grouping

์„ค์ • ๊ฐ€๋Šฅํ•œ Task๋ฅผ ํ†ตํ•ฉํ•˜์—ฌ ํšจ์œจ์ ์ธ ๊ด€๋ฆฌ ๋ฐฉ๋ฒ• ์ œ๊ณต

Research Framework2 Data Consolidation4 Design Derection5Research3

Goal์„ ์„ค์ •ํ•˜๊ธฐ ์œ„ํ•˜์—ฌ

pre-research๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ 

๊ตฌ์ฒด์ ์ธ Goal์„ ์„ ํƒํ•œ๋‹ค.

Melt-in1Domain Knowlege SNS์˜ ํŠน์ง•๊ณผ ๋‹ค๋ฅธ SNS์™€

Facebook๊ณผ์˜ ์ฐจ์ด์  ์ดํ•ด

Pre-reseach๊ฐœ์ธ ์ •๋ณด์œ ์ถœ ๋ฌธ์ œ/์˜์–ด๋ฅผ ์ง์—ญํ•œ Naming

/๋„ˆ๋ฌด๋งŽ์€ ์ •๋ณด/๋ฉ”๋‰ด์˜ ๋ถˆ๊ทœ์น™์„ฑ

Project GoalEfficient Information Sorting

UX Design

2010.10.11 - 2010.10.31Hajeogn Yun * Goh, Lee, Hwang

UI Renewal Designfor Facebook04

Facebook UI ๊ฐœ์„  Design Direction ์ œ์•ˆ

ContentsSorting

Changing Option

MenuStructure

11

Sym

path

y

Page 13: Hajeong Yun's UX design Portfolio

UX Design

2012.03.14 - 2012.10.24Hajeogn Yun * Toc;tee

Interaction Devicefor Smart TV01

1

Smart TV์™€ Interaction Device์™€์˜๊ด€๊ณ„๋ฅผ ์ •์˜ํ•˜์—ฌProject์˜ Goal์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ œ์‹œ

Smart TV์˜ ์—ญํ• ์— ์ ํ•ฉํ•˜๋ฉฐ์‚ฌ์šฉ์ž๊ฒฝํ—˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š”

Interaction ์ œ์•ˆ

HANDONG GLOBAL UNIVERSITY

Pre-Research ์—์„œ ๋ฐœ๊ฒฌ๋œ Fact data๋ฅผ ์ข…ํ•ฉํ•˜์—ฌ User Research Framework์„ ์œ„ํ•œ ์ฃผ์š” Issue๋ฅผ ๋„์ถœ

5 Key Issues

์‚ฌ์šฉ์ž๊ฐ€ TV์— ๋Œ€ํ•ด ์ด๋ฏธ ๊ฐ–๊ณ  ์žˆ๋Š” ๊ด€๋…๊ณผ ์—ญํ• ์˜ ๊ธฐ๋Œ€๊ฐ€์น˜๋Š” ์–ด๋–ค ๊ฒƒ์ด ์žˆ๋Š”๊ฐ€?

TV๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์ •๋ณด์˜ ์†์„ฑ์— ์ ํ•ฉํ•œ ์ธํ„ฐ๋ž™์…˜์ด ์ด๋ฃจ์–ด์ง€๊ณ  ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ Contents๊ฐ€ ๊ฐ–๋Š” ํŠน์„ฑ์œผ๋กœ ์ธํ•œ ๊ฐ์„ฑ์ ์ธ ์š”์†Œ์— ๋ถ€ํ•ฉํ•˜๋Š” ์ธํ„ฐ๋ž™์…˜ ๋ฐฉ์‹์ด ์žˆ๋Š”๊ฐ€?

์ฃผ์š” ์‹œ์ฒญ Context์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์ธํ„ฐ๋ž™์…˜์˜ ๋ณ€ํ™”๋Š” ๋ฌด์—‡์ด ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ์ž์˜ Life Style์— ํŠนํ™”๋œ Proactiveํ•œ ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋˜๋Š”๊ฐ€?

์ด์Šˆ๋“ค์„ ๋ฐ”ํƒ•์œผ๋กœ ํšจ๊ณผ์ ์ธ User Research๋ฅผ ์œ„ํ•œUser Research Framework ์ •๋ฆฝ ๋ฐ Methodology ๋ชจ์ƒ‰

Methodology

TaskAnalysis

Key ContextObservation

ControllerPart Sorting

FGIInterview

Whatto See

์‹œ์ฒญ์ž๋“ค๊ฐ„์˜ ์•”๋ฌต์  ๊ณต๊ฐ„TV๊ฐ€ ์œ„์น˜ํ•œ ๊ณต๊ฐ„์  ํŠน์„ฑ

Fixed ConceptFamily Sharing

Expected Value

์‹œ์ฒญ ์„ฑํ–ฅ์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ๋ณ‘ํ–‰ํ•˜๋Š” Task

์ •๋ณด์ž…๋ ฅ๋ฐฉ์‹์กฐ์ž‘๋นˆ๋„์‹œ์ฒญ๊ฑฐ๋ฆฌ

์‹œ์ฒญ ์ปจํ…์ธ ์— ๋”ฐ๋ฅธ ๊ณต๊ฐ„์˜ ๋ถ„์œ„๊ธฐ๋ณ€ํ™” ํ•˜๋Š” ์‹œ์ฒญ ์ž์„ธ

๋ณ‘ํ–‰ํ•˜๋Š” Task์‹œ์ฒญ Situation์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ์‹œ์ฒญ ํŒจํ„ด

Attribute

ContentsWatchingPattern

WatchingSituation

SpaceComposition

Fixed ConceptExpected Value

Project Goal

User Research Framework

Issue Extract

Smart TV์— ๋Œ€ํ•œ Domain Knowledge๋ฅผ ์Œ“๊ณ ,Issue๋ฅผ ๋„์ถœํ•˜๊ธฐ ์œ„ํ•œ Pre-research ๋‹จ๊ณ„

ExpertAdvice

Scenario

WebResearch

ReadingThesis

Heuristic

Facts

Melt-in

Research Framework์— ๋”ฐ๋ฅธMethodology๋กœ User Research ์‹ค์‹œ

User Research

Pre-Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌํ•œ Fact data๋ฅผ ๊ธฐ์ค€์œผ๋กœBest Practice Framework์„ ๋„์ถœํ•˜๊ณ , Best Practice๋ฅผ ์‹ค์‹œ

Best Practice Framework

Proactive

ErgonomicsConceptual

Model

Best Practice

KeyFact

KeyFact

KeyFact

Need &Problem

Need &Problem

Need &Problem

DirectionRequirement Requirement

Insight X 21

Design Direction

User Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌ๋œ Raw Data๋ฅผ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž Needs๋ฅผ ๊ธฐ๋ฐ˜ํ•œ Insight์™€Requirement๋ฅผ ๋„์ถœํ•˜๋Š” ๋‹จ๊ณ„

์ •๋ณด์„ ๋ณ„ ๋ถ€๋‹ด์˜ ์ „๊ฐ€

์‹œ์„ ์„ ๋บ์ง€์•Š๋Š” ๋””๋ฐ”์ด์Šค

์ปจํ…์ธ ์™€ ์ •๋ณด์˜ ์›ํ™œํ•œ ํ๋ฆ„

์™ธ๋ถ€ํ™˜๊ฒฝ ์š”์†Œ์˜ ๋ณ€ํ™”์— ๋Œ€์ฒ˜

์–‘๋ฐฉํ–ฅ Communicaiton์—์„œ์˜ ๊ฐ์„ฑ์  ๋งŒ์กฑ

Smart ๊ธฐ๋Šฅ/์กฐ์ž‘์˜ ๋ช…ํ™•ํ•œ ๊ฐœ๋…๋ชจ๋ธ

๊ฐ€์กฑ๊ฐ„์˜ ์œ ๋Œ€๊ฐ ํ˜•์„ฑ ์ง€์›

Persona

User Reaserch ๋Œ€์ƒ ์„ ์ •์„ ์œ„ํ•œ ์‚ฌ์šฉ์ž ์œ ํ˜• ๋ถ„์„๋ฐ ๋Œ€ํ‘œ์„ฑ์„ ๋„๋Š” ๋„ค ๊ฐ€์ง€ ์œ ํ˜•์˜ Persona ์„ค์ •

Persona

์˜ฅ๋ฆผ์ดํ˜•

์ •๋ณด๋Š”๋‚˜์˜ํž˜ํ˜•

TV๋ž‘๋†€์žํ˜•

๋“œ๋ผ๋งˆํ™€๋ฆญํ˜•

Solution

Data ConsolidationResearch

Work Model

ArtifactModel

โ—S dirary Application ์‹คํ–‰ ํ™”๋ฉด โ—Off-line ๊ฐ์„ฑ์„ ์ ์šฉํ•œ ์„ฑ์ทจ๋„, ์ค‘์š”๋„, ์žฅ๊ธฐ์ผ์ • ์ž…๋ ฅ

Design Direction

Testee์™€ Research ๋ฐฉ๋ฒ•์„ ์„ ์ •ํ•˜๊ณ Framework๊ณผ ๊ด€๋ จํ•˜์—ฌ Task์™€ Interview์งˆ๋ฌธ์„ ์ž‘์„ฑํ•˜์—ฌ Resarch๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ ๋ฌธ์ œ์ ๊ณผ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

์˜จ๋ผ์ธ/์˜คํ”„๋ผ์ธ์˜๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์—ฐ๋™

์˜คํ”„๋ผ์ธ๋‹ค์ด์–ด๋ฆฌ์˜์‚ฌ์šฉ ๋ชจ๋ธ์„ Mobile์ƒ์—์„œ ๊ตฌํ˜„

Smart Mobile์„ ์ด์šฉํ•œ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์ผ์ • ๊ด€๋ฆฌ

โ—๋น ๋ฅธ ์ผ์ • ์ž…๋ ฅ/ํ™•์ธ โ—์ง๊ด€์ ์ธ ์ผ์ • ์ˆ˜์ • โ—ํšจ์œจ์  ๋ฐ˜๋ณต๋˜๋Š” ์ผ์ • ์ž…๋ ฅ โ—์ผ์ • ์ƒ์„ธ์„ค์ •, ๋‚ ์”จ์ •๋ณด์ œ๊ณต โ—๋‹ค๋ฅธ ์•ฑ, ์นด๋ฉ”๋ผ์™€ ์—ฐ๋™ํ•˜์—ฌ ์ผ์ • ์ž…๋ ฅ

PrimaryFact

UserObservation

TaskAnalysis

Interview

Benchmarking

StructureModel

Insight

ํ˜„์žฌ ๋Œ€ํ‘œ์ ์ธ SNS์ธ Facebook์˜ ๊ฐœ์„ ํ•ด์•ผ ํ•  ๋ถ€๋ถ„์„ ์ฐพ์•„ Design Process๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  Design Direction์„ ์ œ์•ˆํ•œ๋‹ค. Facebook์€ Twitter์™€ ํ•จ๊ป˜ ํ˜„์žฌ ์ „์„ธ๊ณ„์ธ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋Œ€ํ‘œ์ ์ธ SNS ์ค‘ ํ•˜๋‚˜์ด๋‹ค. ํ•œ๊ตญ์—๋„ Facebook ์‚ฌ์šฉ์ž๊ฐ€ ๋Š˜์–ด๋‚˜๋ฉด์„œ ์˜ํ–ฅ๋ ฅ ์žˆ๋Š” SNS๋กœ ์ž๋ฆฌ์žก๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด ํ”„๋กœ์ ํŠธ๋Š” Facebook์ด ์ ์ฐจ ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ดˆ๊ธฐ ๋‹จ๊ณ„๊ฐ€ ๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ์ดˆ๊ธฐ ๋‹จ๊ณ„์— ์‚ฌ์šฉ์ž๋“ค์€ ์ดˆ๊ธฐ ๊ฐ€์ž… ํ›„ ํ•œ๊ตญํ˜• SNS์™€ GUI์ ์ธ ๋ฉด ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‚ด์šฉ์ ์ธ ๋ถ€๋ถ„์—์„œ๋„ ์‰ฝ๊ฒŒ ์ ์‘ํ•˜์ง€ ๋ชปํ•˜๋Š” ๋ถ€๋ถ„์ด ๋งŽ์•˜๋‹ค. ๊ทธ๋ž˜์„œ ์ด ํ”„๋กœ์ ํŠธ๋Š” ํ•œ๊ตญ์— Facebook์ด ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ƒํ™ฉ์„ ๊ณ ๋ คํ•˜๊ณ  ํ˜„์žฌ Facebook ๋ฉ”๋‰ด ๊ตฌ์กฐ๋ฅผ ๋ถ„์„ํ•˜๊ณ  ์‚ฌ์šฉ์ž์กฐ์‚ฌ๋ฅผ ํ†ตํ•ด ๋ฌธ์ œ์ ์„ ๋ถ„์„ํ•˜๊ณ  Design Direction์„ ๋„์ถœํ•˜๋Š” ๊ณผ์ •์„ ์„ค๊ณ„ํ•˜์˜€๋‹ค. ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ Direction ๊นŒ์ง€๋งŒ ๋„์ถœํ•˜์˜€์ง€๋งŒ ์ด๋ฅผ ํ†ตํ•ด ์•ž์œผ๋กœ์˜ Facebook์—์„œ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ Interface์˜ Ideation์˜ ๋ฐฉํ–ฅ์„ฑ์„ ์ œ์‹œํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค๋Š” ๊ฒƒ์ด ํฐ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„๋‹ค.

FlowModel

StructureModel

ArtifactModel

SquenceModel

Heuristic์„ ํ†ตํ•ด ์ถ”์ถœ๋œ ๋‹ค์–‘ํ•œ Issue๋“ค์„

๋ถ„๋ฅ˜ํ•˜๊ณ  ํ†ตํ•ฉํ•˜์—ฌ Research

Framework์„ ์ˆ˜๋ฆฝํ•œ๋‹ค.

Framework์— ๋”ฐ๋ฅธ ์ ์ ˆํ•œResearch Methodology๋ฅผ

์„ ์ •ํ•œ ํ›„ Research๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  Fact Data๋ฅผ

Framework ๊ธฐ์ค€์œผ๋กœ ๋ถ„๋ฅ˜ํ•œ๋‹ค.

์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ธ์‹ ๊ฐ€๋Šฅํ•œ ๊ฐ€์ด๋“œ๋ผ์ธ ์ œ๊ณต

ํ•œ๊ตญํ™”๋œ ๋„ค์ด๋ฐ ์ œ๊ณต

์ƒˆ๋กœ์šด Contents ๋ถ„๋ฅ˜ ๊ธฐ์ค€ ์ œ์‹œ

๊ฐœ์ธ์ •๋ณด์„ค์ • ๋ฐ ๋ณด์•ˆ ์„ค์ •์— ๊ด€ํ•œ ์ ์ ˆํ•œ Task ์ œ๊ณต

์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ต์ˆ™ํ•˜๊ณ ์— ์ง๊ด€์ ์ธ ๊ฐ€์ด๋“œ๋ผ์ธ๊ณผ ํ”ผ๋“œ๋ฐฑ ์ œ๊ณต

FGI

CardSorting

TaskAnalysis

Data๋ฅผ ์ข…ํ•ฉํ•œ ํ›„ Work Model์„ ํ†ตํ•˜์—ฌ

Fact Data๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ Needs๋ฅผ

ํŒŒ์•…ํ•˜๊ณ  Insignts๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

์ถ”์ถœ๋œ Insingts๋ฅผ ํ†ตํ•˜์—ฌ

Design Direction์„ ์ œ์•ˆํ•œ๋‹ค.

Contents์˜ ์„ฑ๊ฒฉ์— ์ ํ•ฉํ•œ Naming๊ณผ Grouping

์„ค์ • ๊ฐ€๋Šฅํ•œ Task๋ฅผ ํ†ตํ•ฉํ•˜์—ฌ ํšจ์œจ์ ์ธ ๊ด€๋ฆฌ ๋ฐฉ๋ฒ• ์ œ๊ณต

Research Framework2 Data Consolidation4 Design Derection5Research3

Goal์„ ์„ค์ •ํ•˜๊ธฐ ์œ„ํ•˜์—ฌ

pre-research๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ 

๊ตฌ์ฒด์ ์ธ Goal์„ ์„ ํƒํ•œ๋‹ค.

Melt-in1Domain Knowlege SNS์˜ ํŠน์ง•๊ณผ ๋‹ค๋ฅธ SNS์™€

Facebook๊ณผ์˜ ์ฐจ์ด์  ์ดํ•ด

Pre-reseach๊ฐœ์ธ ์ •๋ณด์œ ์ถœ ๋ฌธ์ œ/์˜์–ด๋ฅผ ์ง์—ญํ•œ Naming

/๋„ˆ๋ฌด๋งŽ์€ ์ •๋ณด/๋ฉ”๋‰ด์˜ ๋ถˆ๊ทœ์น™์„ฑ

Project GoalEfficient Information Sorting

UX Design

2010.10.11 - 2010.10.31Hajeogn Yun * Goh, Lee, Hwang

UI Renewal Designfor Facebook04

Facebook UI ๊ฐœ์„  Design Direction ์ œ์•ˆ

ContentsSorting

Changing Option

MenuStructure

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

12UX Design

Page 14: Hajeong Yun's UX design Portfolio

UX Design

2012.03.14 - 2012.10.24Hajeogn Yun * Toc;tee

Interaction Devicefor Smart TV01

1

Smart TV์™€ Interaction Device์™€์˜๊ด€๊ณ„๋ฅผ ์ •์˜ํ•˜์—ฌProject์˜ Goal์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ œ์‹œ

Smart TV์˜ ์—ญํ• ์— ์ ํ•ฉํ•˜๋ฉฐ์‚ฌ์šฉ์ž๊ฒฝํ—˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š”

Interaction ์ œ์•ˆ

HANDONG GLOBAL UNIVERSITY

Pre-Research ์—์„œ ๋ฐœ๊ฒฌ๋œ Fact data๋ฅผ ์ข…ํ•ฉํ•˜์—ฌ User Research Framework์„ ์œ„ํ•œ ์ฃผ์š” Issue๋ฅผ ๋„์ถœ

5 Key Issues

์‚ฌ์šฉ์ž๊ฐ€ TV์— ๋Œ€ํ•ด ์ด๋ฏธ ๊ฐ–๊ณ  ์žˆ๋Š” ๊ด€๋…๊ณผ ์—ญํ• ์˜ ๊ธฐ๋Œ€๊ฐ€์น˜๋Š” ์–ด๋–ค ๊ฒƒ์ด ์žˆ๋Š”๊ฐ€?

TV๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์ •๋ณด์˜ ์†์„ฑ์— ์ ํ•ฉํ•œ ์ธํ„ฐ๋ž™์…˜์ด ์ด๋ฃจ์–ด์ง€๊ณ  ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ Contents๊ฐ€ ๊ฐ–๋Š” ํŠน์„ฑ์œผ๋กœ ์ธํ•œ ๊ฐ์„ฑ์ ์ธ ์š”์†Œ์— ๋ถ€ํ•ฉํ•˜๋Š” ์ธํ„ฐ๋ž™์…˜ ๋ฐฉ์‹์ด ์žˆ๋Š”๊ฐ€?

์ฃผ์š” ์‹œ์ฒญ Context์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์ธํ„ฐ๋ž™์…˜์˜ ๋ณ€ํ™”๋Š” ๋ฌด์—‡์ด ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ์ž์˜ Life Style์— ํŠนํ™”๋œ Proactiveํ•œ ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋˜๋Š”๊ฐ€?

์ด์Šˆ๋“ค์„ ๋ฐ”ํƒ•์œผ๋กœ ํšจ๊ณผ์ ์ธ User Research๋ฅผ ์œ„ํ•œUser Research Framework ์ •๋ฆฝ ๋ฐ Methodology ๋ชจ์ƒ‰

Methodology

TaskAnalysis

Key ContextObservation

ControllerPart Sorting

FGIInterview

Whatto See

์‹œ์ฒญ์ž๋“ค๊ฐ„์˜ ์•”๋ฌต์  ๊ณต๊ฐ„TV๊ฐ€ ์œ„์น˜ํ•œ ๊ณต๊ฐ„์  ํŠน์„ฑ

Fixed ConceptFamily Sharing

Expected Value

์‹œ์ฒญ ์„ฑํ–ฅ์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ๋ณ‘ํ–‰ํ•˜๋Š” Task

์ •๋ณด์ž…๋ ฅ๋ฐฉ์‹์กฐ์ž‘๋นˆ๋„์‹œ์ฒญ๊ฑฐ๋ฆฌ

์‹œ์ฒญ ์ปจํ…์ธ ์— ๋”ฐ๋ฅธ ๊ณต๊ฐ„์˜ ๋ถ„์œ„๊ธฐ๋ณ€ํ™” ํ•˜๋Š” ์‹œ์ฒญ ์ž์„ธ

๋ณ‘ํ–‰ํ•˜๋Š” Task์‹œ์ฒญ Situation์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ์‹œ์ฒญ ํŒจํ„ด

Attribute

ContentsWatchingPattern

WatchingSituation

SpaceComposition

Fixed ConceptExpected Value

Project Goal

User Research Framework

Issue Extract

Smart TV์— ๋Œ€ํ•œ Domain Knowledge๋ฅผ ์Œ“๊ณ ,Issue๋ฅผ ๋„์ถœํ•˜๊ธฐ ์œ„ํ•œ Pre-research ๋‹จ๊ณ„

ExpertAdvice

Scenario

WebResearch

ReadingThesis

Heuristic

Facts

Melt-in

Research Framework์— ๋”ฐ๋ฅธMethodology๋กœ User Research ์‹ค์‹œ

User Research

Pre-Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌํ•œ Fact data๋ฅผ ๊ธฐ์ค€์œผ๋กœBest Practice Framework์„ ๋„์ถœํ•˜๊ณ , Best Practice๋ฅผ ์‹ค์‹œ

Best Practice Framework

Proactive

ErgonomicsConceptual

Model

Best Practice

KeyFact

KeyFact

KeyFact

Need &Problem

Need &Problem

Need &Problem

DirectionRequirement Requirement

Insight X 21

Design Direction

User Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌ๋œ Raw Data๋ฅผ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž Needs๋ฅผ ๊ธฐ๋ฐ˜ํ•œ Insight์™€Requirement๋ฅผ ๋„์ถœํ•˜๋Š” ๋‹จ๊ณ„

์ •๋ณด์„ ๋ณ„ ๋ถ€๋‹ด์˜ ์ „๊ฐ€

์‹œ์„ ์„ ๋บ์ง€์•Š๋Š” ๋””๋ฐ”์ด์Šค

์ปจํ…์ธ ์™€ ์ •๋ณด์˜ ์›ํ™œํ•œ ํ๋ฆ„

์™ธ๋ถ€ํ™˜๊ฒฝ ์š”์†Œ์˜ ๋ณ€ํ™”์— ๋Œ€์ฒ˜

์–‘๋ฐฉํ–ฅ Communicaiton์—์„œ์˜ ๊ฐ์„ฑ์  ๋งŒ์กฑ

Smart ๊ธฐ๋Šฅ/์กฐ์ž‘์˜ ๋ช…ํ™•ํ•œ ๊ฐœ๋…๋ชจ๋ธ

๊ฐ€์กฑ๊ฐ„์˜ ์œ ๋Œ€๊ฐ ํ˜•์„ฑ ์ง€์›

Persona

User Reaserch ๋Œ€์ƒ ์„ ์ •์„ ์œ„ํ•œ ์‚ฌ์šฉ์ž ์œ ํ˜• ๋ถ„์„๋ฐ ๋Œ€ํ‘œ์„ฑ์„ ๋„๋Š” ๋„ค ๊ฐ€์ง€ ์œ ํ˜•์˜ Persona ์„ค์ •

Persona

์˜ฅ๋ฆผ์ดํ˜•

์ •๋ณด๋Š”๋‚˜์˜ํž˜ํ˜•

TV๋ž‘๋†€์žํ˜•

๋“œ๋ผ๋งˆํ™€๋ฆญํ˜•

๊ณต๊ธฐ์ฒญ์ •๊ธฐ ์‚ฌ์šฉ์žInteraction

Environment

Using Sequence

InteractionMethod

Feedback ์ธ์ง€

๊ฐ์„ฑ์  ์š•๊ตฌ

์‚ฌ์šฉ์ž ํŠน์„ฑ

์‚ฌ์šฉ ํ™˜๊ฒฝUsing

Purpose

UsingSequence

ํšจ๊ณผ์ ์ธ GUI

์‚ฌ์šฉ๊ณผ์ •์— ์˜ํ–ฅ์„ ์ฃผ๋Š” PUI

Persona

A ๊ธฐ๊ธฐ ์นœ๋ฐ€๋„๋Š” ๋‚ฎ์ง€๋งŒ, ์ฃผ์–ด์ง„ ๊ธฐ๋Šฅ ์‚ฌ์šฉ์—์ถฉ์‹คํ•˜๊ณ  ํŠน์ •ํ•œ ๋ชฉ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ์œ ํ˜•

B ์‚ฌ์šฉ์ž ํŽธ์˜๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋ฉฐ ์žฅ์‹œ๊ฐ„ ๊ฐ™์€์žฅ์†Œ์— ๊ฑฐ์ฃผํ•˜์—ฌ ์ฒญ์ •ํ•œ ๊ณต๊ธฐ๊ฐ€ ํ•„์š”ํ•œ ์œ ํ˜•

C ๊ธฐ๊ณ„์นœ๋ฐ€๋„๊ฐ€ ๋†’๊ณ  ์ž์‹ ๊ณผ ํƒ€์ธ์„ ์œ„ํ•ด์ผ์ƒ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ์œ ํ˜•

UX Design

2010.09.06 - 2010.12.17Hajeogn Yun * Mijin Choi

New Interaction Stylefor Housen Air Purifier02

์‚ผ์„ฑ ํ•˜์šฐ์   ๊ณต๊ธฐ์ฒญ์ •๊ธฐ ์ƒˆ๋กœ์šด ์ธํ„ฐ๋ž™์…˜ ์ œ์•ˆ

์ด ํ”„๋กœ์ ํŠธ๋Š” ์‚ผ์„ฑ์ „์ž HA ์‚ฌ์—…๋ถ€์™€

์‚ฐํ•™ํ˜‘๋ ฅ์œผ๋กœ "๊ณต๊ธฐ ์ฒญ์ •๊ธฐ Interaction Style

์ œ์•ˆ" ์ด๋ผ๋Š” ์ฃผ์ œ๋กœ ์ง„ํ–‰๋˜์—ˆ๋‹ค. ์‚ฌ์šฉ์ž

์กฐ์‚ฌ์— ์•ž์„œ ๋ฌด์—‡์„ ๋ณผ ๊ฒƒ์ธ๊ฐ€์— ๋Œ€ํ•œ

Framework์„ ์„ธ์šฐ๊ณ  ์‹ฌ์ธต์  ๋ถ„์„์„ ํ†ตํ•ด

Insight๋ฅผ ๋„์ถœํ•จ์œผ๋กœ์จ ์‚ฌ์šฉ์ž์˜ ๋‚ด์ œ๋œ

๋‹ˆ์ฆˆ๋ฅผ ํŒŒ์•…ํ•˜๊ณ  ํ•˜๊ณ  ๊ทธ์— ๋งž๋Š” ์ธํ„ฐ๋ž™์…˜์„

์ œ๊ณตํ•ด์ฃผ๋Š” ๊ณผ์ •์„ ๊ฒƒ์„ ๋ฐฐ์› ๋‹ค. ๊ทธ๊ฒƒ๊ณผ

๋™์‹œ์— ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์ œ์•ฝ ์†์—์„œ ์ƒˆ๋กœ์šด ๊ฒฝํ—˜์„

์ œ๊ณตํ•ด์ฃผ๋Š” ์ฐฝ์˜์  ์ธํ„ฐ๋ž™์…˜ ๋””์ž์ธ์„

๊ตฌ์ƒํ•˜๋Š” ๊ณผ์ •์ด ๋„์ „์ด ๋˜์—ˆ๋‹ค. ํ”„๋กœ์„ธ์Šค๋ฅผ

ํ†ตํ•ด ๋„์ถœ๋œ 3๊ฐ€์ง€ ๋””๋ ‰์…˜์„ ํ†ตํ•ด

๊ณต๊ธฐ์ฒญ์ •๊ธฐ์ธํ„ฐ๋ž™์…˜์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

HANDONG GLOBAL UNIVERSITY

Pre-resarch๋ฅผ ๋ฐ”ํƒ•์œผ๋กœResearch๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ธฐ์œ„ํ•œ ๊ด€์ ์„ ์ˆ˜๋ฆฝํ•œ๋‹ค.

ResearchFrameworkPre-research๋ฅผ ํ†ตํ•ด

๊ณต๊ธฐ์ฒญ์ •๊ธฐ์˜ ์‚ฌ์šฉ ๋ชฉ์ ์„ ํŒŒ์•…ํ•˜๊ณ Heuristic์„ ํ†ตํ•ด ์ฃผ๋ชฉํ•ด์•ผ ํ• Issue๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

Melt-In

ํƒˆ์ทจ์œ ํ•ด๋ฌผ์งˆ ์ œ๊ฑฐ(์ƒˆ์ง‘์ฆํ›„๊ตฐ)๋ฏธ์„ธ๋ฌผ์งˆ ์ œ๊ฑฐ(ํ”ผ๋กœํšŒ๋ณต, ์ˆ™๋ฉด, ํ”ผ๋ถ€๊ด€๋ฆฌ)์„ธ๊ท , ๋ฐ”์ด๋Ÿฌ์Šค ์ œ๊ฑฐ(๊ฐ๊ธฐ์˜ˆ๋ฐฉ)

์‚ฌ์šฉ ๋ชฉ์ 

Mind Map

Heuristic๊ฐ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๊ตฌ๋ถ„ํŠน์ˆ˜ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ •๋ณด ๋ถ€์กฑ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•œ ์ž์„ธ๋ฒ„ํŠผ์˜ ํฌ๊ธฐ, ๊ทธ๋ฃนํ•‘, ๋ ˆ์ด๋ธ”๋™์ž‘์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ์ œ๊ณต๋˜๋Š” ์ •๋ณด์˜ ์ •๋ฐ€๋„

PrimaryFact

TaskSelection

TesteeSelection

TargetResearch์‚ฌ์šฉ๋ชฉ์ ์„ ๊ณ ๋ คํ•œ ์‚ฌ์šฉ์ž์˜๋Œ€ํ‘œ ์œ ํ˜•์„ ์„ ์ •ํ•˜๊ณ  ๊ทธ์— ๋งž๋Š”Testee๋ฅผ ์ •ํ•œ๋‹ค.

SolutionWork Model

Data ConsolidationResearch

On/Off-line ๋‹ค์ด์–ด๋ฆฌ ๊ฐ๊ฐ์˜๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ์„ ๋ถ€๊ฐ์‹œํ‚จ๋‹ค์ด์–ด๋ฆฌ Application์„ ์ œ์•ˆํ•œ๋‹ค.

Goal์˜คํ”„๋ผ์ธ์œผ๋กœ๋Š” ํ•  ์ˆ˜ ์—†๋Š” ์ƒˆ๋กญ๊ณ  ํšจ์œจ์ ์ธ๋ฐฉ์‹์œผ๋กœ ์ผ์ •๊ด€๋ฆฌ๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•œ๋‹ค. Work Model

ArtifactModel

โ—S dirary Application ์‹คํ–‰ ํ™”๋ฉด โ—Off-line ๊ฐ์„ฑ์„ ์ ์šฉํ•œ ์„ฑ์ทจ๋„, ์ค‘์š”๋„, ์žฅ๊ธฐ์ผ์ • ์ž…๋ ฅ

UX Design

2010.11.01 - 2010.12.20Hajeogn Yun * Goh, Song

New Diary ApplicationProject03

์ƒˆ๋กœ์šด ๋‹ค์ด์–ด๋ฆฌ Application ์ œ์•ˆ

์ด ํ”„๋กœ์ ํŠธ๋Š” ๋ช‡ ๋…„ ๊ฐ„ ์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ๋Ÿ‰์ด

์ฆ๊ฐ€ํ•จ์œผ๋กœ ์ธํ•˜์—ฌ ๊ธฐ์กด์— off-line

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋˜ ์‚ฌ์šฉ์ž๋“ค์ด

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ ์–ดํ”Œ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์œผ๋กœ

๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ ์ „ํ™˜ํ•œ๋‹ค๋Š” ๊ฒƒ์ด

๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋งŽ์€ ์‚ฌ์šฉ์ž๋“ค์€

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๋ถˆํŽธํ•œ ์ ์„ ํ˜ธ์†Œํ•˜๊ณ 

์žˆ์—ˆ๊ณ  ๊ธฐ์กด off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ์„

์„ ํ˜ธํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค๋„ ๋ฐœ๊ฒฌํ•˜์˜€๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๊ธฐ์กด off-line

๋‹ค์ด์–ด๋ฆฌ์™€ ์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๊ฐ๊ฐ ์žฅ,

๋‹จ์ ์„ ํŒŒ์•…ํ•˜๊ณ  ๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ๋งŒ์„

๋ถ€๊ฐ์‹œํ‚ค๋Š” ๋‹ค์ด์–ด๋ฆฌ ์•ฑ์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

์Šค๋งˆํŠธํฐ์ด๋ผ๋Š” ํ•œ์ •๋œ ํ”Œ๋ ›ํผ์—์„œ ๋””์ž์ธ

ํ•ด์•ผํ•˜๋Š” ์ œ์•ฝ์ด ๋”ฐ๋ž์ง€๋งŒ ์Šค๋งˆํŠธํฐ

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ํ†ตํ•˜์—ฌ off-line ๋‹ค์ด์–ด๋ฆฌ์—์„œ

์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ์„ฑ์  ๋งŒ์กฑ ์ถฉ์กฑ์„ ์ฐธ์‹ ํ•œ

์•„์ด๋””์–ด๋กœ ํ•ด๊ฒฐ์„ ์‹œ๋„ํ•˜์˜€๋‹ค๋Š” ๊ฒƒ์— ๋†’์€

ํ‰๊ฐ€๋ฅผ ๋ฐ›์•˜๋‹ค.

Pre-research Research Framework Design Direction

์‚ฌ์šฉ์ž Interview๋ฅผ ํ†ตํ•˜์—ฌ ๊ธฐ๋ก์˜ ์ข…๋ฅ˜์™€๊ธฐ์กด On/Off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ๊ด€์ฐฐํ•˜๊ณ  ๋ถ„๋ฅ˜ํ•˜์—ฌ Issue๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

Issue์— ๋”ฐ๋ผ์„œ Goal์„ ๊ตฌ์ฒดํ™”ํ•˜๊ณ ๊ฐ Goal์— ์ ํ•ฉํ•œ Research๋ฅผํ•  ๋•Œ ๊ณ ๋ คํ•ด์•ผํ•  ์š”์†Œ๋“ค์„ ์„ค์ •ํ•œ๋‹ค.

Testee์™€ Research ๋ฐฉ๋ฒ•์„ ์„ ์ •ํ•˜๊ณ Framework๊ณผ ๊ด€๋ จํ•˜์—ฌ Task์™€ Interview์งˆ๋ฌธ์„ ์ž‘์„ฑํ•˜์—ฌ Resarch๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ ๋ฌธ์ œ์ ๊ณผ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

SmartMobile

Privacy Costomize Proper GUI

Emotional Potable

์˜จ๋ผ์ธ/์˜คํ”„๋ผ์ธ์˜๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์—ฐ๋™

์˜คํ”„๋ผ์ธ๋‹ค์ด์–ด๋ฆฌ์˜์‚ฌ์šฉ ๋ชจ๋ธ์„ Mobile์ƒ์—์„œ ๊ตฌํ˜„

Smart Mobile์„ ์ด์šฉํ•œ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์ผ์ • ๊ด€๋ฆฌ

StructureModel

ArtifactModel

๋ฐ˜๋ณต๋˜๋Š” ์ปจํ…์ธ 

๋ฐ˜๋ณต๋˜๋Š” ๊ธฐ๋ก ํ–‰์œ„

์˜๋„ํ•˜์ง€ ์•Š์€ ํ–‰์œ„์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์Šค์ผ€์ค„

๊ธฐ๋กํ•˜์ง€ ์•Š๊ณ  ํ˜๋ ค๋ณด๋ƒˆ๋˜ ์ •๋ณด

์Šค๋งˆํŠธํฐ ์—ฐ๋™ํ•˜์—ฌ ๊ด€๋ฆฌํ•˜๋Š” ์ผ์ •

Framework

โ—๋น ๋ฅธ ์ผ์ • ์ž…๋ ฅ/ํ™•์ธ โ—์ง๊ด€์ ์ธ ์ผ์ • ์ˆ˜์ • โ—ํšจ์œจ์  ๋ฐ˜๋ณต๋˜๋Š” ์ผ์ • ์ž…๋ ฅ โ—์ผ์ • ์ƒ์„ธ์„ค์ •, ๋‚ ์”จ์ •๋ณด์ œ๊ณต โ—๋‹ค๋ฅธ ์•ฑ, ์นด๋ฉ”๋ผ์™€ ์—ฐ๋™ํ•˜์—ฌ ์ผ์ • ์ž…๋ ฅ๊ธฐ๋Šฅ์˜ ๊ตฌ์กฐ์™€ ๊ฐ ๊ตฌ์กฐ์˜ ํšจ์šฉ์„ฑ์„ํŒŒ์•…ํ•œ ํ›„ ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•˜๋Š”์ƒˆ๋กœ์šด ๊ตฌ์กฐ๋ฅผ ๊ตฌ์„ฑํ•œ๋‹ค.

์‚ฌ์šฉ์ž Workaround์—์„œ์‚ฌ์šฉ์ž์˜ ์ˆจ๊ฒจ์ง„ needs๋ฅผ์ฐพ์•„ ์˜จ๋ผ์ธ ๋‹ค์ด์–ด๋ฆฌ์— ์ ์šฉํ•œ๋‹ค.

Overall Goal

PrimaryFact

UserObservation

TaskAnalysis

Interview

Benchmarking

StructureModel

Insight

ํ˜„์žฌ ๋Œ€ํ‘œ์ ์ธ SNS์ธ Facebook์˜ ๊ฐœ์„ ํ•ด์•ผ ํ•  ๋ถ€๋ถ„์„ ์ฐพ์•„ Design Process๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  Design Direction์„ ์ œ์•ˆํ•œ๋‹ค. Facebook์€ Twitter์™€ ํ•จ๊ป˜ ํ˜„์žฌ ์ „์„ธ๊ณ„์ธ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋Œ€ํ‘œ์ ์ธ SNS ์ค‘ ํ•˜๋‚˜์ด๋‹ค. ํ•œ๊ตญ์—๋„ Facebook ์‚ฌ์šฉ์ž๊ฐ€ ๋Š˜์–ด๋‚˜๋ฉด์„œ ์˜ํ–ฅ๋ ฅ ์žˆ๋Š” SNS๋กœ ์ž๋ฆฌ์žก๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด ํ”„๋กœ์ ํŠธ๋Š” Facebook์ด ์ ์ฐจ ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ดˆ๊ธฐ ๋‹จ๊ณ„๊ฐ€ ๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ์ดˆ๊ธฐ ๋‹จ๊ณ„์— ์‚ฌ์šฉ์ž๋“ค์€ ์ดˆ๊ธฐ ๊ฐ€์ž… ํ›„ ํ•œ๊ตญํ˜• SNS์™€ GUI์ ์ธ ๋ฉด ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‚ด์šฉ์ ์ธ ๋ถ€๋ถ„์—์„œ๋„ ์‰ฝ๊ฒŒ ์ ์‘ํ•˜์ง€ ๋ชปํ•˜๋Š” ๋ถ€๋ถ„์ด ๋งŽ์•˜๋‹ค. ๊ทธ๋ž˜์„œ ์ด ํ”„๋กœ์ ํŠธ๋Š” ํ•œ๊ตญ์— Facebook์ด ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ƒํ™ฉ์„ ๊ณ ๋ คํ•˜๊ณ  ํ˜„์žฌ Facebook ๋ฉ”๋‰ด ๊ตฌ์กฐ๋ฅผ ๋ถ„์„ํ•˜๊ณ  ์‚ฌ์šฉ์ž์กฐ์‚ฌ๋ฅผ ํ†ตํ•ด ๋ฌธ์ œ์ ์„ ๋ถ„์„ํ•˜๊ณ  Design Direction์„ ๋„์ถœํ•˜๋Š” ๊ณผ์ •์„ ์„ค๊ณ„ํ•˜์˜€๋‹ค. ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ Direction ๊นŒ์ง€๋งŒ ๋„์ถœํ•˜์˜€์ง€๋งŒ ์ด๋ฅผ ํ†ตํ•ด ์•ž์œผ๋กœ์˜ Facebook์—์„œ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ Interface์˜ Ideation์˜ ๋ฐฉํ–ฅ์„ฑ์„ ์ œ์‹œํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค๋Š” ๊ฒƒ์ด ํฐ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„๋‹ค.

FlowModel

StructureModel

ArtifactModel

SquenceModel

Heuristic์„ ํ†ตํ•ด ์ถ”์ถœ๋œ ๋‹ค์–‘ํ•œ Issue๋“ค์„

๋ถ„๋ฅ˜ํ•˜๊ณ  ํ†ตํ•ฉํ•˜์—ฌ Research

Framework์„ ์ˆ˜๋ฆฝํ•œ๋‹ค.

Framework์— ๋”ฐ๋ฅธ ์ ์ ˆํ•œResearch Methodology๋ฅผ

์„ ์ •ํ•œ ํ›„ Research๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  Fact Data๋ฅผ

Framework ๊ธฐ์ค€์œผ๋กœ ๋ถ„๋ฅ˜ํ•œ๋‹ค.

์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ธ์‹ ๊ฐ€๋Šฅํ•œ ๊ฐ€์ด๋“œ๋ผ์ธ ์ œ๊ณต

ํ•œ๊ตญํ™”๋œ ๋„ค์ด๋ฐ ์ œ๊ณต

์ƒˆ๋กœ์šด Contents ๋ถ„๋ฅ˜ ๊ธฐ์ค€ ์ œ์‹œ

๊ฐœ์ธ์ •๋ณด์„ค์ • ๋ฐ ๋ณด์•ˆ ์„ค์ •์— ๊ด€ํ•œ ์ ์ ˆํ•œ Task ์ œ๊ณต

์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ต์ˆ™ํ•˜๊ณ ์— ์ง๊ด€์ ์ธ ๊ฐ€์ด๋“œ๋ผ์ธ๊ณผ ํ”ผ๋“œ๋ฐฑ ์ œ๊ณต

FGI

CardSorting

TaskAnalysis

Data๋ฅผ ์ข…ํ•ฉํ•œ ํ›„ Work Model์„ ํ†ตํ•˜์—ฌ

Fact Data๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ Needs๋ฅผ

ํŒŒ์•…ํ•˜๊ณ  Insignts๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

์ถ”์ถœ๋œ Insingts๋ฅผ ํ†ตํ•˜์—ฌ

Design Direction์„ ์ œ์•ˆํ•œ๋‹ค.

Contents์˜ ์„ฑ๊ฒฉ์— ์ ํ•ฉํ•œ Naming๊ณผ Grouping

์„ค์ • ๊ฐ€๋Šฅํ•œ Task๋ฅผ ํ†ตํ•ฉํ•˜์—ฌ ํšจ์œจ์ ์ธ ๊ด€๋ฆฌ ๋ฐฉ๋ฒ• ์ œ๊ณต

Research Framework2 Data Consolidation4 Design Derection5Research3

Goal์„ ์„ค์ •ํ•˜๊ธฐ ์œ„ํ•˜์—ฌ

pre-research๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ 

๊ตฌ์ฒด์ ์ธ Goal์„ ์„ ํƒํ•œ๋‹ค.

Melt-in1Domain Knowlege SNS์˜ ํŠน์ง•๊ณผ ๋‹ค๋ฅธ SNS์™€

Facebook๊ณผ์˜ ์ฐจ์ด์  ์ดํ•ด

Pre-reseach๊ฐœ์ธ ์ •๋ณด์œ ์ถœ ๋ฌธ์ œ/์˜์–ด๋ฅผ ์ง์—ญํ•œ Naming

/๋„ˆ๋ฌด๋งŽ์€ ์ •๋ณด/๋ฉ”๋‰ด์˜ ๋ถˆ๊ทœ์น™์„ฑ

Project GoalEfficient Information Sorting

UX Design

2010.10.11 - 2010.10.31Hajeogn Yun * Goh, Lee, Hwang

UI Renewal Designfor Facebook04

Facebook UI ๊ฐœ์„  Design Direction ์ œ์•ˆ

ContentsSorting

Changing Option

MenuStructure

13

Sym

path

y

Page 15: Hajeong Yun's UX design Portfolio

UX Design

2012.03.14 - 2012.10.24Hajeogn Yun * Toc;tee

Interaction Devicefor Smart TV01

1

Smart TV์™€ Interaction Device์™€์˜๊ด€๊ณ„๋ฅผ ์ •์˜ํ•˜์—ฌProject์˜ Goal์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ œ์‹œ

Smart TV์˜ ์—ญํ• ์— ์ ํ•ฉํ•˜๋ฉฐ์‚ฌ์šฉ์ž๊ฒฝํ—˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š”

Interaction ์ œ์•ˆ

HANDONG GLOBAL UNIVERSITY

Pre-Research ์—์„œ ๋ฐœ๊ฒฌ๋œ Fact data๋ฅผ ์ข…ํ•ฉํ•˜์—ฌ User Research Framework์„ ์œ„ํ•œ ์ฃผ์š” Issue๋ฅผ ๋„์ถœ

5 Key Issues

์‚ฌ์šฉ์ž๊ฐ€ TV์— ๋Œ€ํ•ด ์ด๋ฏธ ๊ฐ–๊ณ  ์žˆ๋Š” ๊ด€๋…๊ณผ ์—ญํ• ์˜ ๊ธฐ๋Œ€๊ฐ€์น˜๋Š” ์–ด๋–ค ๊ฒƒ์ด ์žˆ๋Š”๊ฐ€?

TV๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์ •๋ณด์˜ ์†์„ฑ์— ์ ํ•ฉํ•œ ์ธํ„ฐ๋ž™์…˜์ด ์ด๋ฃจ์–ด์ง€๊ณ  ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ Contents๊ฐ€ ๊ฐ–๋Š” ํŠน์„ฑ์œผ๋กœ ์ธํ•œ ๊ฐ์„ฑ์ ์ธ ์š”์†Œ์— ๋ถ€ํ•ฉํ•˜๋Š” ์ธํ„ฐ๋ž™์…˜ ๋ฐฉ์‹์ด ์žˆ๋Š”๊ฐ€?

์ฃผ์š” ์‹œ์ฒญ Context์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์ธํ„ฐ๋ž™์…˜์˜ ๋ณ€ํ™”๋Š” ๋ฌด์—‡์ด ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ์ž์˜ Life Style์— ํŠนํ™”๋œ Proactiveํ•œ ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋˜๋Š”๊ฐ€?

์ด์Šˆ๋“ค์„ ๋ฐ”ํƒ•์œผ๋กœ ํšจ๊ณผ์ ์ธ User Research๋ฅผ ์œ„ํ•œUser Research Framework ์ •๋ฆฝ ๋ฐ Methodology ๋ชจ์ƒ‰

Methodology

TaskAnalysis

Key ContextObservation

ControllerPart Sorting

FGIInterview

Whatto See

์‹œ์ฒญ์ž๋“ค๊ฐ„์˜ ์•”๋ฌต์  ๊ณต๊ฐ„TV๊ฐ€ ์œ„์น˜ํ•œ ๊ณต๊ฐ„์  ํŠน์„ฑ

Fixed ConceptFamily Sharing

Expected Value

์‹œ์ฒญ ์„ฑํ–ฅ์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ๋ณ‘ํ–‰ํ•˜๋Š” Task

์ •๋ณด์ž…๋ ฅ๋ฐฉ์‹์กฐ์ž‘๋นˆ๋„์‹œ์ฒญ๊ฑฐ๋ฆฌ

์‹œ์ฒญ ์ปจํ…์ธ ์— ๋”ฐ๋ฅธ ๊ณต๊ฐ„์˜ ๋ถ„์œ„๊ธฐ๋ณ€ํ™” ํ•˜๋Š” ์‹œ์ฒญ ์ž์„ธ

๋ณ‘ํ–‰ํ•˜๋Š” Task์‹œ์ฒญ Situation์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ์‹œ์ฒญ ํŒจํ„ด

Attribute

ContentsWatchingPattern

WatchingSituation

SpaceComposition

Fixed ConceptExpected Value

Project Goal

User Research Framework

Issue Extract

Smart TV์— ๋Œ€ํ•œ Domain Knowledge๋ฅผ ์Œ“๊ณ ,Issue๋ฅผ ๋„์ถœํ•˜๊ธฐ ์œ„ํ•œ Pre-research ๋‹จ๊ณ„

ExpertAdvice

Scenario

WebResearch

ReadingThesis

Heuristic

Facts

Melt-in

Research Framework์— ๋”ฐ๋ฅธMethodology๋กœ User Research ์‹ค์‹œ

User Research

Pre-Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌํ•œ Fact data๋ฅผ ๊ธฐ์ค€์œผ๋กœBest Practice Framework์„ ๋„์ถœํ•˜๊ณ , Best Practice๋ฅผ ์‹ค์‹œ

Best Practice Framework

Proactive

ErgonomicsConceptual

Model

Best Practice

KeyFact

KeyFact

KeyFact

Need &Problem

Need &Problem

Need &Problem

DirectionRequirement Requirement

Insight X 21

Design Direction

User Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌ๋œ Raw Data๋ฅผ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž Needs๋ฅผ ๊ธฐ๋ฐ˜ํ•œ Insight์™€Requirement๋ฅผ ๋„์ถœํ•˜๋Š” ๋‹จ๊ณ„

์ •๋ณด์„ ๋ณ„ ๋ถ€๋‹ด์˜ ์ „๊ฐ€

์‹œ์„ ์„ ๋บ์ง€์•Š๋Š” ๋””๋ฐ”์ด์Šค

์ปจํ…์ธ ์™€ ์ •๋ณด์˜ ์›ํ™œํ•œ ํ๋ฆ„

์™ธ๋ถ€ํ™˜๊ฒฝ ์š”์†Œ์˜ ๋ณ€ํ™”์— ๋Œ€์ฒ˜

์–‘๋ฐฉํ–ฅ Communicaiton์—์„œ์˜ ๊ฐ์„ฑ์  ๋งŒ์กฑ

Smart ๊ธฐ๋Šฅ/์กฐ์ž‘์˜ ๋ช…ํ™•ํ•œ ๊ฐœ๋…๋ชจ๋ธ

๊ฐ€์กฑ๊ฐ„์˜ ์œ ๋Œ€๊ฐ ํ˜•์„ฑ ์ง€์›

Persona

User Reaserch ๋Œ€์ƒ ์„ ์ •์„ ์œ„ํ•œ ์‚ฌ์šฉ์ž ์œ ํ˜• ๋ถ„์„๋ฐ ๋Œ€ํ‘œ์„ฑ์„ ๋„๋Š” ๋„ค ๊ฐ€์ง€ ์œ ํ˜•์˜ Persona ์„ค์ •

Persona

์˜ฅ๋ฆผ์ดํ˜•

์ •๋ณด๋Š”๋‚˜์˜ํž˜ํ˜•

TV๋ž‘๋†€์žํ˜•

๋“œ๋ผ๋งˆํ™€๋ฆญํ˜•

SequenceModel

BenchmarkingInsight

User TestFramework์„ ๊ธฐ์ค€์œผ๋กœTask๋ฅผ ์„ ์ •ํ•˜๊ณ  Testee์—๊ฒŒUT๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค.

Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌํ•œInsight๋ฅผ ๊ทธ๋ฃนํ™” ํ•˜์—ฌDirection์„ ๋„์ถœํ•œ๋‹ค.

Direction

์•ž์„œ ์ˆ˜๋ฆฝํ•œ ๊ด€์ ์„ ํ† ๋Œ€๋กœBenchmarking Framework์„ ์ˆ˜๋ฆฝํ•˜๊ณ Benchmarking์„ ์ˆ˜ํ–‰ํ•˜์—ฌ Insight๋ฅผ ๋„์ถœํ•œ๋‹ค.

Benchmarking๋ฉ”๋‰ด ๊ตฌ์กฐ์˜ ์ง๊ด€์  ์ดํ•ด๊ธฐ๋Šฅ์˜ ์„ฑ๊ฒฉ์— ๋”ฐ๋ฅธ Grouping

๊ธฐ๋Šฅ์˜ ์ค‘์š”๋„์— ๋”ฐ๋ฅธ ์‹œ๊ฐ์  ์ฐจ๋ณ„ํ™”

์กฐ์ž‘์‹œ ๋ฐœ์ƒํ•˜๋Š” ๋ฌผ๋ฆฌ์  ๋ฌธ์ œ์  ์ตœ์†Œํ™”๋น„์Šทํ•œ ์š”์†Œ๋“ค๋กœ ์ธํ•˜์—ฌ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜ ๋ฐฉ์ง€

์‚ฌ์šฉ์ž์˜ ํ™˜๊ฒฝ, ์ž์„ธ ๊ณ ๋ ค

์ œ๊ณตํ•˜๋Š” ์ •๋ณด์˜ ํšจ์œจ์„ฑ๊ณผ ์ •ํ™•์„ฑ Feedback์˜ ํšจ์œจ์ ์ธ ์‹œ๊ฐํ™”

๊ธฐ๋Šฅ์— ๊ด€ํ•œ ์ •๋ณด ์ „๋‹ฌ

BestPractice

CompetitiveAnalysis

UT Insight(Problem, Why,

Needs)

Test room setting

Performing Test

์ฐธ๊ฐ€์ž1:์กฐ์ž‘ ์ƒํ™ฉ์„ ์ƒ๋‹จ์œ„์น˜์—์„œ ์ดฌ์˜ํ•œ๋‹ค.

์ฐธ๊ฐ€์ž2:์‹คํ—˜์ž์—๊ฒŒ

Task๋ฅผ ์ฃผ์–ด์กฐ์ž‘ํ•˜๊ฒŒ ํ•œ๋‹ค.

์‹คํ—˜์ž:์‹ค์ œ ์‚ฌ์šฉ์ƒํ™ฉ์„ ์ œ๊ณตํ•ด์‹คํ—˜์— ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค.

์ฐธ๊ฐ€์ž4:UT ํ™˜๊ฒฝ์„ ์œ ์ง€์‹œํ‚จ๋‹ค.

์ฐธ๊ฐ€์ž3:์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ˜„์žฅ์—์„œ๊ธฐ๋กํ•œ๋‹ค.

1 ๊ฐ์„ฑ์ ์ธ Interaction2 ์ •๋ณด์˜ ์œ ํ˜•๊ณผ ์ •๋ฐ€์„ฑ (Naming, Pictogram)3 GUI & Information Architecture4 PUI

Benchmarking Framework

์ „์›๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ๋‹ค์ด์–ผ์ด ๋Œ์ถœ๋˜์–ด ๋‹ค์ด์–ผ์„ ๋Œ๋ฆฌ๊ฒŒ ์œ ๋„ํ•œ๋‹ค.

์ „์›๋ฒ„ํŠผ์œผ๋กœ ์ฒญ์ •์„ธ๊ธฐ์™€ ์ฒญ์ •๋ชจ๋“œ ์กฐ์ ˆ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

ํ˜„์žฌ ์ƒํƒœ๋ฅผ ์ฒญ์ •๊ธฐ ์ „๋ฉด์—์„œ ํ™•์ธ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜์—ฌ

ํšจ๊ณผ์ ์ธ Feedback์˜ ์‹œ๊ฐํ™”๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜์˜€๋‹ค.

Solution

SolutionWork Model

Data ConsolidationResearch

On/Off-line ๋‹ค์ด์–ด๋ฆฌ ๊ฐ๊ฐ์˜๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ์„ ๋ถ€๊ฐ์‹œํ‚จ๋‹ค์ด์–ด๋ฆฌ Application์„ ์ œ์•ˆํ•œ๋‹ค.

Goal์˜คํ”„๋ผ์ธ์œผ๋กœ๋Š” ํ•  ์ˆ˜ ์—†๋Š” ์ƒˆ๋กญ๊ณ  ํšจ์œจ์ ์ธ๋ฐฉ์‹์œผ๋กœ ์ผ์ •๊ด€๋ฆฌ๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•œ๋‹ค. Work Model

ArtifactModel

โ—S dirary Application ์‹คํ–‰ ํ™”๋ฉด โ—Off-line ๊ฐ์„ฑ์„ ์ ์šฉํ•œ ์„ฑ์ทจ๋„, ์ค‘์š”๋„, ์žฅ๊ธฐ์ผ์ • ์ž…๋ ฅ

UX Design

2010.11.01 - 2010.12.20Hajeogn Yun * Goh, Song

New Diary ApplicationProject03

์ƒˆ๋กœ์šด ๋‹ค์ด์–ด๋ฆฌ Application ์ œ์•ˆ

์ด ํ”„๋กœ์ ํŠธ๋Š” ๋ช‡ ๋…„ ๊ฐ„ ์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ๋Ÿ‰์ด

์ฆ๊ฐ€ํ•จ์œผ๋กœ ์ธํ•˜์—ฌ ๊ธฐ์กด์— off-line

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋˜ ์‚ฌ์šฉ์ž๋“ค์ด

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ ์–ดํ”Œ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์œผ๋กœ

๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ ์ „ํ™˜ํ•œ๋‹ค๋Š” ๊ฒƒ์ด

๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋งŽ์€ ์‚ฌ์šฉ์ž๋“ค์€

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๋ถˆํŽธํ•œ ์ ์„ ํ˜ธ์†Œํ•˜๊ณ 

์žˆ์—ˆ๊ณ  ๊ธฐ์กด off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ์„

์„ ํ˜ธํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค๋„ ๋ฐœ๊ฒฌํ•˜์˜€๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๊ธฐ์กด off-line

๋‹ค์ด์–ด๋ฆฌ์™€ ์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๊ฐ๊ฐ ์žฅ,

๋‹จ์ ์„ ํŒŒ์•…ํ•˜๊ณ  ๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ๋งŒ์„

๋ถ€๊ฐ์‹œํ‚ค๋Š” ๋‹ค์ด์–ด๋ฆฌ ์•ฑ์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

์Šค๋งˆํŠธํฐ์ด๋ผ๋Š” ํ•œ์ •๋œ ํ”Œ๋ ›ํผ์—์„œ ๋””์ž์ธ

ํ•ด์•ผํ•˜๋Š” ์ œ์•ฝ์ด ๋”ฐ๋ž์ง€๋งŒ ์Šค๋งˆํŠธํฐ

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ํ†ตํ•˜์—ฌ off-line ๋‹ค์ด์–ด๋ฆฌ์—์„œ

์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ์„ฑ์  ๋งŒ์กฑ ์ถฉ์กฑ์„ ์ฐธ์‹ ํ•œ

์•„์ด๋””์–ด๋กœ ํ•ด๊ฒฐ์„ ์‹œ๋„ํ•˜์˜€๋‹ค๋Š” ๊ฒƒ์— ๋†’์€

ํ‰๊ฐ€๋ฅผ ๋ฐ›์•˜๋‹ค.

Pre-research Research Framework Design Direction

์‚ฌ์šฉ์ž Interview๋ฅผ ํ†ตํ•˜์—ฌ ๊ธฐ๋ก์˜ ์ข…๋ฅ˜์™€๊ธฐ์กด On/Off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ๊ด€์ฐฐํ•˜๊ณ  ๋ถ„๋ฅ˜ํ•˜์—ฌ Issue๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

Issue์— ๋”ฐ๋ผ์„œ Goal์„ ๊ตฌ์ฒดํ™”ํ•˜๊ณ ๊ฐ Goal์— ์ ํ•ฉํ•œ Research๋ฅผํ•  ๋•Œ ๊ณ ๋ คํ•ด์•ผํ•  ์š”์†Œ๋“ค์„ ์„ค์ •ํ•œ๋‹ค.

Testee์™€ Research ๋ฐฉ๋ฒ•์„ ์„ ์ •ํ•˜๊ณ Framework๊ณผ ๊ด€๋ จํ•˜์—ฌ Task์™€ Interview์งˆ๋ฌธ์„ ์ž‘์„ฑํ•˜์—ฌ Resarch๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ ๋ฌธ์ œ์ ๊ณผ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

SmartMobile

Privacy Costomize Proper GUI

Emotional Potable

์˜จ๋ผ์ธ/์˜คํ”„๋ผ์ธ์˜๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์—ฐ๋™

์˜คํ”„๋ผ์ธ๋‹ค์ด์–ด๋ฆฌ์˜์‚ฌ์šฉ ๋ชจ๋ธ์„ Mobile์ƒ์—์„œ ๊ตฌํ˜„

Smart Mobile์„ ์ด์šฉํ•œ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์ผ์ • ๊ด€๋ฆฌ

StructureModel

ArtifactModel

๋ฐ˜๋ณต๋˜๋Š” ์ปจํ…์ธ 

๋ฐ˜๋ณต๋˜๋Š” ๊ธฐ๋ก ํ–‰์œ„

์˜๋„ํ•˜์ง€ ์•Š์€ ํ–‰์œ„์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์Šค์ผ€์ค„

๊ธฐ๋กํ•˜์ง€ ์•Š๊ณ  ํ˜๋ ค๋ณด๋ƒˆ๋˜ ์ •๋ณด

์Šค๋งˆํŠธํฐ ์—ฐ๋™ํ•˜์—ฌ ๊ด€๋ฆฌํ•˜๋Š” ์ผ์ •

Framework

โ—๋น ๋ฅธ ์ผ์ • ์ž…๋ ฅ/ํ™•์ธ โ—์ง๊ด€์ ์ธ ์ผ์ • ์ˆ˜์ • โ—ํšจ์œจ์  ๋ฐ˜๋ณต๋˜๋Š” ์ผ์ • ์ž…๋ ฅ โ—์ผ์ • ์ƒ์„ธ์„ค์ •, ๋‚ ์”จ์ •๋ณด์ œ๊ณต โ—๋‹ค๋ฅธ ์•ฑ, ์นด๋ฉ”๋ผ์™€ ์—ฐ๋™ํ•˜์—ฌ ์ผ์ • ์ž…๋ ฅ๊ธฐ๋Šฅ์˜ ๊ตฌ์กฐ์™€ ๊ฐ ๊ตฌ์กฐ์˜ ํšจ์šฉ์„ฑ์„ํŒŒ์•…ํ•œ ํ›„ ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•˜๋Š”์ƒˆ๋กœ์šด ๊ตฌ์กฐ๋ฅผ ๊ตฌ์„ฑํ•œ๋‹ค.

์‚ฌ์šฉ์ž Workaround์—์„œ์‚ฌ์šฉ์ž์˜ ์ˆจ๊ฒจ์ง„ needs๋ฅผ์ฐพ์•„ ์˜จ๋ผ์ธ ๋‹ค์ด์–ด๋ฆฌ์— ์ ์šฉํ•œ๋‹ค.

Overall Goal

PrimaryFact

UserObservation

TaskAnalysis

Interview

Benchmarking

StructureModel

Insight

ํ˜„์žฌ ๋Œ€ํ‘œ์ ์ธ SNS์ธ Facebook์˜ ๊ฐœ์„ ํ•ด์•ผ ํ•  ๋ถ€๋ถ„์„ ์ฐพ์•„ Design Process๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  Design Direction์„ ์ œ์•ˆํ•œ๋‹ค. Facebook์€ Twitter์™€ ํ•จ๊ป˜ ํ˜„์žฌ ์ „์„ธ๊ณ„์ธ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋Œ€ํ‘œ์ ์ธ SNS ์ค‘ ํ•˜๋‚˜์ด๋‹ค. ํ•œ๊ตญ์—๋„ Facebook ์‚ฌ์šฉ์ž๊ฐ€ ๋Š˜์–ด๋‚˜๋ฉด์„œ ์˜ํ–ฅ๋ ฅ ์žˆ๋Š” SNS๋กœ ์ž๋ฆฌ์žก๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด ํ”„๋กœ์ ํŠธ๋Š” Facebook์ด ์ ์ฐจ ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ดˆ๊ธฐ ๋‹จ๊ณ„๊ฐ€ ๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ์ดˆ๊ธฐ ๋‹จ๊ณ„์— ์‚ฌ์šฉ์ž๋“ค์€ ์ดˆ๊ธฐ ๊ฐ€์ž… ํ›„ ํ•œ๊ตญํ˜• SNS์™€ GUI์ ์ธ ๋ฉด ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‚ด์šฉ์ ์ธ ๋ถ€๋ถ„์—์„œ๋„ ์‰ฝ๊ฒŒ ์ ์‘ํ•˜์ง€ ๋ชปํ•˜๋Š” ๋ถ€๋ถ„์ด ๋งŽ์•˜๋‹ค. ๊ทธ๋ž˜์„œ ์ด ํ”„๋กœ์ ํŠธ๋Š” ํ•œ๊ตญ์— Facebook์ด ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ƒํ™ฉ์„ ๊ณ ๋ คํ•˜๊ณ  ํ˜„์žฌ Facebook ๋ฉ”๋‰ด ๊ตฌ์กฐ๋ฅผ ๋ถ„์„ํ•˜๊ณ  ์‚ฌ์šฉ์ž์กฐ์‚ฌ๋ฅผ ํ†ตํ•ด ๋ฌธ์ œ์ ์„ ๋ถ„์„ํ•˜๊ณ  Design Direction์„ ๋„์ถœํ•˜๋Š” ๊ณผ์ •์„ ์„ค๊ณ„ํ•˜์˜€๋‹ค. ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ Direction ๊นŒ์ง€๋งŒ ๋„์ถœํ•˜์˜€์ง€๋งŒ ์ด๋ฅผ ํ†ตํ•ด ์•ž์œผ๋กœ์˜ Facebook์—์„œ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ Interface์˜ Ideation์˜ ๋ฐฉํ–ฅ์„ฑ์„ ์ œ์‹œํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค๋Š” ๊ฒƒ์ด ํฐ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„๋‹ค.

FlowModel

StructureModel

ArtifactModel

SquenceModel

Heuristic์„ ํ†ตํ•ด ์ถ”์ถœ๋œ ๋‹ค์–‘ํ•œ Issue๋“ค์„

๋ถ„๋ฅ˜ํ•˜๊ณ  ํ†ตํ•ฉํ•˜์—ฌ Research

Framework์„ ์ˆ˜๋ฆฝํ•œ๋‹ค.

Framework์— ๋”ฐ๋ฅธ ์ ์ ˆํ•œResearch Methodology๋ฅผ

์„ ์ •ํ•œ ํ›„ Research๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  Fact Data๋ฅผ

Framework ๊ธฐ์ค€์œผ๋กœ ๋ถ„๋ฅ˜ํ•œ๋‹ค.

์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ธ์‹ ๊ฐ€๋Šฅํ•œ ๊ฐ€์ด๋“œ๋ผ์ธ ์ œ๊ณต

ํ•œ๊ตญํ™”๋œ ๋„ค์ด๋ฐ ์ œ๊ณต

์ƒˆ๋กœ์šด Contents ๋ถ„๋ฅ˜ ๊ธฐ์ค€ ์ œ์‹œ

๊ฐœ์ธ์ •๋ณด์„ค์ • ๋ฐ ๋ณด์•ˆ ์„ค์ •์— ๊ด€ํ•œ ์ ์ ˆํ•œ Task ์ œ๊ณต

์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ต์ˆ™ํ•˜๊ณ ์— ์ง๊ด€์ ์ธ ๊ฐ€์ด๋“œ๋ผ์ธ๊ณผ ํ”ผ๋“œ๋ฐฑ ์ œ๊ณต

FGI

CardSorting

TaskAnalysis

Data๋ฅผ ์ข…ํ•ฉํ•œ ํ›„ Work Model์„ ํ†ตํ•˜์—ฌ

Fact Data๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ Needs๋ฅผ

ํŒŒ์•…ํ•˜๊ณ  Insignts๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

์ถ”์ถœ๋œ Insingts๋ฅผ ํ†ตํ•˜์—ฌ

Design Direction์„ ์ œ์•ˆํ•œ๋‹ค.

Contents์˜ ์„ฑ๊ฒฉ์— ์ ํ•ฉํ•œ Naming๊ณผ Grouping

์„ค์ • ๊ฐ€๋Šฅํ•œ Task๋ฅผ ํ†ตํ•ฉํ•˜์—ฌ ํšจ์œจ์ ์ธ ๊ด€๋ฆฌ ๋ฐฉ๋ฒ• ์ œ๊ณต

Research Framework2 Data Consolidation4 Design Derection5Research3

Goal์„ ์„ค์ •ํ•˜๊ธฐ ์œ„ํ•˜์—ฌ

pre-research๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ 

๊ตฌ์ฒด์ ์ธ Goal์„ ์„ ํƒํ•œ๋‹ค.

Melt-in1Domain Knowlege SNS์˜ ํŠน์ง•๊ณผ ๋‹ค๋ฅธ SNS์™€

Facebook๊ณผ์˜ ์ฐจ์ด์  ์ดํ•ด

Pre-reseach๊ฐœ์ธ ์ •๋ณด์œ ์ถœ ๋ฌธ์ œ/์˜์–ด๋ฅผ ์ง์—ญํ•œ Naming

/๋„ˆ๋ฌด๋งŽ์€ ์ •๋ณด/๋ฉ”๋‰ด์˜ ๋ถˆ๊ทœ์น™์„ฑ

Project GoalEfficient Information Sorting

UX Design

2010.10.11 - 2010.10.31Hajeogn Yun * Goh, Lee, Hwang

UI Renewal Designfor Facebook04

Facebook UI ๊ฐœ์„  Design Direction ์ œ์•ˆ

ContentsSorting

Changing Option

MenuStructure

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

14UX Design

Page 16: Hajeong Yun's UX design Portfolio

UX Design

2012.03.14 - 2012.10.24Hajeogn Yun * Toc;tee

Interaction Devicefor Smart TV01

1

Smart TV์™€ Interaction Device์™€์˜๊ด€๊ณ„๋ฅผ ์ •์˜ํ•˜์—ฌProject์˜ Goal์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ œ์‹œ

Smart TV์˜ ์—ญํ• ์— ์ ํ•ฉํ•˜๋ฉฐ์‚ฌ์šฉ์ž๊ฒฝํ—˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š”

Interaction ์ œ์•ˆ

HANDONG GLOBAL UNIVERSITY

Pre-Research ์—์„œ ๋ฐœ๊ฒฌ๋œ Fact data๋ฅผ ์ข…ํ•ฉํ•˜์—ฌ User Research Framework์„ ์œ„ํ•œ ์ฃผ์š” Issue๋ฅผ ๋„์ถœ

5 Key Issues

์‚ฌ์šฉ์ž๊ฐ€ TV์— ๋Œ€ํ•ด ์ด๋ฏธ ๊ฐ–๊ณ  ์žˆ๋Š” ๊ด€๋…๊ณผ ์—ญํ• ์˜ ๊ธฐ๋Œ€๊ฐ€์น˜๋Š” ์–ด๋–ค ๊ฒƒ์ด ์žˆ๋Š”๊ฐ€?

TV๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์ •๋ณด์˜ ์†์„ฑ์— ์ ํ•ฉํ•œ ์ธํ„ฐ๋ž™์…˜์ด ์ด๋ฃจ์–ด์ง€๊ณ  ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ Contents๊ฐ€ ๊ฐ–๋Š” ํŠน์„ฑ์œผ๋กœ ์ธํ•œ ๊ฐ์„ฑ์ ์ธ ์š”์†Œ์— ๋ถ€ํ•ฉํ•˜๋Š” ์ธํ„ฐ๋ž™์…˜ ๋ฐฉ์‹์ด ์žˆ๋Š”๊ฐ€?

์ฃผ์š” ์‹œ์ฒญ Context์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์ธํ„ฐ๋ž™์…˜์˜ ๋ณ€ํ™”๋Š” ๋ฌด์—‡์ด ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ์ž์˜ Life Style์— ํŠนํ™”๋œ Proactiveํ•œ ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋˜๋Š”๊ฐ€?

์ด์Šˆ๋“ค์„ ๋ฐ”ํƒ•์œผ๋กœ ํšจ๊ณผ์ ์ธ User Research๋ฅผ ์œ„ํ•œUser Research Framework ์ •๋ฆฝ ๋ฐ Methodology ๋ชจ์ƒ‰

Methodology

TaskAnalysis

Key ContextObservation

ControllerPart Sorting

FGIInterview

Whatto See

์‹œ์ฒญ์ž๋“ค๊ฐ„์˜ ์•”๋ฌต์  ๊ณต๊ฐ„TV๊ฐ€ ์œ„์น˜ํ•œ ๊ณต๊ฐ„์  ํŠน์„ฑ

Fixed ConceptFamily Sharing

Expected Value

์‹œ์ฒญ ์„ฑํ–ฅ์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ๋ณ‘ํ–‰ํ•˜๋Š” Task

์ •๋ณด์ž…๋ ฅ๋ฐฉ์‹์กฐ์ž‘๋นˆ๋„์‹œ์ฒญ๊ฑฐ๋ฆฌ

์‹œ์ฒญ ์ปจํ…์ธ ์— ๋”ฐ๋ฅธ ๊ณต๊ฐ„์˜ ๋ถ„์œ„๊ธฐ๋ณ€ํ™” ํ•˜๋Š” ์‹œ์ฒญ ์ž์„ธ

๋ณ‘ํ–‰ํ•˜๋Š” Task์‹œ์ฒญ Situation์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ์‹œ์ฒญ ํŒจํ„ด

Attribute

ContentsWatchingPattern

WatchingSituation

SpaceComposition

Fixed ConceptExpected Value

Project Goal

User Research Framework

Issue Extract

Smart TV์— ๋Œ€ํ•œ Domain Knowledge๋ฅผ ์Œ“๊ณ ,Issue๋ฅผ ๋„์ถœํ•˜๊ธฐ ์œ„ํ•œ Pre-research ๋‹จ๊ณ„

ExpertAdvice

Scenario

WebResearch

ReadingThesis

Heuristic

Facts

Melt-in

Research Framework์— ๋”ฐ๋ฅธMethodology๋กœ User Research ์‹ค์‹œ

User Research

Pre-Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌํ•œ Fact data๋ฅผ ๊ธฐ์ค€์œผ๋กœBest Practice Framework์„ ๋„์ถœํ•˜๊ณ , Best Practice๋ฅผ ์‹ค์‹œ

Best Practice Framework

Proactive

ErgonomicsConceptual

Model

Best Practice

KeyFact

KeyFact

KeyFact

Need &Problem

Need &Problem

Need &Problem

DirectionRequirement Requirement

Insight X 21

Design Direction

User Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌ๋œ Raw Data๋ฅผ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž Needs๋ฅผ ๊ธฐ๋ฐ˜ํ•œ Insight์™€Requirement๋ฅผ ๋„์ถœํ•˜๋Š” ๋‹จ๊ณ„

์ •๋ณด์„ ๋ณ„ ๋ถ€๋‹ด์˜ ์ „๊ฐ€

์‹œ์„ ์„ ๋บ์ง€์•Š๋Š” ๋””๋ฐ”์ด์Šค

์ปจํ…์ธ ์™€ ์ •๋ณด์˜ ์›ํ™œํ•œ ํ๋ฆ„

์™ธ๋ถ€ํ™˜๊ฒฝ ์š”์†Œ์˜ ๋ณ€ํ™”์— ๋Œ€์ฒ˜

์–‘๋ฐฉํ–ฅ Communicaiton์—์„œ์˜ ๊ฐ์„ฑ์  ๋งŒ์กฑ

Smart ๊ธฐ๋Šฅ/์กฐ์ž‘์˜ ๋ช…ํ™•ํ•œ ๊ฐœ๋…๋ชจ๋ธ

๊ฐ€์กฑ๊ฐ„์˜ ์œ ๋Œ€๊ฐ ํ˜•์„ฑ ์ง€์›

Persona

User Reaserch ๋Œ€์ƒ ์„ ์ •์„ ์œ„ํ•œ ์‚ฌ์šฉ์ž ์œ ํ˜• ๋ถ„์„๋ฐ ๋Œ€ํ‘œ์„ฑ์„ ๋„๋Š” ๋„ค ๊ฐ€์ง€ ์œ ํ˜•์˜ Persona ์„ค์ •

Persona

์˜ฅ๋ฆผ์ดํ˜•

์ •๋ณด๋Š”๋‚˜์˜ํž˜ํ˜•

TV๋ž‘๋†€์žํ˜•

๋“œ๋ผ๋งˆํ™€๋ฆญํ˜•

๊ณต๊ธฐ์ฒญ์ •๊ธฐ ์‚ฌ์šฉ์žInteraction

Environment

Using Sequence

InteractionMethod

Feedback ์ธ์ง€

๊ฐ์„ฑ์  ์š•๊ตฌ

์‚ฌ์šฉ์ž ํŠน์„ฑ

์‚ฌ์šฉ ํ™˜๊ฒฝUsing

Purpose

UsingSequence

ํšจ๊ณผ์ ์ธ GUI

์‚ฌ์šฉ๊ณผ์ •์— ์˜ํ–ฅ์„ ์ฃผ๋Š” PUI

Persona

A ๊ธฐ๊ธฐ ์นœ๋ฐ€๋„๋Š” ๋‚ฎ์ง€๋งŒ, ์ฃผ์–ด์ง„ ๊ธฐ๋Šฅ ์‚ฌ์šฉ์—์ถฉ์‹คํ•˜๊ณ  ํŠน์ •ํ•œ ๋ชฉ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ์œ ํ˜•

B ์‚ฌ์šฉ์ž ํŽธ์˜๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋ฉฐ ์žฅ์‹œ๊ฐ„ ๊ฐ™์€์žฅ์†Œ์— ๊ฑฐ์ฃผํ•˜์—ฌ ์ฒญ์ •ํ•œ ๊ณต๊ธฐ๊ฐ€ ํ•„์š”ํ•œ ์œ ํ˜•

C ๊ธฐ๊ณ„์นœ๋ฐ€๋„๊ฐ€ ๋†’๊ณ  ์ž์‹ ๊ณผ ํƒ€์ธ์„ ์œ„ํ•ด์ผ์ƒ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ์œ ํ˜•

UX Design

2010.09.06 - 2010.12.17Hajeogn Yun * Mijin Choi

New Interaction Stylefor Housen Air Purifier02

์‚ผ์„ฑ ํ•˜์šฐ์   ๊ณต๊ธฐ์ฒญ์ •๊ธฐ ์ƒˆ๋กœ์šด ์ธํ„ฐ๋ž™์…˜ ์ œ์•ˆ

์Šค๋งˆํŠธ ํ‹ฐ๋น„๋ฅผ ์œ„ํ•œ ์ธํ„ฐ๋ž™์…˜ ๋””๋ฐ”์ด์Šค ์ œ์•ˆ

์ด ํ”„๋กœ์ ํŠธ๋Š” ์‚ผ์„ฑ์ „์ž HA ์‚ฌ์—…๋ถ€์™€

์‚ฐํ•™ํ˜‘๋ ฅ์œผ๋กœ "๊ณต๊ธฐ ์ฒญ์ •๊ธฐ Interaction Style

์ œ์•ˆ" ์ด๋ผ๋Š” ์ฃผ์ œ๋กœ ์ง„ํ–‰๋˜์—ˆ๋‹ค. ์‚ฌ์šฉ์ž

์กฐ์‚ฌ์— ์•ž์„œ ๋ฌด์—‡์„ ๋ณผ ๊ฒƒ์ธ๊ฐ€์— ๋Œ€ํ•œ

Framework์„ ์„ธ์šฐ๊ณ  ์‹ฌ์ธต์  ๋ถ„์„์„ ํ†ตํ•ด

Insight๋ฅผ ๋„์ถœํ•จ์œผ๋กœ์จ ์‚ฌ์šฉ์ž์˜ ๋‚ด์ œ๋œ

๋‹ˆ์ฆˆ๋ฅผ ํŒŒ์•…ํ•˜๊ณ  ํ•˜๊ณ  ๊ทธ์— ๋งž๋Š” ์ธํ„ฐ๋ž™์…˜์„

์ œ๊ณตํ•ด์ฃผ๋Š” ๊ณผ์ •์„ ๊ฒƒ์„ ๋ฐฐ์› ๋‹ค. ๊ทธ๊ฒƒ๊ณผ

๋™์‹œ์— ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์ œ์•ฝ ์†์—์„œ ์ƒˆ๋กœ์šด ๊ฒฝํ—˜์„

์ œ๊ณตํ•ด์ฃผ๋Š” ์ฐฝ์˜์  ์ธํ„ฐ๋ž™์…˜ ๋””์ž์ธ์„

๊ตฌ์ƒํ•˜๋Š” ๊ณผ์ •์ด ๋„์ „์ด ๋˜์—ˆ๋‹ค. ํ”„๋กœ์„ธ์Šค๋ฅผ

ํ†ตํ•ด ๋„์ถœ๋œ 3๊ฐ€์ง€ ๋””๋ ‰์…˜์„ ํ†ตํ•ด

๊ณต๊ธฐ์ฒญ์ •๊ธฐ์ธํ„ฐ๋ž™์…˜์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

4ํ•™๋…„ ์กธ์—…์—ฐ๊ตฌ๊ณผ์ œ๋กœ LG ํ˜์‹ ๋””์ž์ธ

์—ฐ๊ตฌ์†Œ์™€ ์‚ฐํ•™ํ”„๋กœ์ ํŠธ๋ฅผ ์‹ค์‹œํ•˜์˜€๋‹ค. ์Šค๋งˆํŠธ

TV์— ํŠนํ™”๋œ Interaction Device ๋ฅผ ์ œ์•ˆํ•˜๋Š”

๊ณผ์ œ๋กœ, UX ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋ฅผ ๋‹จ๊ณ„๋ณ„๋กœ

์ ์šฉํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜์˜€๋‹ค. ๋‹ค์–‘ํ•œ

๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ์Šค๋งˆํŠธ TV๋ฅผ ์กฐ์ž‘ํ•˜๊ธฐ

์œ„ํ•ด์„œ๋Š” ๊ธฐ์กด TV ๋ฆฌ๋ชจ์ปจ๊ณผ๋Š” ๋‹ค๋ฅด๊ฒŒ ์Šค๋งˆํŠธ

TV์— ํŠนํ™”๋œ ๋ฆฌ๋ชจ์ปจ์ด ํ•„์š”ํ•˜๋‹ค. ๋ฆฌ์„œ์น˜๋ฅผ

ํ†ตํ•˜์—ฌ ๊ธฐ์กด ์Šค๋งˆํŠธ TV ๋ฆฌ๋ชจ์ปจ ์‚ฌ์šฉ์˜

๋ฌธ์ œ์ ์„ ๋ฐœ๊ฒฌํ•˜๊ณ  ์‚ฌ์šฉ์ž ๋‹ˆ์ฆˆ๋ฅผ ๋ฐ˜์˜ํ•œ 7

๊ฐ€์ง€๋””์ž์ธ ๋””๋ ‰์…˜์„ ์ œ์•ˆํ•˜์˜€๋‹ค.ํ˜„์žฌ ์ œ์•ˆํ•œ

๋””๋ ‰์…˜์„ ๋ฐ”ํƒ•ํ•œ Solution์„ Ideationํ•˜๋Š”

์ž‘์—…์ค‘์— ์žˆ์œผ๋ฉฐ 10์›” 24์ผ ๋ถ€ํ„ฐ ๋™๋Œ€๋ฌธ์—ญ

์„œ์šธ๋””์ž์ธ์žฌ๋‹จ์—์„œ ์ „์‹œ๋  ์˜ˆ์ •์ด๋‹ค.

HANDONG GLOBAL UNIVERSITY

Pre-resarch๋ฅผ ๋ฐ”ํƒ•์œผ๋กœResearch๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ธฐ์œ„ํ•œ ๊ด€์ ์„ ์ˆ˜๋ฆฝํ•œ๋‹ค.

ResearchFrameworkPre-research๋ฅผ ํ†ตํ•ด

๊ณต๊ธฐ์ฒญ์ •๊ธฐ์˜ ์‚ฌ์šฉ ๋ชฉ์ ์„ ํŒŒ์•…ํ•˜๊ณ Heuristic์„ ํ†ตํ•ด ์ฃผ๋ชฉํ•ด์•ผ ํ• Issue๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

Melt-In

ํƒˆ์ทจ์œ ํ•ด๋ฌผ์งˆ ์ œ๊ฑฐ(์ƒˆ์ง‘์ฆํ›„๊ตฐ)๋ฏธ์„ธ๋ฌผ์งˆ ์ œ๊ฑฐ(ํ”ผ๋กœํšŒ๋ณต, ์ˆ™๋ฉด, ํ”ผ๋ถ€๊ด€๋ฆฌ)์„ธ๊ท , ๋ฐ”์ด๋Ÿฌ์Šค ์ œ๊ฑฐ(๊ฐ๊ธฐ์˜ˆ๋ฐฉ)

์‚ฌ์šฉ ๋ชฉ์ 

Mind Map

Heuristic๊ฐ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๊ตฌ๋ถ„ํŠน์ˆ˜ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ •๋ณด ๋ถ€์กฑ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•œ ์ž์„ธ๋ฒ„ํŠผ์˜ ํฌ๊ธฐ, ๊ทธ๋ฃนํ•‘, ๋ ˆ์ด๋ธ”๋™์ž‘์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ์ œ๊ณต๋˜๋Š” ์ •๋ณด์˜ ์ •๋ฐ€๋„

PrimaryFact

TaskSelection

TesteeSelection

SequenceModel

BenchmarkingInsight

User TestFramework์„ ๊ธฐ์ค€์œผ๋กœTask๋ฅผ ์„ ์ •ํ•˜๊ณ  Testee์—๊ฒŒUT๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค.

Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌํ•œInsight๋ฅผ ๊ทธ๋ฃนํ™” ํ•˜์—ฌDirection์„ ๋„์ถœํ•œ๋‹ค.

Direction

์•ž์„œ ์ˆ˜๋ฆฝํ•œ ๊ด€์ ์„ ํ† ๋Œ€๋กœBenchmarking Framework์„ ์ˆ˜๋ฆฝํ•˜๊ณ Benchmarking์„ ์ˆ˜ํ–‰ํ•˜์—ฌ Insight๋ฅผ ๋„์ถœํ•œ๋‹ค.

Benchmarking

TargetResearch์‚ฌ์šฉ๋ชฉ์ ์„ ๊ณ ๋ คํ•œ ์‚ฌ์šฉ์ž์˜๋Œ€ํ‘œ ์œ ํ˜•์„ ์„ ์ •ํ•˜๊ณ  ๊ทธ์— ๋งž๋Š”Testee๋ฅผ ์ •ํ•œ๋‹ค.

๋ฉ”๋‰ด ๊ตฌ์กฐ์˜ ์ง๊ด€์  ์ดํ•ด๊ธฐ๋Šฅ์˜ ์„ฑ๊ฒฉ์— ๋”ฐ๋ฅธ Grouping

๊ธฐ๋Šฅ์˜ ์ค‘์š”๋„์— ๋”ฐ๋ฅธ ์‹œ๊ฐ์  ์ฐจ๋ณ„ํ™”

์กฐ์ž‘์‹œ ๋ฐœ์ƒํ•˜๋Š” ๋ฌผ๋ฆฌ์  ๋ฌธ์ œ์  ์ตœ์†Œํ™”๋น„์Šทํ•œ ์š”์†Œ๋“ค๋กœ ์ธํ•˜์—ฌ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜ ๋ฐฉ์ง€

์‚ฌ์šฉ์ž์˜ ํ™˜๊ฒฝ, ์ž์„ธ ๊ณ ๋ ค

์ œ๊ณตํ•˜๋Š” ์ •๋ณด์˜ ํšจ์œจ์„ฑ๊ณผ ์ •ํ™•์„ฑ Feedback์˜ ํšจ์œจ์ ์ธ ์‹œ๊ฐํ™”

๊ธฐ๋Šฅ์— ๊ด€ํ•œ ์ •๋ณด ์ „๋‹ฌ

BestPractice

CompetitiveAnalysis

UT Insight(Problem, Why,

Needs)

Test room setting

Performing Test

์ฐธ๊ฐ€์ž1:์กฐ์ž‘ ์ƒํ™ฉ์„ ์ƒ๋‹จ์œ„์น˜์—์„œ ์ดฌ์˜ํ•œ๋‹ค.

์ฐธ๊ฐ€์ž2:์‹คํ—˜์ž์—๊ฒŒ

Task๋ฅผ ์ฃผ์–ด์กฐ์ž‘ํ•˜๊ฒŒ ํ•œ๋‹ค.

์‹คํ—˜์ž:์‹ค์ œ ์‚ฌ์šฉ์ƒํ™ฉ์„ ์ œ๊ณตํ•ด์‹คํ—˜์— ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค.

์ฐธ๊ฐ€์ž4:UT ํ™˜๊ฒฝ์„ ์œ ์ง€์‹œํ‚จ๋‹ค.

์ฐธ๊ฐ€์ž3:์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ˜„์žฅ์—์„œ๊ธฐ๋กํ•œ๋‹ค.

1 ๊ฐ์„ฑ์ ์ธ Interaction2 ์ •๋ณด์˜ ์œ ํ˜•๊ณผ ์ •๋ฐ€์„ฑ (Naming, Pictogram)3 GUI & Information Architecture4 PUI

Benchmarking Framework

์ „์›๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ๋‹ค์ด์–ผ์ด ๋Œ์ถœ๋˜์–ด ๋‹ค์ด์–ผ์„ ๋Œ๋ฆฌ๊ฒŒ ์œ ๋„ํ•œ๋‹ค.

์ „์›๋ฒ„ํŠผ์œผ๋กœ ์ฒญ์ •์„ธ๊ธฐ์™€ ์ฒญ์ •๋ชจ๋“œ ์กฐ์ ˆ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

ํ˜„์žฌ ์ƒํƒœ๋ฅผ ์ฒญ์ •๊ธฐ ์ „๋ฉด์—์„œ ํ™•์ธ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜์—ฌ

ํšจ๊ณผ์ ์ธ Feedback์˜ ์‹œ๊ฐํ™”๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜์˜€๋‹ค.

Solution

SolutionWork Model

Data ConsolidationResearch

On/Off-line ๋‹ค์ด์–ด๋ฆฌ ๊ฐ๊ฐ์˜๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ์„ ๋ถ€๊ฐ์‹œํ‚จ๋‹ค์ด์–ด๋ฆฌ Application์„ ์ œ์•ˆํ•œ๋‹ค.

Goal์˜คํ”„๋ผ์ธ์œผ๋กœ๋Š” ํ•  ์ˆ˜ ์—†๋Š” ์ƒˆ๋กญ๊ณ  ํšจ์œจ์ ์ธ๋ฐฉ์‹์œผ๋กœ ์ผ์ •๊ด€๋ฆฌ๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•œ๋‹ค. Work Model

ArtifactModel

โ—S dirary Application ์‹คํ–‰ ํ™”๋ฉด โ—Off-line ๊ฐ์„ฑ์„ ์ ์šฉํ•œ ์„ฑ์ทจ๋„, ์ค‘์š”๋„, ์žฅ๊ธฐ์ผ์ • ์ž…๋ ฅ

UX Design

2010.11.01 - 2010.12.20Hajeogn Yun * Goh, Song

New Diary ApplicationProject03

์ƒˆ๋กœ์šด ๋‹ค์ด์–ด๋ฆฌ Application ์ œ์•ˆ

์ด ํ”„๋กœ์ ํŠธ๋Š” ๋ช‡ ๋…„ ๊ฐ„ ์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ๋Ÿ‰์ด

์ฆ๊ฐ€ํ•จ์œผ๋กœ ์ธํ•˜์—ฌ ๊ธฐ์กด์— off-line

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋˜ ์‚ฌ์šฉ์ž๋“ค์ด

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ ์–ดํ”Œ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์œผ๋กœ

๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ ์ „ํ™˜ํ•œ๋‹ค๋Š” ๊ฒƒ์ด

๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋งŽ์€ ์‚ฌ์šฉ์ž๋“ค์€

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๋ถˆํŽธํ•œ ์ ์„ ํ˜ธ์†Œํ•˜๊ณ 

์žˆ์—ˆ๊ณ  ๊ธฐ์กด off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ์„

์„ ํ˜ธํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค๋„ ๋ฐœ๊ฒฌํ•˜์˜€๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๊ธฐ์กด off-line

๋‹ค์ด์–ด๋ฆฌ์™€ ์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๊ฐ๊ฐ ์žฅ,

๋‹จ์ ์„ ํŒŒ์•…ํ•˜๊ณ  ๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ๋งŒ์„

๋ถ€๊ฐ์‹œํ‚ค๋Š” ๋‹ค์ด์–ด๋ฆฌ ์•ฑ์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

์Šค๋งˆํŠธํฐ์ด๋ผ๋Š” ํ•œ์ •๋œ ํ”Œ๋ ›ํผ์—์„œ ๋””์ž์ธ

ํ•ด์•ผํ•˜๋Š” ์ œ์•ฝ์ด ๋”ฐ๋ž์ง€๋งŒ ์Šค๋งˆํŠธํฐ

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ํ†ตํ•˜์—ฌ off-line ๋‹ค์ด์–ด๋ฆฌ์—์„œ

์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ์„ฑ์  ๋งŒ์กฑ ์ถฉ์กฑ์„ ์ฐธ์‹ ํ•œ

์•„์ด๋””์–ด๋กœ ํ•ด๊ฒฐ์„ ์‹œ๋„ํ•˜์˜€๋‹ค๋Š” ๊ฒƒ์— ๋†’์€

ํ‰๊ฐ€๋ฅผ ๋ฐ›์•˜๋‹ค.

Pre-research Research Framework Design Direction

์‚ฌ์šฉ์ž Interview๋ฅผ ํ†ตํ•˜์—ฌ ๊ธฐ๋ก์˜ ์ข…๋ฅ˜์™€๊ธฐ์กด On/Off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ๊ด€์ฐฐํ•˜๊ณ  ๋ถ„๋ฅ˜ํ•˜์—ฌ Issue๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

Issue์— ๋”ฐ๋ผ์„œ Goal์„ ๊ตฌ์ฒดํ™”ํ•˜๊ณ ๊ฐ Goal์— ์ ํ•ฉํ•œ Research๋ฅผํ•  ๋•Œ ๊ณ ๋ คํ•ด์•ผํ•  ์š”์†Œ๋“ค์„ ์„ค์ •ํ•œ๋‹ค.

Testee์™€ Research ๋ฐฉ๋ฒ•์„ ์„ ์ •ํ•˜๊ณ Framework๊ณผ ๊ด€๋ จํ•˜์—ฌ Task์™€ Interview์งˆ๋ฌธ์„ ์ž‘์„ฑํ•˜์—ฌ Resarch๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ ๋ฌธ์ œ์ ๊ณผ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

SmartMobile

Privacy Costomize Proper GUI

Emotional Potable

์˜จ๋ผ์ธ/์˜คํ”„๋ผ์ธ์˜๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์—ฐ๋™

์˜คํ”„๋ผ์ธ๋‹ค์ด์–ด๋ฆฌ์˜์‚ฌ์šฉ ๋ชจ๋ธ์„ Mobile์ƒ์—์„œ ๊ตฌํ˜„

Smart Mobile์„ ์ด์šฉํ•œ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์ผ์ • ๊ด€๋ฆฌ

StructureModel

ArtifactModel

๋ฐ˜๋ณต๋˜๋Š” ์ปจํ…์ธ 

๋ฐ˜๋ณต๋˜๋Š” ๊ธฐ๋ก ํ–‰์œ„

์˜๋„ํ•˜์ง€ ์•Š์€ ํ–‰์œ„์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์Šค์ผ€์ค„

๊ธฐ๋กํ•˜์ง€ ์•Š๊ณ  ํ˜๋ ค๋ณด๋ƒˆ๋˜ ์ •๋ณด

์Šค๋งˆํŠธํฐ ์—ฐ๋™ํ•˜์—ฌ ๊ด€๋ฆฌํ•˜๋Š” ์ผ์ •

Framework

โ—๋น ๋ฅธ ์ผ์ • ์ž…๋ ฅ/ํ™•์ธ โ—์ง๊ด€์ ์ธ ์ผ์ • ์ˆ˜์ • โ—ํšจ์œจ์  ๋ฐ˜๋ณต๋˜๋Š” ์ผ์ • ์ž…๋ ฅ โ—์ผ์ • ์ƒ์„ธ์„ค์ •, ๋‚ ์”จ์ •๋ณด์ œ๊ณต โ—๋‹ค๋ฅธ ์•ฑ, ์นด๋ฉ”๋ผ์™€ ์—ฐ๋™ํ•˜์—ฌ ์ผ์ • ์ž…๋ ฅ๊ธฐ๋Šฅ์˜ ๊ตฌ์กฐ์™€ ๊ฐ ๊ตฌ์กฐ์˜ ํšจ์šฉ์„ฑ์„ํŒŒ์•…ํ•œ ํ›„ ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•˜๋Š”์ƒˆ๋กœ์šด ๊ตฌ์กฐ๋ฅผ ๊ตฌ์„ฑํ•œ๋‹ค.

์‚ฌ์šฉ์ž Workaround์—์„œ์‚ฌ์šฉ์ž์˜ ์ˆจ๊ฒจ์ง„ needs๋ฅผ์ฐพ์•„ ์˜จ๋ผ์ธ ๋‹ค์ด์–ด๋ฆฌ์— ์ ์šฉํ•œ๋‹ค.

Overall Goal

PrimaryFact

UserObservation

TaskAnalysis

Interview

Benchmarking

StructureModel

Insight

ํ˜„์žฌ ๋Œ€ํ‘œ์ ์ธ SNS์ธ Facebook์˜ ๊ฐœ์„ ํ•ด์•ผ ํ•  ๋ถ€๋ถ„์„ ์ฐพ์•„ Design Process๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  Design Direction์„ ์ œ์•ˆํ•œ๋‹ค. Facebook์€ Twitter์™€ ํ•จ๊ป˜ ํ˜„์žฌ ์ „์„ธ๊ณ„์ธ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋Œ€ํ‘œ์ ์ธ SNS ์ค‘ ํ•˜๋‚˜์ด๋‹ค. ํ•œ๊ตญ์—๋„ Facebook ์‚ฌ์šฉ์ž๊ฐ€ ๋Š˜์–ด๋‚˜๋ฉด์„œ ์˜ํ–ฅ๋ ฅ ์žˆ๋Š” SNS๋กœ ์ž๋ฆฌ์žก๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด ํ”„๋กœ์ ํŠธ๋Š” Facebook์ด ์ ์ฐจ ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ดˆ๊ธฐ ๋‹จ๊ณ„๊ฐ€ ๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ์ดˆ๊ธฐ ๋‹จ๊ณ„์— ์‚ฌ์šฉ์ž๋“ค์€ ์ดˆ๊ธฐ ๊ฐ€์ž… ํ›„ ํ•œ๊ตญํ˜• SNS์™€ GUI์ ์ธ ๋ฉด ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‚ด์šฉ์ ์ธ ๋ถ€๋ถ„์—์„œ๋„ ์‰ฝ๊ฒŒ ์ ์‘ํ•˜์ง€ ๋ชปํ•˜๋Š” ๋ถ€๋ถ„์ด ๋งŽ์•˜๋‹ค. ๊ทธ๋ž˜์„œ ์ด ํ”„๋กœ์ ํŠธ๋Š” ํ•œ๊ตญ์— Facebook์ด ๋„์ž…๋˜๊ณ  ์žˆ๋Š” ์ƒํ™ฉ์„ ๊ณ ๋ คํ•˜๊ณ  ํ˜„์žฌ Facebook ๋ฉ”๋‰ด ๊ตฌ์กฐ๋ฅผ ๋ถ„์„ํ•˜๊ณ  ์‚ฌ์šฉ์ž์กฐ์‚ฌ๋ฅผ ํ†ตํ•ด ๋ฌธ์ œ์ ์„ ๋ถ„์„ํ•˜๊ณ  Design Direction์„ ๋„์ถœํ•˜๋Š” ๊ณผ์ •์„ ์„ค๊ณ„ํ•˜์˜€๋‹ค. ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ Direction ๊นŒ์ง€๋งŒ ๋„์ถœํ•˜์˜€์ง€๋งŒ ์ด๋ฅผ ํ†ตํ•ด ์•ž์œผ๋กœ์˜ Facebook์—์„œ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ Interface์˜ Ideation์˜ ๋ฐฉํ–ฅ์„ฑ์„ ์ œ์‹œํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค๋Š” ๊ฒƒ์ด ํฐ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„๋‹ค.

Heuristic์„ ํ†ตํ•ด ์ถ”์ถœ๋œ ๋‹ค์–‘ํ•œ Issue๋“ค์„

๋ถ„๋ฅ˜ํ•˜๊ณ  ํ†ตํ•ฉํ•˜์—ฌ Research

Framework์„ ์ˆ˜๋ฆฝํ•œ๋‹ค.

Research Framework2

Goal์„ ์„ค์ •ํ•˜๊ธฐ ์œ„ํ•˜์—ฌ

pre-research๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ 

๊ตฌ์ฒด์ ์ธ Goal์„ ์„ ํƒํ•œ๋‹ค.

Melt-in1Domain Knowlege SNS์˜ ํŠน์ง•๊ณผ ๋‹ค๋ฅธ SNS์™€

Facebook๊ณผ์˜ ์ฐจ์ด์  ์ดํ•ด

Pre-reseach๊ฐœ์ธ ์ •๋ณด์œ ์ถœ ๋ฌธ์ œ/์˜์–ด๋ฅผ ์ง์—ญํ•œ Naming

/๋„ˆ๋ฌด๋งŽ์€ ์ •๋ณด/๋ฉ”๋‰ด์˜ ๋ถˆ๊ทœ์น™์„ฑ

Project GoalEfficient Information Sorting

UX Design

2010.10.11 - 2010.10.31Hajeogn Yun * Goh, Lee, Hwang

UI Renewal Designfor Facebook04

Facebook UI ๊ฐœ์„  Design Direction ์ œ์•ˆ

ContentsSorting

Changing Option

MenuStructure

15

Sym

path

y

Page 17: Hajeong Yun's UX design Portfolio

UX Design

2012.03.14 - 2012.10.24Hajeogn Yun * Toc;tee

Interaction Devicefor Smart TV01

1

Smart TV์™€ Interaction Device์™€์˜๊ด€๊ณ„๋ฅผ ์ •์˜ํ•˜์—ฌProject์˜ Goal์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ œ์‹œ

Smart TV์˜ ์—ญํ• ์— ์ ํ•ฉํ•˜๋ฉฐ์‚ฌ์šฉ์ž๊ฒฝํ—˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š”

Interaction ์ œ์•ˆ

HANDONG GLOBAL UNIVERSITY

Pre-Research ์—์„œ ๋ฐœ๊ฒฌ๋œ Fact data๋ฅผ ์ข…ํ•ฉํ•˜์—ฌ User Research Framework์„ ์œ„ํ•œ ์ฃผ์š” Issue๋ฅผ ๋„์ถœ

5 Key Issues

์‚ฌ์šฉ์ž๊ฐ€ TV์— ๋Œ€ํ•ด ์ด๋ฏธ ๊ฐ–๊ณ  ์žˆ๋Š” ๊ด€๋…๊ณผ ์—ญํ• ์˜ ๊ธฐ๋Œ€๊ฐ€์น˜๋Š” ์–ด๋–ค ๊ฒƒ์ด ์žˆ๋Š”๊ฐ€?

TV๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์ •๋ณด์˜ ์†์„ฑ์— ์ ํ•ฉํ•œ ์ธํ„ฐ๋ž™์…˜์ด ์ด๋ฃจ์–ด์ง€๊ณ  ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ Contents๊ฐ€ ๊ฐ–๋Š” ํŠน์„ฑ์œผ๋กœ ์ธํ•œ ๊ฐ์„ฑ์ ์ธ ์š”์†Œ์— ๋ถ€ํ•ฉํ•˜๋Š” ์ธํ„ฐ๋ž™์…˜ ๋ฐฉ์‹์ด ์žˆ๋Š”๊ฐ€?

์ฃผ์š” ์‹œ์ฒญ Context์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์ธํ„ฐ๋ž™์…˜์˜ ๋ณ€ํ™”๋Š” ๋ฌด์—‡์ด ์žˆ๋Š”๊ฐ€?

์‚ฌ์šฉ์ž์˜ Life Style์— ํŠนํ™”๋œ Proactiveํ•œ ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋˜๋Š”๊ฐ€?

์ด์Šˆ๋“ค์„ ๋ฐ”ํƒ•์œผ๋กœ ํšจ๊ณผ์ ์ธ User Research๋ฅผ ์œ„ํ•œUser Research Framework ์ •๋ฆฝ ๋ฐ Methodology ๋ชจ์ƒ‰

Methodology

TaskAnalysis

Key ContextObservation

ControllerPart Sorting

FGIInterview

Whatto See

์‹œ์ฒญ์ž๋“ค๊ฐ„์˜ ์•”๋ฌต์  ๊ณต๊ฐ„TV๊ฐ€ ์œ„์น˜ํ•œ ๊ณต๊ฐ„์  ํŠน์„ฑ

Fixed ConceptFamily Sharing

Expected Value

์‹œ์ฒญ ์„ฑํ–ฅ์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ๋ณ‘ํ–‰ํ•˜๋Š” Task

์ •๋ณด์ž…๋ ฅ๋ฐฉ์‹์กฐ์ž‘๋นˆ๋„์‹œ์ฒญ๊ฑฐ๋ฆฌ

์‹œ์ฒญ ์ปจํ…์ธ ์— ๋”ฐ๋ฅธ ๊ณต๊ฐ„์˜ ๋ถ„์œ„๊ธฐ๋ณ€ํ™” ํ•˜๋Š” ์‹œ์ฒญ ์ž์„ธ

๋ณ‘ํ–‰ํ•˜๋Š” Task์‹œ์ฒญ Situation์— ๋”ฐ๋ฅธ ์‹œ์ฒญ ์ž์„ธ์‹œ์ฒญ ํŒจํ„ด

Attribute

ContentsWatchingPattern

WatchingSituation

SpaceComposition

Fixed ConceptExpected Value

Project Goal

User Research Framework

Issue Extract

Smart TV์— ๋Œ€ํ•œ Domain Knowledge๋ฅผ ์Œ“๊ณ ,Issue๋ฅผ ๋„์ถœํ•˜๊ธฐ ์œ„ํ•œ Pre-research ๋‹จ๊ณ„

ExpertAdvice

Scenario

WebResearch

ReadingThesis

Heuristic

Facts

Melt-in

Research Framework์— ๋”ฐ๋ฅธMethodology๋กœ User Research ์‹ค์‹œ

User Research

Pre-Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌํ•œ Fact data๋ฅผ ๊ธฐ์ค€์œผ๋กœBest Practice Framework์„ ๋„์ถœํ•˜๊ณ , Best Practice๋ฅผ ์‹ค์‹œ

Best Practice Framework

Proactive

ErgonomicsConceptual

Model

Best Practice

KeyFact

KeyFact

KeyFact

Need &Problem

Need &Problem

Need &Problem

DirectionRequirement Requirement

Insight X 21

Design Direction

User Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌ๋œ Raw Data๋ฅผ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž Needs๋ฅผ ๊ธฐ๋ฐ˜ํ•œ Insight์™€Requirement๋ฅผ ๋„์ถœํ•˜๋Š” ๋‹จ๊ณ„

์ •๋ณด์„ ๋ณ„ ๋ถ€๋‹ด์˜ ์ „๊ฐ€

์‹œ์„ ์„ ๋บ์ง€์•Š๋Š” ๋””๋ฐ”์ด์Šค

์ปจํ…์ธ ์™€ ์ •๋ณด์˜ ์›ํ™œํ•œ ํ๋ฆ„

์™ธ๋ถ€ํ™˜๊ฒฝ ์š”์†Œ์˜ ๋ณ€ํ™”์— ๋Œ€์ฒ˜

์–‘๋ฐฉํ–ฅ Communicaiton์—์„œ์˜ ๊ฐ์„ฑ์  ๋งŒ์กฑ

Smart ๊ธฐ๋Šฅ/์กฐ์ž‘์˜ ๋ช…ํ™•ํ•œ ๊ฐœ๋…๋ชจ๋ธ

๊ฐ€์กฑ๊ฐ„์˜ ์œ ๋Œ€๊ฐ ํ˜•์„ฑ ์ง€์›

Persona

User Reaserch ๋Œ€์ƒ ์„ ์ •์„ ์œ„ํ•œ ์‚ฌ์šฉ์ž ์œ ํ˜• ๋ถ„์„๋ฐ ๋Œ€ํ‘œ์„ฑ์„ ๋„๋Š” ๋„ค ๊ฐ€์ง€ ์œ ํ˜•์˜ Persona ์„ค์ •

Persona

์˜ฅ๋ฆผ์ดํ˜•

์ •๋ณด๋Š”๋‚˜์˜ํž˜ํ˜•

TV๋ž‘๋†€์žํ˜•

๋“œ๋ผ๋งˆํ™€๋ฆญํ˜•

๊ณต๊ธฐ์ฒญ์ •๊ธฐ ์‚ฌ์šฉ์žInteraction

Environment

Using Sequence

InteractionMethod

Feedback ์ธ์ง€

๊ฐ์„ฑ์  ์š•๊ตฌ

์‚ฌ์šฉ์ž ํŠน์„ฑ

์‚ฌ์šฉ ํ™˜๊ฒฝUsing

Purpose

UsingSequence

ํšจ๊ณผ์ ์ธ GUI

์‚ฌ์šฉ๊ณผ์ •์— ์˜ํ–ฅ์„ ์ฃผ๋Š” PUI

Persona

A ๊ธฐ๊ธฐ ์นœ๋ฐ€๋„๋Š” ๋‚ฎ์ง€๋งŒ, ์ฃผ์–ด์ง„ ๊ธฐ๋Šฅ ์‚ฌ์šฉ์—์ถฉ์‹คํ•˜๊ณ  ํŠน์ •ํ•œ ๋ชฉ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ์œ ํ˜•

B ์‚ฌ์šฉ์ž ํŽธ์˜๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋ฉฐ ์žฅ์‹œ๊ฐ„ ๊ฐ™์€์žฅ์†Œ์— ๊ฑฐ์ฃผํ•˜์—ฌ ์ฒญ์ •ํ•œ ๊ณต๊ธฐ๊ฐ€ ํ•„์š”ํ•œ ์œ ํ˜•

C ๊ธฐ๊ณ„์นœ๋ฐ€๋„๊ฐ€ ๋†’๊ณ  ์ž์‹ ๊ณผ ํƒ€์ธ์„ ์œ„ํ•ด์ผ์ƒ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ์œ ํ˜•

UX Design

2010.09.06 - 2010.12.17Hajeogn Yun * Mijin Choi

New Interaction Stylefor Housen Air Purifier02

์‚ผ์„ฑ ํ•˜์šฐ์   ๊ณต๊ธฐ์ฒญ์ •๊ธฐ ์ƒˆ๋กœ์šด ์ธํ„ฐ๋ž™์…˜ ์ œ์•ˆ

์Šค๋งˆํŠธ ํ‹ฐ๋น„๋ฅผ ์œ„ํ•œ ์ธํ„ฐ๋ž™์…˜ ๋””๋ฐ”์ด์Šค ์ œ์•ˆ

์ด ํ”„๋กœ์ ํŠธ๋Š” ์‚ผ์„ฑ์ „์ž HA ์‚ฌ์—…๋ถ€์™€

์‚ฐํ•™ํ˜‘๋ ฅ์œผ๋กœ "๊ณต๊ธฐ ์ฒญ์ •๊ธฐ Interaction Style

์ œ์•ˆ" ์ด๋ผ๋Š” ์ฃผ์ œ๋กœ ์ง„ํ–‰๋˜์—ˆ๋‹ค. ์‚ฌ์šฉ์ž

์กฐ์‚ฌ์— ์•ž์„œ ๋ฌด์—‡์„ ๋ณผ ๊ฒƒ์ธ๊ฐ€์— ๋Œ€ํ•œ

Framework์„ ์„ธ์šฐ๊ณ  ์‹ฌ์ธต์  ๋ถ„์„์„ ํ†ตํ•ด

Insight๋ฅผ ๋„์ถœํ•จ์œผ๋กœ์จ ์‚ฌ์šฉ์ž์˜ ๋‚ด์ œ๋œ

๋‹ˆ์ฆˆ๋ฅผ ํŒŒ์•…ํ•˜๊ณ  ํ•˜๊ณ  ๊ทธ์— ๋งž๋Š” ์ธํ„ฐ๋ž™์…˜์„

์ œ๊ณตํ•ด์ฃผ๋Š” ๊ณผ์ •์„ ๊ฒƒ์„ ๋ฐฐ์› ๋‹ค. ๊ทธ๊ฒƒ๊ณผ

๋™์‹œ์— ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์ œ์•ฝ ์†์—์„œ ์ƒˆ๋กœ์šด ๊ฒฝํ—˜์„

์ œ๊ณตํ•ด์ฃผ๋Š” ์ฐฝ์˜์  ์ธํ„ฐ๋ž™์…˜ ๋””์ž์ธ์„

๊ตฌ์ƒํ•˜๋Š” ๊ณผ์ •์ด ๋„์ „์ด ๋˜์—ˆ๋‹ค. ํ”„๋กœ์„ธ์Šค๋ฅผ

ํ†ตํ•ด ๋„์ถœ๋œ 3๊ฐ€์ง€ ๋””๋ ‰์…˜์„ ํ†ตํ•ด

๊ณต๊ธฐ์ฒญ์ •๊ธฐ์ธํ„ฐ๋ž™์…˜์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

4ํ•™๋…„ ์กธ์—…์—ฐ๊ตฌ๊ณผ์ œ๋กœ LG ํ˜์‹ ๋””์ž์ธ

์—ฐ๊ตฌ์†Œ์™€ ์‚ฐํ•™ํ”„๋กœ์ ํŠธ๋ฅผ ์‹ค์‹œํ•˜์˜€๋‹ค. ์Šค๋งˆํŠธ

TV์— ํŠนํ™”๋œ Interaction Device ๋ฅผ ์ œ์•ˆํ•˜๋Š”

๊ณผ์ œ๋กœ, UX ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋ฅผ ๋‹จ๊ณ„๋ณ„๋กœ

์ ์šฉํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜์˜€๋‹ค. ๋‹ค์–‘ํ•œ

๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ์Šค๋งˆํŠธ TV๋ฅผ ์กฐ์ž‘ํ•˜๊ธฐ

์œ„ํ•ด์„œ๋Š” ๊ธฐ์กด TV ๋ฆฌ๋ชจ์ปจ๊ณผ๋Š” ๋‹ค๋ฅด๊ฒŒ ์Šค๋งˆํŠธ

TV์— ํŠนํ™”๋œ ๋ฆฌ๋ชจ์ปจ์ด ํ•„์š”ํ•˜๋‹ค. ๋ฆฌ์„œ์น˜๋ฅผ

ํ†ตํ•˜์—ฌ ๊ธฐ์กด ์Šค๋งˆํŠธ TV ๋ฆฌ๋ชจ์ปจ ์‚ฌ์šฉ์˜

๋ฌธ์ œ์ ์„ ๋ฐœ๊ฒฌํ•˜๊ณ  ์‚ฌ์šฉ์ž ๋‹ˆ์ฆˆ๋ฅผ ๋ฐ˜์˜ํ•œ 7

๊ฐ€์ง€๋””์ž์ธ ๋””๋ ‰์…˜์„ ์ œ์•ˆํ•˜์˜€๋‹ค.ํ˜„์žฌ ์ œ์•ˆํ•œ

๋””๋ ‰์…˜์„ ๋ฐ”ํƒ•ํ•œ Solution์„ Ideationํ•˜๋Š”

์ž‘์—…์ค‘์— ์žˆ์œผ๋ฉฐ 10์›” 24์ผ ๋ถ€ํ„ฐ ๋™๋Œ€๋ฌธ์—ญ

์„œ์šธ๋””์ž์ธ์žฌ๋‹จ์—์„œ ์ „์‹œ๋  ์˜ˆ์ •์ด๋‹ค.

HANDONG GLOBAL UNIVERSITY

Pre-resarch๋ฅผ ๋ฐ”ํƒ•์œผ๋กœResearch๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ธฐ์œ„ํ•œ ๊ด€์ ์„ ์ˆ˜๋ฆฝํ•œ๋‹ค.

ResearchFrameworkPre-research๋ฅผ ํ†ตํ•ด

๊ณต๊ธฐ์ฒญ์ •๊ธฐ์˜ ์‚ฌ์šฉ ๋ชฉ์ ์„ ํŒŒ์•…ํ•˜๊ณ Heuristic์„ ํ†ตํ•ด ์ฃผ๋ชฉํ•ด์•ผ ํ• Issue๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

Melt-In

ํƒˆ์ทจ์œ ํ•ด๋ฌผ์งˆ ์ œ๊ฑฐ(์ƒˆ์ง‘์ฆํ›„๊ตฐ)๋ฏธ์„ธ๋ฌผ์งˆ ์ œ๊ฑฐ(ํ”ผ๋กœํšŒ๋ณต, ์ˆ™๋ฉด, ํ”ผ๋ถ€๊ด€๋ฆฌ)์„ธ๊ท , ๋ฐ”์ด๋Ÿฌ์Šค ์ œ๊ฑฐ(๊ฐ๊ธฐ์˜ˆ๋ฐฉ)

์‚ฌ์šฉ ๋ชฉ์ 

Mind Map

Heuristic๊ฐ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๊ตฌ๋ถ„ํŠน์ˆ˜ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ •๋ณด ๋ถ€์กฑ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•œ ์ž์„ธ๋ฒ„ํŠผ์˜ ํฌ๊ธฐ, ๊ทธ๋ฃนํ•‘, ๋ ˆ์ด๋ธ”๋™์ž‘์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ์ œ๊ณต๋˜๋Š” ์ •๋ณด์˜ ์ •๋ฐ€๋„

PrimaryFact

TaskSelection

TesteeSelection

SequenceModel

BenchmarkingInsight

User TestFramework์„ ๊ธฐ์ค€์œผ๋กœTask๋ฅผ ์„ ์ •ํ•˜๊ณ  Testee์—๊ฒŒUT๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค.

Research๋ฅผ ํ†ตํ•ด ๋ฐœ๊ฒฌํ•œInsight๋ฅผ ๊ทธ๋ฃนํ™” ํ•˜์—ฌDirection์„ ๋„์ถœํ•œ๋‹ค.

Direction

์•ž์„œ ์ˆ˜๋ฆฝํ•œ ๊ด€์ ์„ ํ† ๋Œ€๋กœBenchmarking Framework์„ ์ˆ˜๋ฆฝํ•˜๊ณ Benchmarking์„ ์ˆ˜ํ–‰ํ•˜์—ฌ Insight๋ฅผ ๋„์ถœํ•œ๋‹ค.

Benchmarking

TargetResearch์‚ฌ์šฉ๋ชฉ์ ์„ ๊ณ ๋ คํ•œ ์‚ฌ์šฉ์ž์˜๋Œ€ํ‘œ ์œ ํ˜•์„ ์„ ์ •ํ•˜๊ณ  ๊ทธ์— ๋งž๋Š”Testee๋ฅผ ์ •ํ•œ๋‹ค.

๋ฉ”๋‰ด ๊ตฌ์กฐ์˜ ์ง๊ด€์  ์ดํ•ด๊ธฐ๋Šฅ์˜ ์„ฑ๊ฒฉ์— ๋”ฐ๋ฅธ Grouping

๊ธฐ๋Šฅ์˜ ์ค‘์š”๋„์— ๋”ฐ๋ฅธ ์‹œ๊ฐ์  ์ฐจ๋ณ„ํ™”

์กฐ์ž‘์‹œ ๋ฐœ์ƒํ•˜๋Š” ๋ฌผ๋ฆฌ์  ๋ฌธ์ œ์  ์ตœ์†Œํ™”๋น„์Šทํ•œ ์š”์†Œ๋“ค๋กœ ์ธํ•˜์—ฌ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜ ๋ฐฉ์ง€

์‚ฌ์šฉ์ž์˜ ํ™˜๊ฒฝ, ์ž์„ธ ๊ณ ๋ ค

์ œ๊ณตํ•˜๋Š” ์ •๋ณด์˜ ํšจ์œจ์„ฑ๊ณผ ์ •ํ™•์„ฑ Feedback์˜ ํšจ์œจ์ ์ธ ์‹œ๊ฐํ™”

๊ธฐ๋Šฅ์— ๊ด€ํ•œ ์ •๋ณด ์ „๋‹ฌ

BestPractice

CompetitiveAnalysis

UT Insight(Problem, Why,

Needs)

Test room setting

Performing Test

์ฐธ๊ฐ€์ž1:์กฐ์ž‘ ์ƒํ™ฉ์„ ์ƒ๋‹จ์œ„์น˜์—์„œ ์ดฌ์˜ํ•œ๋‹ค.

์ฐธ๊ฐ€์ž2:์‹คํ—˜์ž์—๊ฒŒ

Task๋ฅผ ์ฃผ์–ด์กฐ์ž‘ํ•˜๊ฒŒ ํ•œ๋‹ค.

์‹คํ—˜์ž:์‹ค์ œ ์‚ฌ์šฉ์ƒํ™ฉ์„ ์ œ๊ณตํ•ด์‹คํ—˜์— ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค.

์ฐธ๊ฐ€์ž4:UT ํ™˜๊ฒฝ์„ ์œ ์ง€์‹œํ‚จ๋‹ค.

์ฐธ๊ฐ€์ž3:์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ˜„์žฅ์—์„œ๊ธฐ๋กํ•œ๋‹ค.

1 ๊ฐ์„ฑ์ ์ธ Interaction2 ์ •๋ณด์˜ ์œ ํ˜•๊ณผ ์ •๋ฐ€์„ฑ (Naming, Pictogram)3 GUI & Information Architecture4 PUI

Benchmarking Framework

์ „์›๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ๋‹ค์ด์–ผ์ด ๋Œ์ถœ๋˜์–ด ๋‹ค์ด์–ผ์„ ๋Œ๋ฆฌ๊ฒŒ ์œ ๋„ํ•œ๋‹ค.

์ „์›๋ฒ„ํŠผ์œผ๋กœ ์ฒญ์ •์„ธ๊ธฐ์™€ ์ฒญ์ •๋ชจ๋“œ ์กฐ์ ˆ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

ํ˜„์žฌ ์ƒํƒœ๋ฅผ ์ฒญ์ •๊ธฐ ์ „๋ฉด์—์„œ ํ™•์ธ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜์—ฌ

ํšจ๊ณผ์ ์ธ Feedback์˜ ์‹œ๊ฐํ™”๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜์˜€๋‹ค.

Solution

SolutionWork Model

Data ConsolidationResearch

On/Off-line ๋‹ค์ด์–ด๋ฆฌ ๊ฐ๊ฐ์˜๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ์„ ๋ถ€๊ฐ์‹œํ‚จ๋‹ค์ด์–ด๋ฆฌ Application์„ ์ œ์•ˆํ•œ๋‹ค.

Goal์˜คํ”„๋ผ์ธ์œผ๋กœ๋Š” ํ•  ์ˆ˜ ์—†๋Š” ์ƒˆ๋กญ๊ณ  ํšจ์œจ์ ์ธ๋ฐฉ์‹์œผ๋กœ ์ผ์ •๊ด€๋ฆฌ๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•œ๋‹ค. Work Model

ArtifactModel

โ—S dirary Application ์‹คํ–‰ ํ™”๋ฉด โ—Off-line ๊ฐ์„ฑ์„ ์ ์šฉํ•œ ์„ฑ์ทจ๋„, ์ค‘์š”๋„, ์žฅ๊ธฐ์ผ์ • ์ž…๋ ฅ

UX Design

2010.11.01 - 2010.12.20Hajeogn Yun * Goh, Song

New Diary ApplicationProject03

์ƒˆ๋กœ์šด ๋‹ค์ด์–ด๋ฆฌ Application ์ œ์•ˆ

์ด ํ”„๋กœ์ ํŠธ๋Š” ๋ช‡ ๋…„ ๊ฐ„ ์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ๋Ÿ‰์ด

์ฆ๊ฐ€ํ•จ์œผ๋กœ ์ธํ•˜์—ฌ ๊ธฐ์กด์— off-line

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋˜ ์‚ฌ์šฉ์ž๋“ค์ด

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ ์–ดํ”Œ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์œผ๋กœ

๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ ์ „ํ™˜ํ•œ๋‹ค๋Š” ๊ฒƒ์ด

๋ฐฐ๊ฒฝ์ด ๋˜์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋งŽ์€ ์‚ฌ์šฉ์ž๋“ค์€

์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๋ถˆํŽธํ•œ ์ ์„ ํ˜ธ์†Œํ•˜๊ณ 

์žˆ์—ˆ๊ณ  ๊ธฐ์กด off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ์„

์„ ํ˜ธํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค๋„ ๋ฐœ๊ฒฌํ•˜์˜€๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๊ธฐ์กด off-line

๋‹ค์ด์–ด๋ฆฌ์™€ ์Šค๋งˆํŠธํฐ ๋‹ค์ด์–ด๋ฆฌ์˜ ๊ฐ๊ฐ ์žฅ,

๋‹จ์ ์„ ํŒŒ์•…ํ•˜๊ณ  ๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ณ  ์žฅ์ ๋งŒ์„

๋ถ€๊ฐ์‹œํ‚ค๋Š” ๋‹ค์ด์–ด๋ฆฌ ์•ฑ์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

์Šค๋งˆํŠธํฐ์ด๋ผ๋Š” ํ•œ์ •๋œ ํ”Œ๋ ›ํผ์—์„œ ๋””์ž์ธ

ํ•ด์•ผํ•˜๋Š” ์ œ์•ฝ์ด ๋”ฐ๋ž์ง€๋งŒ ์Šค๋งˆํŠธํฐ

๋‹ค์ด์–ด๋ฆฌ๋ฅผ ํ†ตํ•˜์—ฌ off-line ๋‹ค์ด์–ด๋ฆฌ์—์„œ

์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ์„ฑ์  ๋งŒ์กฑ ์ถฉ์กฑ์„ ์ฐธ์‹ ํ•œ

์•„์ด๋””์–ด๋กœ ํ•ด๊ฒฐ์„ ์‹œ๋„ํ•˜์˜€๋‹ค๋Š” ๊ฒƒ์— ๋†’์€

ํ‰๊ฐ€๋ฅผ ๋ฐ›์•˜๋‹ค.

Pre-research Research Framework Design Direction

์‚ฌ์šฉ์ž Interview๋ฅผ ํ†ตํ•˜์—ฌ ๊ธฐ๋ก์˜ ์ข…๋ฅ˜์™€๊ธฐ์กด On/Off-line ๋‹ค์ด์–ด๋ฆฌ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ๊ด€์ฐฐํ•˜๊ณ  ๋ถ„๋ฅ˜ํ•˜์—ฌ Issue๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

Issue์— ๋”ฐ๋ผ์„œ Goal์„ ๊ตฌ์ฒดํ™”ํ•˜๊ณ ๊ฐ Goal์— ์ ํ•ฉํ•œ Research๋ฅผํ•  ๋•Œ ๊ณ ๋ คํ•ด์•ผํ•  ์š”์†Œ๋“ค์„ ์„ค์ •ํ•œ๋‹ค.

Testee์™€ Research ๋ฐฉ๋ฒ•์„ ์„ ์ •ํ•˜๊ณ Framework๊ณผ ๊ด€๋ จํ•˜์—ฌ Task์™€ Interview์งˆ๋ฌธ์„ ์ž‘์„ฑํ•˜์—ฌ Resarch๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ ๋ฌธ์ œ์ ๊ณผ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

Research์—์„œ ๋ฐœ๊ฒฌ๋œ Primary fact๋ฅผWork Model์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•˜๊ณ ๋ถ„๋ฅ˜ํ•˜์—ฌ Insight๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค.

SmartMobile

Privacy Costomize Proper GUI

Emotional Potable

์˜จ๋ผ์ธ/์˜คํ”„๋ผ์ธ์˜๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์—ฐ๋™

์˜คํ”„๋ผ์ธ๋‹ค์ด์–ด๋ฆฌ์˜์‚ฌ์šฉ ๋ชจ๋ธ์„ Mobile์ƒ์—์„œ ๊ตฌํ˜„

Smart Mobile์„ ์ด์šฉํ•œ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์ผ์ • ๊ด€๋ฆฌ

StructureModel

ArtifactModel

๋ฐ˜๋ณต๋˜๋Š” ์ปจํ…์ธ 

๋ฐ˜๋ณต๋˜๋Š” ๊ธฐ๋ก ํ–‰์œ„

์˜๋„ํ•˜์ง€ ์•Š์€ ํ–‰์œ„์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ์Šค์ผ€์ค„

๊ธฐ๋กํ•˜์ง€ ์•Š๊ณ  ํ˜๋ ค๋ณด๋ƒˆ๋˜ ์ •๋ณด

์Šค๋งˆํŠธํฐ ์—ฐ๋™ํ•˜์—ฌ ๊ด€๋ฆฌํ•˜๋Š” ์ผ์ •

Framework

โ—๋น ๋ฅธ ์ผ์ • ์ž…๋ ฅ/ํ™•์ธ โ—์ง๊ด€์ ์ธ ์ผ์ • ์ˆ˜์ • โ—ํšจ์œจ์  ๋ฐ˜๋ณต๋˜๋Š” ์ผ์ • ์ž…๋ ฅ โ—์ผ์ • ์ƒ์„ธ์„ค์ •, ๋‚ ์”จ์ •๋ณด์ œ๊ณต โ—๋‹ค๋ฅธ ์•ฑ, ์นด๋ฉ”๋ผ์™€ ์—ฐ๋™ํ•˜์—ฌ ์ผ์ • ์ž…๋ ฅ๊ธฐ๋Šฅ์˜ ๊ตฌ์กฐ์™€ ๊ฐ ๊ตฌ์กฐ์˜ ํšจ์šฉ์„ฑ์„ํŒŒ์•…ํ•œ ํ›„ ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•˜๋Š”์ƒˆ๋กœ์šด ๊ตฌ์กฐ๋ฅผ ๊ตฌ์„ฑํ•œ๋‹ค.

์‚ฌ์šฉ์ž Workaround์—์„œ์‚ฌ์šฉ์ž์˜ ์ˆจ๊ฒจ์ง„ needs๋ฅผ์ฐพ์•„ ์˜จ๋ผ์ธ ๋‹ค์ด์–ด๋ฆฌ์— ์ ์šฉํ•œ๋‹ค.

Overall Goal

PrimaryFact

UserObservation

TaskAnalysis

Interview

Benchmarking

StructureModel

Insight

FlowModel

StructureModel

ArtifactModel

SquenceModel

Framework์— ๋”ฐ๋ฅธ ์ ์ ˆํ•œResearch Methodology๋ฅผ

์„ ์ •ํ•œ ํ›„ Research๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  Fact Data๋ฅผ

Framework ๊ธฐ์ค€์œผ๋กœ ๋ถ„๋ฅ˜ํ•œ๋‹ค.

์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ธ์‹ ๊ฐ€๋Šฅํ•œ ๊ฐ€์ด๋“œ๋ผ์ธ ์ œ๊ณต

ํ•œ๊ตญํ™”๋œ ๋„ค์ด๋ฐ ์ œ๊ณต

์ƒˆ๋กœ์šด Contents ๋ถ„๋ฅ˜ ๊ธฐ์ค€ ์ œ์‹œ

๊ฐœ์ธ์ •๋ณด์„ค์ • ๋ฐ ๋ณด์•ˆ ์„ค์ •์— ๊ด€ํ•œ ์ ์ ˆํ•œ Task ์ œ๊ณต

์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ต์ˆ™ํ•˜๊ณ ์— ์ง๊ด€์ ์ธ ๊ฐ€์ด๋“œ๋ผ์ธ๊ณผ ํ”ผ๋“œ๋ฐฑ ์ œ๊ณต

FGI

CardSorting

TaskAnalysis

Data๋ฅผ ์ข…ํ•ฉํ•œ ํ›„ Work Model์„ ํ†ตํ•˜์—ฌ

Fact Data๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ Needs๋ฅผ

ํŒŒ์•…ํ•˜๊ณ  Insignts๋ฅผ ์ถ”์ถœํ•œ๋‹ค.

์ถ”์ถœ๋œ Insingts๋ฅผ ํ†ตํ•˜์—ฌ

Design Direction์„ ์ œ์•ˆํ•œ๋‹ค.

Contents์˜ ์„ฑ๊ฒฉ์— ์ ํ•ฉํ•œ Naming๊ณผ Grouping

์„ค์ • ๊ฐ€๋Šฅํ•œ Task๋ฅผ ํ†ตํ•ฉํ•˜์—ฌ ํšจ์œจ์ ์ธ ๊ด€๋ฆฌ ๋ฐฉ๋ฒ• ์ œ๊ณต

Data Consolidation4 Design Derection5Research3

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

16UX Design

Page 18: Hajeong Yun's UX design Portfolio

01

Sym

path

y

Page 19: Hajeong Yun's UX design Portfolio

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

18

Page 20: Hajeong Yun's UX design Portfolio

19

Sym

path

y

ํ™€๋กœ ์—ฌํ–‰ํ•˜๋Š” ํŠธ๋ ˆ์ปค๋ฅผ ์œ„ํ•œ ์—ฌํ–‰์šฉ ์„ธ๋ฉด๋„๊ตฌ ๋””์ž์ธ

Logic

Tree

Target Selection

Research

Keywords

Ideation

Customizing

Mesh Sorting

Separating

Security

Rendering

Product Design

2010.09.06 - 2010.10.10

Hajeogn Yun * KimX2, HwangTravel Kit Designfor Trekker01 ์ด ํ”„๋กœ์ ํŠธ๋Š” Class Assignment์˜ ์ผํ™˜์œผ๋กœ ์—ฌํ–‰์šฉ ์„ธ๋ฉด๋„๊ตฌ ๋””์ž์ธ ์ œ์•ˆ์„ ์ง„ํ–‰ํ•˜์˜€๋‹ค. ๊ตฌ์ฒด์ ์ธ ํƒ€๊ฒŸ์„ ์„ค์ •ํ•˜๊ณ 

๊ธฐ์กด ์ œํ’ˆ๊ณผ ํŠธ๋ Œ๋“œ ๋ฆฌ์„œ์น˜๋ฅผ ์ˆ˜ํ–‰ํ•˜์—ฌ ๊ทธ๊ฒƒ์„ ๋ฐ”ํƒ•์œผ๋กœ ๋กœ์งํŠธ๋ฆฌ๋ฅผ ๊ตฌ์„ฑํ•˜์—ฌ Ideation์„ ์ง„ํ–‰ํ•˜์˜€๋‹ค. ํ™€๋กœ ํŠธ๋ ˆํ‚น์„

ํ•˜๋Š” ์ƒํ™ฉ์„ ๊ณ ๋ คํ•˜์—ฌ ์ œํ’ˆ Solution์„ ์ œ์•ˆํ•˜์˜€๋‹ค.

_๊ฐ€๋ฐฉ๊ณผ ์ผ์ฒดํ˜•์ธ ์„ธ๋ฉด๋„๊ตฌ

_ํƒˆ๋ถ€์ฐฉ์ด ์šฉ์ดํ•˜๊ฒŒ ํ•˜์—ฌ ํœด๋Œ€์„ฑ์„ ๋†’์ž„

_๋ฉ”์‹œ ์†Œ์žฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌผ์— ์ –์—ˆ๋”๋ผ๋„

๋‹จ์‹œ๊ฐ„์— ๊ฑด์กฐ ๊ฐ€๋Šฅํ•จ

_๋ฌผ์— ์ –์—ˆ์„ ๋•Œ ๊ฐ€๋ฐฉ ๋ˆ์— ๊ฑธ์–ด์„œ ๊ฑด์กฐ

_์šฉ๊ธฐ์˜ ๋šœ๊ป‘์„ ๋ณธ์ฒด์™€ ์ผ์ฒดํ™”ํ•˜์—ฌ

์žƒ์–ด๋ฒ„๋ฆฌ์ง€ ์•Š๊ฒŒ ํ•จ

_์‚ฌ์šฉ์ž๊ฐ€ ์›ํ•˜๋Š” ๋ฌผํ’ˆ์„ ๊ฐœ์ธํ™”ํ•˜์—ฌ ๊ตฌ์„ฑ

Page 21: Hajeong Yun's UX design Portfolio

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

20Product & Graphic Design

Idea SketchSubject Selection

Place Selection

Research

Concept Keyword

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

ํ•œ๊ฐ• ๋ฐ˜ํฌ๋Œ€๊ต

์‹ ์‚ฌ๋™ ๊ฐ€๋กœ์ˆ˜๊ธธ

์ฒญ๊ณ„์ฒœ ํ•œ๋น›๊ฑฐ๋ฆฌ

๋•์ˆ˜๊ถ ๋Œ๋‹ด๊ธธ

์‹œ์ฒญ ์ฃผ๋ณ€ ๊ฑฐ๋ฆฌ

Rendering

์„œ์šธ ๊ณต๊ณต๋””์ž์ธ ๋ฌธ์ œ์  ๋ถ„์„ ๋ฐ ๋Œ€์•ˆ ์ œ์•ˆ

Product Design

2010.06.20 - 2010.06.25

Hajeogn Yun * Handong, Sadi2010 Townwatchingin Seoul02

์ด ํ”„๋กœ์ ํŠธ๋Š” Sadi ํ•™์ƒ๋“ค๊ณผ ํ•œ๋™๋Œ€ํ•™๊ต ํ•™์ƒ์ด ํ˜‘๋ ฅํ•˜์—ฌ ์„œ์šธ์˜ ๊ณต๊ณต๋””์ž์ธ์˜ ๋ฌธ์ œ์ ์„ ํŒŒ์•…ํ•˜๊ณ ๊ทธ ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•ด ์ค„ ๋ฐฉํ–ฅ์„ ๋ชจ์ƒ‰ํ•˜๊ณ  Solution์„ ์ œ์•ˆํ•˜๋Š” ํ”„๋กœ์ ํŠธ์˜€๋‹ค. 5์ผ ๋™์•ˆ์˜ ์งง์€ ๊ธฐ๊ฐ„๋™์•ˆ ๊ณผ์ œ๋ฅผ ์ˆ˜ํ–‰ํ•ด์•ผ ํ•œ๋‹ค๋Š” ํ•œ๊ณ„๊ฐ€ ์žˆ์—ˆ์ง€๋งŒ ํŒ€์„ ํšจ์œจ์ ์œผ๋กœ ์ž˜ ์šด์˜ํ•˜์˜€๊ณ  ๋‹ค๋ฅธ ํ•™๊ต ํ•™์ƒ๋“ค๊ณผ์˜ํ˜‘๋ ฅ์„ ํ†ตํ•˜์—ฌ ์†Œํ†ต์˜ ๋ฐฉ๋ฒ•์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ๋˜ ํ”„๋กœ์ ํŠธ์˜€๋‹ค.

HANDONG GLOBAL UNIVERSITY

Interactive Fun HarmoniousEmotionalNature-Friendly

Expected Effect

์•ผ๊ฐ„ ๊ฒฝ๊ด€์˜ ํšจ์œจ์  ๊ด€๋ฆฌ

๊ณ ์œ ๊ฐ€ ์‹œ๋Œ€, ์นœํ™˜๊ฒฝ ์กฐ๋ช… ๊ฐœ๋… ์ ˆ์‹ค

๊ด€๊ด‘ ์ƒํ’ˆ, ์ง€์—ญ๊ฒฝ์ œ ํ™œ์„ฑํ™”

์กฐ๋ช…๋“ฑ์˜ ๋น›์„ ๋‚˜๋ญ‡์žŽ๊ทธ๋ฆผ์ž

ํ˜•์ƒ์œผ๋กœ ๋น„์ถ”๊ฒŒ ํ•˜์—ฌ ํ’์„ฑํ•œ

์ˆฒ๊ธธ์˜ ๋Š๋‚Œ์„ ๋ถ€๊ณผํ•œ๋‹ค.

ํŠน์ •ํ•œ ์œ„์น˜๋ฅผ ๋ฐŸ์„ ๋•Œ, ๋‚˜๋ญ‡์žŽ์ด

์Šค์น˜๋Š” ์†Œ๋ฆฌ์™€ ํ•จ๊ป˜ ๋ฐ”๋‹ฅ์— ๋ฏธ์„ธํ•œ

์ง„๋™์„ ์ผ์œผํ‚ค๊ฒŒ ํ•˜๋ฉฐ ๋žจํ”„ ๋˜ํ•œ

๋‚˜๋ญ‡์žŽ์ด ํ”๋“ค๋ฆฌ๋Š” ๊ฒƒ๊ณผ ๊ฐ™์ด ์ง„๋™์„

์ผ์œผํ‚จ๋‹ค.

Page 22: Hajeong Yun's UX design Portfolio

21

Sym

path

y

2010.05.28 - 2010.06.18

Hajeogn Yun * Goh, Song, Seo, Kim

์‹œ๊ฐ์ ์ธ ๊ทธ๋ž˜ํ”ฝ ์ž‘์—…๊ณผ ๋™์‹œ์— Context๋ฅผ ๊ณ ๋ คํ•œ ์ œํ’ˆ์  ์ดํ•ด๊ฐ€ ์ ‘๋ชฉ๋˜์–ด์•ผ ํ•˜๋Š” ํ”„๋กœ์ ํŠธ์˜€๋‹ค. ๋ฆฌ์„œ์น˜ ๊ณผ์ •์—์„œ ์žฅ๋‚œ๊ฐ Package๋ฅผ๋””์ž์ธ ํ•  ๋•Œ ์–ด๋–ค์ ์„ ๊ณ ๋ คํ•ด์•ผ ํ•˜๋Š” ๊ฐ€์— ๋Œ€ํ•œ ๊ด€์ ์„ ์ˆ˜๋ฆฝํ•˜๊ณ  ์‚ฌ์šฉ์ž๋“ค์ด ์›ํ•˜๋Š” ๋‹ˆ์ฆˆ์™€ ์ œํ’ˆ ๋งˆ์ผ€ํŒ… ์ „๋žต์„ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. Ideation ๊ณผ์ •์—์„œ Six Thinking Hat์ด๋ผ๋Š” ๋ฐฉ๋ฒ•๋ก ์„ ์ ์šฉํ•˜์—ฌ ์•„์ด๋””์–ด ๋ฐœ์ƒ์„ ํ•˜์˜€๋‹ค. ํŒจํ‚ค์ง€ ์ž์ฒด๋ฅผ ๋†€์ด์˜ ๊ณต๊ฐ„์œผ๋กœ ํ™œ์šฉํ•˜์˜€๊ณ ์•„์ด๋“ค์—๊ฒŒ ํ•™์Šตํšจ๊ณผ๋ฅผ ์ค„ ์ˆ˜ ์žˆ๋Š” ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ Design Thinking ์ˆ˜์—…์˜ 1๋“ฑ ํ”„๋กœ์ ํŠธ๋กœ ์„ ์ •๋˜์—ˆ๋‹ค.

์žฅ๋‚œ๊ฐ ์„ธํƒ๊ธฐ ํŒจํ‚ค์ง€ ๋ฆฌ๋””์ž์ธ

Graphic Design

Toy PackageRedesign03

Problem_Test์šฉ ๊ตฌ๋ฉ์„ ๋ฐ˜๋ณตํ•ด์„œ ๋งŒ์ง์œผ๋กœ์จ ๋‹ณ๊ณ  ์ฐข์–ด์ง€๊ธฐ ์‰ฝ๋‹ค.

_ํŒจํ‚ค์ง€์˜ ์ž…๊ตฌ๊ฐ€ ์ƒ๋‹จ์— ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์žฅ๋‚œ๊ฐ์„ ๊บผ๋‚ด๊ธฐ๊ฐ€ ๋ถˆํŽธํ•˜๋‹ค.

_ํŒจํ‚ค์ง€๋ฅผ ์ง€์†์ ์œผ๋กœ ํ™œ์šฉํ•˜์ง€ ์•Š๊ณ  ๋ฒ„๋ฆฌ๊ฑฐ๋‚˜ ๋ณด๊ด€์šฉ์œผ๋กœ๋งŒ ์‚ฌ์šฉํ•œ๋‹ค.

Context24,900์›์— ํŒ”๋ฆฌ๋˜ ํ•ด์™ธ์ง์ˆ˜์ž… ๋“œ๋Ÿผ์„ธํƒ๊ธฐ ์žฅ๋‚œ๊ฐ์„

ํŒจํ‚ค์ง€ Renewal์„ ํ†ตํ•˜์—ฌ 34,900์›์— ํŒ”๊ณ ์ž ํ•จ

Consideration_ํŒŒ์†์˜ ๊ฐ€๋Šฅ์„ฑ์ด ์ ์€๊ฐ€?

_์žฅ๋‚œ๊ฐ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ์ถฉ๋ถ„ํžˆ ์ œ๊ณตํ•˜๋Š”๊ฐ€?

_์žฅ๋‚œ๊ฐ์„ ๊บผ๋‚ด๊ธฐ ์‰ฌ์šด๊ฐ€?

_์ง€์†์ ์œผ๋กœ ํ™œ์šฉ์ด ๊ฐ€๋Šฅํ•œ๊ฐ€?

_์–ด๋ฆฐ์•„์ด๊ฐ€ ์‚ฌ์šฉํ•˜๊ธฐ์— ์•ˆ์ „ํ•œ๊ฐ€?

Package Moke-up

์„ธํƒ๊ธฐ ์žฅ๋‚œ๊ฐ ์ „์ฒด๊ฐ€ ๋ณด์ผ ์ˆ˜ ์žˆ๋Š” ํˆฌ๋ช…ํ•œ ์•ž๋ฉด

์ข…์ด ํ…Œ๋‘๋ฆฌ๋กœ ๋งˆ๊ฐํ•˜์—ฌ ์ ์€ ํ›ผ์†์œผ๋กœ Test๊ฐ€ ๊ฐ€๋Šฅํ•œ ๊ตฌ๋ฉ

ํŒจํ‚ค์ง€๋ฅผ ์ง€์†์ ์œผ๋กœ ๋†€์ด์˜ ์ผ๋ถ€๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํ˜•ํƒœ๋กœ ์ œ์ž‘

์„ธํƒ๊ธฐ๋ฅผ ์‰ฝ๊ฒŒ ๊บผ๋‚ผ ์ˆ˜ ์žˆ๋Š” ๊ตฌ์กฐ์™€ ์†์žก์ด

์˜ท, ์ธํ˜•, ๋™ํ™”์ฑ… ๋“ฑ์˜ ์ถ”๊ฐ€ ๋ฌผํ’ˆ ๊ตฌ์„ฑ

Page 23: Hajeong Yun's UX design Portfolio

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

22Product & Graphic Design

2010.11.01 - 2010.12.18

Hajeogn Yun

ํ˜„์žฌ Crewn Bakery์˜ CI์—์„œ๋Š” ํšŒ์‚ฌ ์ปจ์…‰๊ณผ ํŠน์ง•์„ ๋“œ๋Ÿฌ๋‚ด์ง€ ์•Š๋Š”๋‹ค๋Š” ๋ฌธ์ œ์ ์„ ๋ฐœ๊ฒฌํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๊ทธ ๋ฌธ์ œ์ ์˜ ํ•ด๊ฒฐ์•ˆ์œผ๋กœCrown Bakery๋งŒ์˜ ๋ธŒ๋žœ๋“œ ์ปจ์…‰์„ ์„ค๋ฆฝํ•˜๊ณ  Bakery๋ผ๋Š” ํŠน์ง•์ด ๋“œ๋Ÿฌ๋‚  ์ˆ˜ ์žˆ๋„๋ก CI๋ฅผ ๋ฆฌ๋””์ž์ธ ํ•˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜์˜€์Šต๋‹ˆ๋‹ค.๋˜ํ•œ CI์˜ ์ด๋ฏธ์ง€๋ฅผ ๋ชจ๋“ˆํ™”ํ•˜์—ฌ Application์— ์ ์šฉํ•˜์—ฌ ์ง€์†์ ์œผ๋กœ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

์žฅ๋‚œ๊ฐ ์„ธํƒ๊ธฐ ํŒจํ‚ค์ง€ ๋ฆฌ๋””์ž์ธ

Graphic Design

Crown BakeryCI Redesign04

Application

์šธ์‚ฐ๊ด‘์—ญ์‹œ ๋‚จ๊ตฌ ์‚ผ์‚ฐ๋™ 123-45

๊ท€ํ•˜

6 8 0 0 2 0

[email protected]

T

์šธ์‚ฐ๊ด‘์—ญ์‹œ ๋‚จ๊ตฌ ์‚ผ์‚ฐ๋™ 123-45

Patissier์œคํ•˜์ •

ME

010-2560-2096

052-267-2096

[email protected]

CROWN BAKERY

Original CI

Process

๊ธฐ์กด CI ๋ฌธ์ œ์  ํŒŒ์•…

์ƒˆ๋กœ์šด ๋ธŒ๋žœ๋“œ ์ปจ์…‰ ์„ค๋ฆฝ

CI ์‹œ๊ฐํ™”

Application ์ ์šฉ

CI Concept

Dark Brown

CMYC 39 86 84 62

Light Brown

CMYK 0 26 45 18

CROWN BAKERY์˜ B.I๋Š”

๋ธŒ๋ผ์šด ์ปฌ๋Ÿฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ

๊ฐ“ ๊ตฌ์šด ๋นต์„ ๋– ์˜ฌ๋ฆฌ๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค.

CROWN BAKERY์— ์˜ค์‹œ๋ฉด

๊ฐ“ ๊ตฌ์šด ๋นต ๋ƒ„์ƒˆ๋ฅผ

์–ธ์ œ๋‚˜ ์ ‘ํ•  ์ˆ˜ ์žˆ๊ณ 

๋นต์œผ๋กœ ์‚ฌ๋ž‘์„ ์ „ํ•  ์ˆ˜ ์žˆ์Œ์„

์ƒ์ง•์ ์œผ๋กœ ๋‚˜ํƒ€๋‚ด์—ˆ์Šต๋‹ˆ๋‹ค.

Page 24: Hajeong Yun's UX design Portfolio

23

Sym

path

y

์ œํ’ˆ ๋””์ž์ธ, ๊ทธ๋ž˜ํ”ฝ ๋””์ž์ธ ์ž‘์—…๋ฌผ

ETC

Other Works05

์ „์ฃผ๋น„๋น”๋ฐฅ ์ถ•์ œ ํ™๋ณด ํฌ์Šคํ„ฐ์ „ํ™”๊ธฐ ๋””์ž์ธ Calligraphy

Page 25: Hajeong Yun's UX design Portfolio

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

24Product & Graphic Design

Daniel Gross&Joris Maltha

10th anniversary EXHIBITIONde Appel arts centre

Amsterdam

23-2612201012:00-24:00

0102

0304

0506

07

0809

10

auto

colli

der

LvBK

Prix

de

Rom

e

komo 2023

La Boule

City Visions Europe c.i.City Visions Europe exhibition

Pecha Kucha at FH Mainz

publication รฉtapes: magazine

Plaatsmaken wrapping paper

Plaatsmaken stickers

workshop Rennes

Structured Light 01

Architect Magazine 2010-01

Black Box

Scientific American 02

Americas Q

uarterly

Structured Light 02

Fortune Magazine 03

Structured Light 03

MJC

invitation

Hilversum

Plaatsmaken invitations 03

Plaatsmaken invitations 03

Design is Blank interview

Gelders Balkon

NPO

X magazine 2010

Plaatsmaken invitations 04

Systemantics poster

lampshade

DESIGN

EVENT

7x11 posters 01

7x11 posters 02statistics

7x11 advertisements 02

Made In Arnhem

2005

VINEC

007

7x11

pos

ters

03

7x11

invi

tatio

ns 0

3

publ

icatio

n I.D

.

buck

y we

avin

g

VIN

EC 0

09

com

pany

logo

bom

post

er

publ

icat

ion

IDEA

van

Berg

en K

olpa

Arc

hite

cten

c.i.

Liesb

eth

Doo

rnbo

sch trans

urba

n fo

nt

fello

ws

lectu

re a

t cas

a

zefir

7

van

Berg

en K

olpa

Arc

hite

cten

web

site

wat

erro

cket

01

wat

erro

cket

02

kata

logb

aum

by th

e nu

mbe

rs 0

1

Clo

se E

ncou

nter

s po

ster

02

publ

icat

ion

Form

trans

urba

n bo

ok

trans

urba

n (m

ap 4

-6)

trans

urba

n (in

dice

s 4-5

)

bure

au lo

fver

s

trans

urba

n (in

dice

s 1-

3)tra

nsur

ban

(map

10-

12) tra

nsur

ban

(map

1-3

)

trans

urba

n (m

ap 1

-3)

lect

ure

at F

H-M

ainz

VMX Architects

Museum Kurhaus K

leve

Monad

nock

logo

exhibition

Knoxcounty N

epotism

Desalination

by the numbers 02 Generation random

Sales Tax Rates

Metropolis pushpin

birth

anno

unce

ment 0

2

talks

how

03-0

9-07

NYT databox

PLANYC

System

antics w

ebsite

WIRED magazin

einfoporn

Plaatsmaken c.i.

Men's H

ealth

by th

e nu

mbe

rs 03

Seria

l Con

sign

inter

view

SPD poste

r

baske

tball t

alent

burea

u

NEXT architects

website

publi

catio

n ARE

A 2

book

Monadnock poster

Flocking Diplomats 01

GOOD Magazine 01

Seed Magazine

Helium Ballooning

GOOD Magazine 03

GOOD Magazine 04

GOOD Magazine 05

Plaatsmaken invitations 01

Architect Magazine 2008-01

On Going

Fortune Magazine 01

Plaatsmaken neon

Architect Magazine 2008-02

NEWWORK

Energy Market Europe

FGA swiss

NYT cities

Catalogtree

www.lofvers.nl

Fortune Magazine 02

Usain Bolt

Flocking Diplomats 02

Flocking Diplomats 04

Flocking Diplomats 03

Flocking Diplomats 05

Slag voor Arnhem

Flocking Diplomats 06

Kevin Garnett

Plaatsmaken poster

Plaatsmaken invitations 02

experimental print finishing

FD outlook 01

Architect Magazine 2009-01

Print Magazine illustration

City Visions Europe poster

FD outlook 02

de ateliers

Task Newsletter

workshop CCA

Cincinnati Magazine

NYT fatbirth announcement 03

Structured Light a,b

Architect Magazine 2009-02

Scientific American 01

van Bergen Kolpa Architecten invitation

cnc-mill

GOOD Magazine 02

De

Boom

pjes

spee

r bul

lets

Ted

Felen

typop

ath 1.

0

Made In Arnhem

2002

Verni

euwing

Kunst

theori

e

7X11 c.i.

Dag va

n de

Oud

eren

LvBK Rubber stamps

LvBK invita

tion cards

7x11 website

LvBK IAB Rotterdam

YDU corporate identity

filmpje 01

7x11 advertisements 01

filmpje 04

filmpje 03

filmpje 02

Fucking Good Art

7x11 invitations 01

LvBK test

nearest neighbour

7x11 invitations 01

Ingo Offermanns website

Stadsblokken

signage system

Close Encounters c.i.

Katharina Grosse website

Lofvers van Bergen Kolpa Architects

Leuker kunnen we t niet maken

nearest neighbour

redrum 02redrum

01Artoteek Den H

aag

post-it posterVIN

EC 002

7x11 invitations 02

VINEC

003

VINEC

004

cULTUUR 01

Monopolis Antwerpen catalogue

VINEC

005

VINEC

006

Close Encounters leader

Close Encounters poster 01

Monopolis Antwerpen poster

VINEC

008

cULTU

UR 02

situation room.mp3

forward 1.5.mp3

the wedding.mp3heavy.mp3

forward 0.5.mp3

copycopy.mp3

post-it

Buckyshirts

VINEC

001

stiltekaart

publication extra book

Made in Arnhem 2009

lecture at ft 23

Infographic Design Poster Book Design

Page 26: Hajeong Yun's UX design Portfolio

Design Portfolio

Sympathy

UX Designer

Hajeong Yun

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

25

Sym

path

y

Page 27: Hajeong Yun's UX design Portfolio

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

Sym

path

yHa

jeon

g Yu

n P

ortfo

lio

26

Page 28: Hajeong Yun's UX design Portfolio

Product design UX Design Graphic Desgin

Interaction Device for Smart TV01

New Interaction Style for Housen Air Purifier03

New Diary Application Project02

UI Renewal Design for Facebook04

UX Design

Travel Kit Design for Trekker01

2010 Townwatching in Seoul02

Toy Package Redesign03

Crown Bakedesign04

Other Works05

Product &Graphic Design

01

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

02

01

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

02

01

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

02

01

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

02

17

Sym

path

y

Sym

path

y

Haje

ong

Yun

Por

tfolio

18