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

UX ์ด๋ก  ๊ธฐ์ดˆ Part 1 : Chapter 5. ๋””์ž์ธ ์ปจ์…‰๊ณผ ์ •๋ณด๊ตฌ์กฐ

ueunn 2024. 9. 17. 00:07


5-1 ๋””์ž์ธ ์ปจ์…‰ Design concept

1)๋””์ž์ธ ์ปจ์…‰์ด๋ž€

Definition of โ€˜Design Conceptโ€™

๋””์ž์ธ ์ปจ์…‰์ด๋ž€ ์Šค์ผ€์น˜, ์ด๋ฏธ์ง€ ๋˜๋Š” ํ…์ŠคํŠธ๋กœ ์ด๋ฃจ์–ด์ง„ ํ•ต์‹ฌ ์•„์ด๋””์–ด์ด๋‹ค.

์ปจ์…‰ ๋””์ž์ธ Cinceptual design
๏ฟผ

๏ฟผ
UX ๋””์ž์ธ ์ปจ์…‰
๋ชฉํ‘œ Goal
๋ฒ”์œ„ Scope
์ •ํ™ฉ Context
์ „๋žต Key feature

2)๋””์ž์ธ ์ปจ์…‰ ์˜ˆ์‹œ

UX๋””์ž์ธ ์ปจ์…‰ ์˜ˆ์‹œ
๏ฟผ


๏ฟผ๋ฐฑ์•ค๋“œ
๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ณ  ๋ถ„์„ํ•˜๋Š” ์œ ์˜๋ฏธํ•œ ๋ถ„์„ ๊ฐ’์„ ๋‚ด๋Š”
๊ฐ’์„ ๊ฐ€์ง€๊ณ  ์‚ฌ์šฉ์ž๊ฐ€ ๋ณผ์ˆ˜์žˆ๋„๋ก ์„œ๋น„์Šค์— ๋ฟŒ๋ ค์ง€๋Š” ์ •๋„๊ฐ€ ํ”„๋ก ํŠธ ์•ค๋“œ

UX design concept document


์ •ํ˜•ํ™” ๋œ ํ‹€ ์•ˆ์— ์ •๋ณด๋ฅผ ๋„ฃ์–ด์„œ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Œ

UX design concept diagram
๏ฟผ

UX design concept map
๏ฟผ

3)๊ณ ๋ ค์‚ฌํ•ญ
Concept triangle thinking



๏ฟผ
์ •๋ฆฌํ•˜์ž๋ฉด..
๏ฟผ


5-2 ์ •๋ณด ๊ตฌ์กฐ ์„ค๊ณ„ (Information Architecture design)

1)์ •๋ณด๊ตฌ์กฐ๋ž€

์ •๋ณด ๊ตฌ์กฐ Information architecture๋ž€

์ •๋ณด๊ตฌ์กฐ๋ž€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋˜๋Š” ์›น์‚ฌ์ดํŠธ์—์„œ ์ œ๊ณตํ•˜๋Š” ์ •๋ณด์™€ ๊ธฐ๋Šฅ์˜ ๊ด€๊ณ„์™€ ์ˆœ์„œ๋ฅผ ์ •์˜ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

์ •๋ณด๊ตฌ์กฐ ์ดํ•ดํ•˜๊ธฐ
๏ฟผ

์ •๋ณด ๊ตฌ์กฐ๋ฅผ ๋””์ž์ธ ํ•  ๋•Œ ์ƒ๊ฐํ•ด์•ผ ํ•˜๋Š” ๊ฒƒ
๏ฟผ

๋””์Šค์ปค๋ฒ„๋ฆฌ ๋”œ๋ฆฌํ‹ฐ๋Š” ์–ผ๋งˆ๋‚˜ ์ •๋ณด๊ตฌ์กฐ๋ฅผ ์ฐพ๊ธฐ ์‰ฝ๊ฒŒ ๋งŒ๋“ค์–ด์•ผ ํ•˜๋Š”๊ฐ€ ์–ผ๋งˆ๋‚˜ ์ž˜ ์ฐพ์„ ์ˆ˜ ์žˆ๊ฒŒ ์ •๋ณด๋ฅผ ๋ฐฐ์น˜ ํ•˜๋Š”๊ฐ€
ํ”Œ๋ ‰์Šค๋นŒ๋ฆฌํ‹ฐ๋Š” ์œ ์—ฐ์„ฑ

