ํ•™์Šต์ผ์ง€

UX ์ด๋ก  ๊ธฐ์ดˆ Part 1 : Chapter 1. UX๋””์ž์ธ์˜ ๊ธฐ๋ณธ๊ฐœ๋…

ueunn 2024. 9. 10. 23:33


1-1 UX๋””์ž์ธ์ด๋ž€

1) UX ๋””์ž์ธ์˜ ์ •์˜

User research
Interaction Design
Service Design

๋น„์ง€๋‹ˆ์Šค์—์„œ์˜ ux๋””์ž์ธ์˜ ๋ชฉํ‘œ๋Š” ์œ ์šฉ์„ฑ๊ณผ ๋™์‹œ์— ๋งŒ์กฑ์Šค๋Ÿฌ์šด ์‚ฌ์šฉ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜์—ฌ ๊ณ ๊ฐ์˜ ๋งŒ์กฑ๋„์™€ ์ถฉ์„ฑ๋„๋ฅผ ๋†’ํžˆ๋Š” ๊ฒƒ์ด๋‹ค

- By a study from the Oxford Journal Interacting With Computers

๋งŒ์•ฝ UX๊ฐ€ ์‚ฌ์šฉ์ž๊ฐ€ ์ œํ’ˆ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝํ—˜์ด๋ผ๋ฉด, UX๋””์ž์ธ์€ ๊ทธ ๊ฒฝํ—˜์ด ์–ด๋–ป๊ฒŒ ๋  ๊ฒƒ์ธ์ง€๋ฅผ ๋””์ž์ธ ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

- By Laura Klein / Lean start up

โ€˜์‚ฌ์šฉ์ž ๊ฒฝํ—˜โ€™์€ ์‚ฌ์šฉ์ž์™€ ํšŒ์‚ฌ, ์„œ๋น„์Šค, ์ œํ’ˆ๊ณผ์˜ ๋ชจ๋“  ์ƒํ˜ธ์ž‘์šฉ์„ ํฌํ•จํ•œ๋‹ค

- By Nielsen Norman Group

์‚ฌ์šฉ์ž๊ฐ€ ๊ฒฝํ—˜ํ•˜๋Š” ๋ชจ๋“  ๊ฒƒ์„ ์ƒ๊ฐํ•˜๊ณ  ๋””์ž์ธ ํ•˜๋Š” ๊ฒƒ

2) Why UX is important?

1. ๊ฒฝ์Ÿ์˜ ์‹ฌํ™”
์‚ฌ์šฉ์ž๋“ค์˜ ๋””์ž์ธ์— ๋Œ€ํ•œ ๊ธฐ๋Œ€์ˆ˜์ค€์ด ๋†’์•„์ง์— ๋”ฐ๋ผ ๊ฒฝ์Ÿ์ด ์‹ฌํ™” ๋˜์—ˆ๊ณ  ์ด๋Š” UX ๋””์ž์ธ์— ๋Œ€ํ•œ ์ˆ˜์š”๋กœ ์ด์–ด์กŒ๋‹ค.

2. ๋ณต์žก๋„์˜ ์ฆ๊ฐ€
์‚ฌ์šฉ์ž์˜ ๊ธฐ์ˆ ์ ์‘ ์†๋„๋ณด๋‹ค ๋น ๋ฅด๊ฒŒ ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์„ ๋ฐ”ํƒ•์œผ๋กœ ํ•œ ์ƒˆ๋กœ์šด ํ˜•ํƒœ์˜ ์ œํ’ˆ๊ณผ ์„œ๋น„์Šค๊ฐ€ ์ถœ์‹œ๋˜๊ณ  ์žˆ๋‹ค.

3. ์ง€์†๊ฐ€๋Šฅํ•œ ์„œ๋น„์Šค ๋ฃนLOOP
์—์ฝ”์‹œ์Šคํ…œ์€ ์‚ฌ์šฉ์ž ์ถฉ์„ฑ๋„๋ฅผ ๋†’์ด๊ณ  ํ•™์Šต๋„๋ฅผ ๋‚ฎ์ถ”์–ด ์ ์ฐจ Lock-in ์‹œํ‚ค๋Š” ํšจ๊ณผ๊ฐ€ ์žˆ๋‹ค

/


1-2 UX๋””์ž์ธ ์‹œ์ž‘ํ•˜๊ธฐ

1) UX์˜ ๊ตฌ์„ฑ์š”์†Œ

User eXperience


