๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ“— UXUI/์ œ๋กœ๋ฒ ์ด์Šค ๋””์ž์ธ ์Šค์ฟจ

[์ œ๋กœ๋ฒ ์ด์Šค UIUX์Šค์ฟจ] 7์ฃผ์ฐจ_1

by dandanssi 2023. 4. 16.

UX๋””์ž์ด๋„ˆ๋Š” ๋ฌด์Šจ์ผ์„ ํ•˜๋‚˜์š”?

1-1 ํ˜‘์—…์—์„œ UX๋””์ž์ธ(1)

์‚ฌ์šฉ์ž์˜ ํŽ˜์ธํฌ์ธํŠธํŒŒ์•…, ๋ชฉํ‘œ ์ˆ˜๋ฆฝ์ด ์ค‘์š”

ํ™”๋ คํ•˜๊ณ  ์ข‹์€ ๊ธฐ๋Šฅ์ผ์ง€๋ผ๋„ ์‚ฌ์šฉ์ž์˜ ๋‹ˆ์ฆˆ์™€ ๋งž๋‹ฟ์ง€ ์•Š์œผ๋ฉด ์“ธ๋ชจ์—†๋‹ค

๋˜ํ•œ ์‚ฌ์šฉ์ž์˜ ๋‹ˆ์ฆˆ์—๋งŒ ๋งž์ถฐ ํŽธ๋ฆฌํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹คํ•ด์„œ ๋ชฉํ‘œ๊ฐ€ ๋šœ๋ ทํ•˜์ง€ ์•Š์€ ์„œ๋น„์Šค๋Š” ๋น„์ฆˆ๋‹ˆ์Šค์— ๋„์›€๋˜์ง€ ์•Š๋Š”๋‹ค.

์‚ฌ์šฉ์ž์™€ ๊ณต๊ธ‰์ž์˜ ์ ์ ˆํ•จ์„ ๋งž์ถฐ์•ผํ•จ. ๋”ฐ๋ผ์„œ ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์˜ ๋ฆฌ์„œ์น˜๊ฐ€ ํ•„์š”

 

์ด 6๋‹จ๊ณ„์ด๋ฉฐ ์ดํ•ด - ๊ณต๊ฐ - ์•„์ด๋””์–ด๋„์ถœ - ํ”„๋กœํ† ํƒ€์ž… - ๋Ÿฐ์น˜- ์„œ๋น„์Šค ๋Ÿฐ์นญ ๋ฐ ๊ฐœ์„  ์˜ ํ”„๋กœ์„ธ์Šค๋กœ ๊ตฌ์„ฑ

 

 

1๋‹จ๊ณ„ Understand - ์ดํ•ด

 

2๋‹จ๊ณ„ Emphasize - ๊ณต๊ฐ

์ดํ•ด๊ด€๊ณ„์—์„œ ๋ฐœ๊ฒฌํ•œ ๋ฌธ์ œ์ ์„ ์Šคํ† ๋ฆฌ๋กœ ์‹œ๊ฐํ™”์‹œ์ผœ์•ผํ•จ. ํผ์†Œ๋‚˜, ์œ ์ €์Šคํ† ๋ฆฌ ์‹œ๋‚˜๋ฆฌ์˜ค, ์œ ์ €์ €๋‹ˆ๋งต ๋“ฑ์ด ํฌํ•จ๋œ๋‹ค๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋‹ค

 

3๋‹จ๊ณ„ IDeate - ์•„์ด๋””์–ด ๋„์ถœ

์ปค๋ฒ„ ์Šคํ† ๋ฆฌ๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ธฐํš์ž, ๋””์ž์ด๋„ˆ, ๊ฐœ๋ฐœ, QA ์Šคํ† ๋ฆฌ๋ฅผ ์„œ๋กœ ๋ฐœํ‘œํ•˜๊ณ  ์˜๊ฒฌ์„ ๊ณต์œ 

 