2)์ •๋ณด๊ตฌ์กฐ์˜ ์ข…๋ฅ˜

์ •๋ณด๊ตฌ์กฐ์˜ ์ข…๋ฅ˜
๏ฟผ

์—”ํŠธ๋ฆฌ ํฌ์ธํŠธ๋Š” ๋งŽ์ง€๋งŒ ์–•๊ฒŒ ๊ตฌ์กฐ๋˜์–ด์žˆ๋Š” ๊ฒƒ
์—”ํŠธ๋ฆฌ ํฌ์ธํŠธ๋Š” ์ ์ง€๋งŒ ๊นŠ๊ฒŒ ๊ตฌ์กฐ๋˜์–ด์žˆ๋Š” ๊ฒƒ

Broad structure
๏ฟผ


Depp and Narrow structure
๏ฟผ

๊ณต๊ฐ„์ ์ธ ์ œ์•ฝ์ด ์žˆ๋Š” ๋ชจ๋ฐ”์ผ์—์„œ ์‚ฌ์šฉ์ด ๋จ
๋ฉ”๋‰ด๊ฐ„์˜ ์—ฐ๊ด€๋„๊ฐ€ ๋†’์•„์•ผํ•จ

์ „๋žต์  ์ ‘๊ทผ
๏ฟผ

๏ฟผ


3)์นด๋“œ ์†ŒํŒ…

์‚ฌ์šฉ์ž ๊ฒ€์ฆ: Card sorting
๏ฟผ

์‚ฌ์šฉ์ž๋“ค์ด ๋ฐ›์•„๋“ค์ด๊ธฐ ์–ด์ƒ‰ํ•˜์ง€ ์•Š์„๊นŒ
๊ฒ€์ฆํ•ด์•ผํ•จ

์นด๋“œ์†ŒํŒ… ๋ฐฉ๋ฒ•: ๊ฐœ๋ฐฉํ˜• ์นด๋“œ์†ŒํŒ…
๏ฟผ

์นด๋“œ์†ŒํŒ… ๋ฐฉ๋ฒ•: ํ์‡„ํ˜• ์นด๋“œ์†ŒํŒ…
๏ฟผ

์ €๋ ดํ•˜์ง€๋งŒ ํšจ๊ณผ์ ์ธ ๋ฐฉ๋ฒ•

์นด๋“œ ์†ŒํŒ…์˜ ์žฅ์ 

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

2. ์ •๋ณด๊ตฌ์กฐ๋ฅผ User friendly ํ•˜๊ฒŒ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ๋‹ค.
ํ•ด๋‹น ์ •๋ณด๋ฅผ ๋ฐ”๋ผ๋ณด๋Š” ์‚ฌ์šฉ์ž์˜ ์–ธ์–ด๋ฅผ ํŒŒ์•… ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฉ”๋‰ด๋ช… ๋ฟ๋งŒ์•„๋‹ˆ๋ผ ๋ฉ”๋‰ด๊ฐ„์˜ ๊ณ„์ธต๊ด€๊ณ„ (์–ด๋–ค ๋ฉ”๋‰ด๊ฐ€ ์–ด๋–ค ๋ฉ”๋‰ด๋ฅผ ํฌํ•จํ•ด์•ผ ํ•˜๋Š”์ง€์— ๋Œ€ํ•œ)์— ๋Œ€ํ•œ ์ •๋ณด๋„ ํŒŒ์•… ํ•  ์ˆ˜ ์žˆ๋‹ค.

3. ๋‹ค์–‘ํ•œ ๊ฐ€๋Šฅ์„ฑ์„ ํ™•์ธ ํ•  ์ˆ˜ ์žˆ๋‹ค.
ํ…Œ์ŠคํŠธ๋ฅผ 5๋ฒˆ ํ•˜๋ฉด, 5๊ฐœ ๋‹ค๋ฅธ ํ˜•ํƒœ์˜ ์ •๋ณด๊ตฌ์กฐ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ๋‹ค. ์ด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋‹ค์–‘ํ•œ ๊ฐ€๋Šฅ์„ฑ ์†์—์„œ ๊ฐ€์žฅ ์ผ๋ฐ˜์ ์ด๊ณ  ์ดํ•ด๊ฐ€ ์‰ฌ์šด ํ˜•ํƒœ๋ฅผ ์ฐพ์•„๋‚˜๊ฐˆ ์ˆ˜ ์žˆ๋‹ค.