USABILITY
๋„ค๋น„๊ฒŒ์ด์…˜, ์นœ์ˆ™๋„, ์ผ๊ด€์„ฑ, ์—๋Ÿฌ์˜ˆ๋ฐฉ, ํ”ผ๋“œ๋ฐฑ, ์‹œ๊ฐ์  ๋ช…๋กœ์„ฑ, ์œ ์—ฐ์„ฑ, ํšจ์šฉ์„ฑ

์ด ๋ชจ๋“  ๊ฒƒ๋“ค์„ ํ†ตํ‹€์–ด์„œ ์–ผ๋งˆ๋‚˜ ์ž˜ ํ•  ์ˆ˜ ์žˆ๋Š”๊ฐ€

์ ‘๊ทผ์„ฑ
์–ด๋– ํ•œ ๋ถ€๋ถ„์˜ ๊ธฐ๋Šฅ์ด ๋–จ์–ด์ง€๊ฑฐ๋‚˜ ๋ถˆ๊ฐ€๋Šฅํ•˜๋”๋ผ๋„
์‚ฌ์šฉ์ž๊ฐ€ ์‹œ์Šคํ…œ์„ ์ž˜ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด ์ฃผ๋Š” ๊ฒƒ

usefulness = utility + usability

๋‚ด๊ฐ€ ํ•„์š”ํ•œ ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋˜๋Š” ๋™์‹œ์— ๋‚ด๊ฐ€ ๊ทธ๊ฑธ ์“ธ ์ˆ˜ ์žˆ์–ด์•ผํ•จ

2) UX๋””์ž์ธ๊ณผ UI๋””์ž์ธ์€ ์–ด๋–ป๊ฒŒ ๋‹ค๋ฅผ๊นŒ?

UI๋ผ๋Š”๊ฑด ๊ฒฐ๊ตญ ์‹œ์Šคํ…œ ์ค‘์‹ฌ์—์„œ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ์œผ๋กœ ๋ณ€ํ–ˆ๋‹ค



UI๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ UX๊ฐ€ ๋งŒ๋“ค์ง

UI: ์ƒ์‚ฐ์ž, ์‹œ์Šคํ…œ, ์ƒ์‚ฐ์ž ์ค‘์‹ฌ
UX:  UI์—์„œ ํ™•์žฅํ•ด์„œ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ


์„œ๋กœ ๋…๋ฆฝ์ ์œผ๋กœ ์กด์žฌํ•  ์ˆ˜ ์—†๋‹ค
UI ๊ฐ€ ์—†๋Š” UX / UX๊ฐ€ ์—†๋Š” UI๋Š” ์กด์žฌํ•  ์ˆ˜ ์—†๋‹ค

/

1-3 UX ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค

Typical design process

๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค

1. listen ์‚ฌ์šฉ์ž์˜ ์˜๊ฒฌ ๋“ฃ๊ธฐ
2. Analyze ๋ถ„์„
3. Design ๋””์ž์ธ
4. Test ํ…Œ์ŠคํŠธ

Double Diamon Design Process

ํ™•์‚ฐ-์ˆ˜๋ ด-ํ™•์‚ฐ-์ˆ˜๋ ด

ํ™•์‚ฐ๊ณผ ์ˆ˜๋ ด์„ ๋‘ ๋ฒˆ์”ฉ ๋ฐ˜๋ณตํ•˜๋Š” ๊ณผ์ •

ํ™•์‚ฐ
๋‚ด๊ฐ€ ๋ฌด์—‡์„ ๋ชจ๋ฅด๋Š”์ง€๋ฅผ ๋ชจ๋ฅธ๋‹ค!๋Š” ์ƒํƒœ์—์„œ ์‹œ์ž‘
ํ˜„์žฌ ์‚ฌ์šฉ์ž ํ–‰ํƒœ/ ์ œํ’ˆ์˜ ํŠน์„ฑ/ ํŠธ๋žœ๋“œ์— ๋Œ€ํ•œ ์ดํ•ด
ํ˜„์กดํ•˜๋Š” ๋ฌธ์ œ์  ๋ฐ ๊ธฐํšŒ ์š”์ธ์˜ ํŒŒ์•…
์ œํ•œ์„ ๋‘์ง€ ์•Š๊ณ  ๊ฐ€๋Šฅํ•œ ํ•œ ๋„“์€ ๋ฒ”์œ„์˜ ๋ฆฌ์„œ์น˜๋ฅผ ์ง„ํ–‰