4๋‹จ๊ณ„ Prototype - ํ”„๋กœํ†  ํƒ€์ž…

ํ”Œ๋กœ์šฐ๊ฐ€ ๋ณต์žก ํ• ๋•Œ๋Š” Prototyping ์œผ๋กœ ํ”Œ๋กœ์šฐ๋ฅผ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ํ•˜๋Š” ๊ฒƒ์ด ํšจ๊ณผ์ 

 

5๋‹จ๊ณ„ Test(Usability Test) - ํ…Œ์ŠคํŠธ/๊ฒ€์ฆ

์‹ค์ œ ์‚ฌ์šฉ์ž๋˜๋Š” ํƒ€์ผ“์„ 10๋ช… ์ •๋„ ๋ชจ์•„์„œ ์‚ฌ์šฉ์„ฑ ํ…Œ์ŠคํŠธ๋ฅผ ์ง„ํ–‰. ์‹œ๊ฐ„์ด ๋ชจ์ž๋ผ๋ฉด ์‚ฌ๋‚ด ์ธ์‚ฌ๋“ค์—๊ฒŒ Heuristic Evaluation ์„ ์‚ฌ์šฉ

 

6๋‹จ๊ณ„ Launch & Measure - ์ถœ์‹œ์™€ ๊ฒ€์ฆ

5๋‹จ๊ณ„๊ฐ€ ๊นŒ์ง€ ์™„๋ฃŒ ํ›„์— ์ถœ์‹œ๋ฅผ ํ•˜๋ฉฐ ์œ ์ €ํ”ผ๋“œ๋ฐฑ, A/B Testing ์„ ์ด์šฉํ•˜์—ฌ ๋ณด์•ˆ๊ณผ ์ˆ˜์ •์„ ๋‹ค์‹œ ํ•ด๋‚˜๊ฐ„๋‹ค

ํ˜„์žฌ ๋น ๋ฅด๊ฒŒ ์ˆ˜์ •ํ•ด์•ผํ•  ๋ถ€๋ถ„๊ณผ ๊ฐœ์„ ํ•ด์•ผํ•  ๋ถ€๋ถ„์˜ ์ค‘์š”๋„์™€, ๊ธด๊ธ‰๋„๋ฅผ ์ •ํ•˜์—ฌ ์šฐ์„  ์ˆœ์œ„์™€ ํ•˜์—ฌ ์„œ๋น„์Šค๋ฅผ ์ˆ˜์ •ํ•˜๊ณ  ์—…๋ฐ์ดํŠธ ํ•œ๋‹ค.

 

UX๋””์ž์ด๋„ˆ์˜ ์—ญํ• 

 

ํฌํ„ธ์„œ๋น„์Šค์˜ ์›Œํ‚น ํ”„๋กœ์„ธ์Šค

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

๋ฌธ์„œํ™”๋ฅผ ์ค„์ด๊ณ  ๋น ๋ฅธ ์‹œ๊ฐ์  ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์„ ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”.

 

UX๋””์ž์ด๋„ˆ์˜ ์—ญํ• ๊ณผ ์—ญ๋Ÿ‰์˜ ๋ณ€ํ™”

์œ ์ € ๋ฆฌ์„œ์ฒ˜ ์ •๋Ÿ‰,์ •์„ฑ์ ์ธ ์ธํ„ฐ๋ถ€ ๋ฐฉ๋ฒ•๋ก ์— ๋Œ€ํ•ด ๊นŠ์ด ์žˆ๊ฒŒ ์ดํ•ดํ•˜๊ณ  ์ด๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž์˜ ๋‹ˆ์ฆˆ๋ฅผ ์ž˜ ํŒŒ์•…ํ•ด์•ผํ•จ