์ˆ˜๋ ด
- RAW๋ฐ์ดํ„ฐ๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์ธ์‚ฌ์ดํŠธ Insight/ ํ‚คํŽ™ํ„ฐ ket factor ๋„์ถœ
- ๋ฆฌ์„œ์น˜๊ฒฐ๊ณผ ์‹œ๊ฐํ™”(๋ชจ๋ธ๋ง)
- ํŒ€ ๋ฆฌ๋ทฐ๋ฅผ ํ†ตํ•ด ๊ธฐํšŒ์š”์ธ Opportunity ๊ณผ ๋ฌธ์ œ์  Pain point ์ •์˜( ์šฐ๋ฆฌ๊ฐ€~๋ฅผ ํ•ด์ค€๋‹ค๋ฉด ์–ด๋–จ๊นŒ)
- HMW(How might weโ€ฆ)์งˆ๋ฌธ
- ๋””์ž์ธ ์ปจ์…‰ ๋ฐ ์ „๋žต ์ˆ˜๋ฆฝ

ํ™•์‚ฐ
- ์•„์ด๋””์—์ด์…˜ ideation์„ ํ†ตํ•ด ๋ฌธ์ œํ•ด๊ฒฐ์— ๋Œ€ํ•œ ์†”๋ฃจ์…˜ ๋„์ถœ
- ์•„์ด๋””์–ด ํ‰๊ฐ€๋ฅผ ํ†ตํ•œ ๊ตฌ์ฒดํ™”
- ๊ฐ€์„ค ์ˆ˜๋ฆฝ ๋ฐ ํ‰๊ฐ€๋ฅผ ํ†ตํ•œ ๋‹ค์–‘ํ•œ ๊ฐ€๋Šฅ์„ฑ ํƒ๊ตฌ

์ˆ˜๋ ด
- ํ”„๋กœํ† ํƒ€์ž…์„ ์ด์šฉํ•œ ๊ฐ€์„ค ๋ฐ ๊ตฌํ˜„ ์•ˆ์ •์„ฑ ๊ฒ€์ฆ
- ํ…Œ์ŠคํŠธ์™€ ๊ฐœ์„ ์˜ ๋ฐ˜๋ณต iterationํ”„๋กœ์„ธ์Šค
- ๊ฐœ๋ฐœ ๋ฐ ์ถœ์‹œ

Lean UX desifn Process

์Šคํƒ€ํŠธ์—…
๋น ๋ฅธ ์˜์‚ฌ๊ฒฐ์ •์„ ๊ฐ•์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

- ํ•œ ํŒ€ ์•ˆ์— ๋””์ž์ธ ๊ฐœ๋ฐœ์ž ua ๋งˆ์ผ€ํ„ฐ ๊ฐ€๋Šฅํ•œํ•œ ๋‹ค์–‘ํ•œ ์‚ฌ๋žŒ๋“ค์„ ํ•œ ํŒ€์œผ๋กœ ๋ฌถ์–ด์„œ ์˜์‚ฌ ๊ฒฐ์ •์„ ๋น ๋ฅด๊ฒŒ ํ•˜์ž
- ์ž‘์€ ์กฐ์ง์œผ๋กœ ์šด์˜ํ•˜์ž
- ๋ถˆํ•„์š”ํ•œ ๋ฌธ์„œ์ž‘์—… ใ„ดใ„ด  ex)๋ฐ”๋กœ ํ”„๋กœํ† ํƒ€์ž… ๋ถ€ํ„ฐ ๋งŒ๋“ค๊ธฐ
- ์ž‘์€ ์„œ๋น„์Šค๋“ค์„ ๊ทธ๋•Œ๊ทธ๋•Œ ์—…๋ฐ์ดํŠธ
- ๋‚ด๊ฐ€ ๋งŒ๋“  ๊ฒƒ๋“ค์„ ๊ฐ€๋Šฅํ•œํ•œ ์ž์ฃผ ๋งŒ๋“ค์–ด์„œ ๋ณด์—ฌ์คŒ (๊ทธ๋•Œ๊ทธ๋•Œ ํ”ผ๋“œ๋ฐฑ)
- ์‹คํŒจ๋ฅผ ํ—ˆ๋ฝํ•ด์ฃผ์ž

/

1-4 ์‚ฌ์šฉ์ž ์ค‘์‹ฌ ๋””์ž์ธ User Centered Design

1) Who Is User?