์ธํ„ฐ๋ž™์…˜&ํ”„๋กœ๋•ํŠธ ๋””์ž์ด๋„ˆ ์„œ๋น„์Šค๋ฅผ ๊ตฌ์ฒดํ™” ์‹œํ‚ค๋Š” ์ž‘์—…์— ์ง‘์ค‘ํ•˜๋Š” ์—ญํ• . ๋ฐœ๊ตด๋œ ์ธ์‚ฌ์ดํŠธ๋ฅผ ์‹ค์ œ ์„œ๋น„์Šค์— ์–ด๋–ป๊ฒŒ ๋…น์ด๊ณ  ์‚ฌ์šฉ์ž์˜ ์ดํ•ด๋ฅผ ๋•๋Š” ๊ฒƒ์„ ๊ณ ๋ฏผํ•˜๋Š” ์—ญํ• 

๋น„์ฃผ์–ผ ๋””์ž์ด๋„ˆ ์ œํ’ˆ์˜ ์‹ฌ๋ฏธ์ ์ธ ๋ถ€๋ถ„์„ ๋งŒ๋“ค์–ด๋ƒ„, ๊ทธ๋ฆฌ๋“œ,์•„์ด์ฝ˜์Šคํƒ€์ผ ๋“ฑ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์—์…‹๋“ค๋กœ ํ•˜๋‚˜์˜ ์•„์ด๋ดํ‹ฐํ‹ฐ๋ฅผ ๋งŒ๋“ค์–ด๋ƒ„

 

+ ์‹ฌ๋„๊นŠ์€ ํ”„๋กœํ† ํƒ€์ดํ•‘ ์—ญ๋Ÿ‰๊นŒ์ง€ ํ•„์š”๋˜๊ณ  ์žˆ๋‹ค. 

 

ํ”„๋กœํ† ํƒ€์ž…ํ•‘์˜ ์ค‘์š”์„ฑ ๋ฐ ๋„๊ตฌ(1)

Time based Flow Desing : POP, Paper, figma

ํ”„๋กœ์ ํŠธ ์ดˆ๊ธฐ์— ์„œ๋น„์Šค์˜ ํ”Œ๋กœ์šฐ๋ฅผ ๊ทธ๋ ค๋ณด๊ณ  ์‹ค์ œ ์„œ๋น„์Šค์˜ ์ปจ์…‰์„ ํ™•์ธํ•ด๋ณด๋Š” ๊ณผ์ •์—์„œ ์œ ์šฉํ•จ

ํ”„๋กœ์ ํŠธ ์ดˆ๋ฐ˜์˜ ์ปจ์…‰์„ ๋ช…ํ™•ํžˆ ํ™•์ธ, ์ดˆ๋ฐ˜ ์ ๊ทน์ ์ธ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์— ์œ ์šฉ ํ•˜์ง€๋งŒ ๋ฆฌ์น˜ํ•œ ์ธํ„ฐ๋ž™์…˜์„ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์—๋Š” ํ•œ๊ณ„๊ฐ€ ์žˆ์Œ. 

 

State based interaction Design: ํ”„๋กœํ† ํŒŒ์ด, ํ”„๋ ˆ์ด๋จธ

์ƒ์ƒ์† ๋‹ค์–‘ํ•œ ์ธํ„ฐ๋ž™์…˜์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๊ณ  ๊ตฌํ˜„ํ•œ ์ธํ„ฐ๋ž™์…˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์„ค๋“์— ์šฉ์ด, ์ฝ”๋”ฉ ์‹œ ๋ช…ํ™•ํ•œ ๋ฐ์ดํ„ฐ ๊ฐ’ ์ „๋‹ฌ ๊ฐ€๋Šฅ

ํ•˜์ง€๋งŒ ์ „์ฒด ์„œ๋น„์Šค์˜ ํ”Œ๋กœ์šฐ๋ฅผ ํ™•์ธํ•˜๊ธฐ ์–ด๋ ค์›€, ํ•™์Šต์— ์˜ค๋žœ์‹œ๊ฐ„์ด ์†Œ์š”