Ux design์—์„œ ์‚ฌ์šฉ์ž๋Š” ๋ˆ„๊ตฌ์ผ๊นŒ์š”?
์šฐ๋ฆฌ ์ œํ’ˆ์„ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ๋žŒ+ ์šฐ๋ฆฌ ์ œํ’ˆ์„ ์‚ฌ์šฉ ํ•  ์‚ฌ๋žŒ
๊ฐ„์ ‘ ์‚ฌ์šฉ์ž๊นŒ์ง€๋„ ์ž ์žฌ์ ์ธ ์‚ฌ์šฉ์ž๋ผ๊ณ  ์ƒ๊ฐํ•จ

์„œ๋น„์Šค ๋””์ž์ธ์—์„œ์˜ ์ •์˜
โ€˜์„œ๋น„์Šค๋ž€ ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ๋ฌด์–ธ๊ฐ€๋ฅผ ํ•˜๊ณ ์‹ถ์–ด ํ•  ๋•Œ ๋„์›€์„ ์ฃผ๋Š” ์–ด๋–ค ๊ฒƒ์ด๋‹คโ€™
๋ˆ„๊ตฐ๊ฐ€ = ์šฐ๋ฆฌ์˜ ์‚ฌ์šฉ์ž

UCD: User Centered Design ์‚ฌ์šฉ์ž ์ค‘์‹ฌ ๋””์ž์ธ

2) UCDC: User Centerd Design Canvas

ํ•˜๋‚˜์˜ ํฐ ์ข…์ด์—

- Business: ์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“ค๊ณ  ์‹ถ์€๊ฒƒ
- Users: ์‚ฌ์šฉ์ž๊ฐ€ ๊ฐ–๊ณ ์‹ถ์€๊ฒƒ
- Problems: ์‚ฌ์šฉ์ž๊ฐ€ ๋Š๋ผ๋Š” ์–ด๋ ค์›€
- Motives: ์‚ฌ์šฉ์ž์˜ ๋™๊ธฐ
- Fears: ์‚ฌ์šฉ์ž๊ฐ€ ๊ฑฑ์ •ํ•˜๋Š” ๊ฒƒ
- Solution: ์‚ฌ์šฉ์ž๊ฐ€ ๋Š๋ผ๋Š” ์–ด๋ ค์›€ ์‚ฌ์šฉ์ž๊ฐ€ ๊ฑฑ์ •ํ•˜๋Š”๊ฒƒ์— ๋Œ€ํ•ด ์šฐ๋ฆฌ๊ฐ€ ์ œ์‹œ ํ•  ํ•ด๊ฒฐ๋ฐฉ์•ˆ
- Alternatives: ์‚ฌ์šฉ์ž์˜ ๋Œ€์•ˆ / ์šฐ๋ฆฌ ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  ์–ด๋–ป๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋‚˜
- Competitive Advantages: ๊ทธ๋Ÿผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ , ์‚ฌ์šฉ์ž๊ฐ€ ์šฐ๋ฆฌ ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•  ์ด์œ 
+ ์‚ฌ์šฉ์ž๋“ค๊ณผ ํ•จ๊ป˜ ๊ฒ€์ฆํ•˜๋ฉด์„œ ์‚ญ์ œ/์ถ•๊ฐ€/์ถ”๊ฐ€์กฐ์‚ฌ๊ฐ€ ํ•„์š”ํ•œ ์‚ฌํ•ญ
+ ์‚ฌ์šฉ์ž ํŒฉํ„ฐ์™€ ๋น„์ฆˆ๋‹ˆ์Šค ํŒฉํ„ฐ์˜ ์—ฐ๊ฒฐ/ ์—ฐ๊ฒฐ๋˜๋Š” ์†”๋ฃจ์…˜์ด ์—†์„ ๊ฒฝ์šฐ ์ถ”๊ฐ€
- Unizue value proposition: ์šฐ๋ฆฌ ์„œ๋น„์Šค๋งŒ์˜ ๊ฐ•์ 

์„ ๊ธฐ์ˆ ํ•˜๋Š” ๋ฐฉ๋ฒ•

'ํ•™์Šต์ผ์ง€' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

UX ์ด๋ก  ๊ธฐ์ดˆ Part 1 : Chapter 3. ๋ชจ๋ธ๋ง  (0) 2024.09.12
UX ์ด๋ก  ๊ธฐ์ดˆ Part 1: Chapter 2. ์‚ฌ์šฉ์ž ์กฐ์‚ฌ  (0) 2024.09.11
: 2024.09.07  (0) 2024.09.07
: 2024.09.04  (0) 2024.09.05
: 2024.09.02  (0) 2024.09.03