๐Ÿ—’ [์„ฑ์žฅ์„ ์œ„ํ•œ ๋ฐ์ผ๋ฆฌ ์•„ํ‹ฐํด] '๊ทธ๋กœ์Šค ์ „๋žต' ๋ณต์žกํ•œ ๊ธฐ๋Šฅ ์†์—์„œ ํ•ต์‹ฌ ์‹œ๋‚˜๋ฆฌ์˜ค์— ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๋Š” '์ ์ง„์  ๊ณต๊ฐœ' ๐Ÿค” ์‚ฌ์šฉ์ž๋Š” ๋ชจ๋“  ์š”๊ตฌ์‚ฌํ•ญ์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ•๋ ฅํ•œ ๊ธฐ๋Šฅ๊ณผ ํ†ต์ œ๊ฐ์„ ์›ํ•˜๊ธฐ๋„ ํ•˜์ง€๋งŒ ํ˜„์žฌ ์š”๊ตฌ์‚ฌํ•ญ์— ๊ฐ€์žฅ ์ ํ•ฉํ•œ ๋ช‡ ๊ฐ€์ง€๋งŒ ๋ณผ ์ˆ˜ ์žˆ๊ณ  ์ถ”๊ฐ€์ ์œผ๋กœ ํ•™์Šตํ•˜์ง€ ์•Š์•„๋„ ์•Œ ์ˆ˜ ์žˆ๋Š” ๋‹จ์ˆœํ•จ์„ ๋™์‹œ์— ์›ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋ณต์žกํ•œ ํ”„๋กœ๋•ํŠธ๋ฅผ ๋””์ž์ธ ํ•˜๋Š” ์šฐ๋ฆฌ๋Š” ์ข…์ข… ๋”œ๋ ˆ๋งˆ์— ์ง๋ฉดํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๐Ÿ’Ž ์ด ๋•Œ ์‚ฌ์šฉ๋˜๋Š” '์ ์ง„์  ๊ณต๊ฐœ(Progressive Disclosure)'๋Š” ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์ด๋‚˜ ๊ฑฐ์˜ ์‚ฌ์šฉ๋˜์ง€ ์•Š๋Š” ๊ธฐ๋Šฅ์„ ์ˆจ๊ฒจ๋‘ ์œผ๋กœ์จ ํ•ต์‹ฌ ๊ธฐ๋Šฅ์„ ๋” ์‰ฝ๊ฒŒ ๋ฐฐ์šฐ๊ฒŒ ํ•˜๊ณ  ์˜ค๋ฅ˜ ๋ฐœ์ƒ์„ ์ค„์ด๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ์œ„์™€๊ฐ™์€ ์ƒ์ถฉ๋˜๋Š” ์š”๊ตฌ์‚ฌํ•ญ์„ ์ถฉ์กฑํ•˜๊ธฐ ์œ„ํ•ด ์ฒ˜์Œ์—” ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๋ช‡ ๊ฐ€์ง€ ์˜ต์…˜๋งŒ ์ œ๊ณตํ•˜๊ณ , ์‚ฌ์šฉ์ž๊ฐ€ ์š”์ฒญํ•˜๋Š” ๊ฒฝ์šฐ์— ๋” ๋งŽ์€ ์ „๋ฌธ ์˜ต์…˜์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. โš™๏ธ ์ ์ง„์  ๊ณต๊ฐœ๋Š” ์‚ฌ์šฉ์„ฑ์˜ ๊ตฌ์„ฑ ์š”์†Œ 5๊ฐ€์ง€ ์ค‘ 1๏ธโƒฃ ํ•™์Šต ์šฉ์ด์„ฑ, 2๏ธโƒฃ ํšจ์œจ์„ฑ, 3๏ธโƒฃ ์˜ค๋ฅ˜ ๋ฐฉ์ง€ 3๊ฐ€์ง€ ํ•ญ๋ชฉ์„ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ๊ฐ€์žฅ ์ดˆ๊ธฐ์— ์ œ๊ณต๋˜๋Š” ๊ธฐ๋Šฅ์ด ๊ฐ€์žฅ ์ค‘์š”ํ•˜๊ณ , ๋ฉ”์ธ ํƒœ์Šคํฌ๋ฅผ ์ˆ˜ํ–‰ํ•˜๋Š”๋ฐ ์‚ฌ์šฉ๋˜๋Š” ๊ฒƒ์„ ์ธ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ดˆ๋ณด ์‚ฌ์šฉ์ž๋Š” ๊ธฐ๋ณธ์ ์ธ ์œ ์šฉํ•œ ๊ธฐ๋Šฅ์— ์ง‘์ค‘ํ•ด ์‰ฝ๊ฒŒ ํ•™์Šตํ•  ์ˆ˜ ์žˆ๊ณ , ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์˜ ์ž˜๋ชป๋œ ์‚ฌ์šฉ์œผ๋กœ ์ธํ•œ ์˜ค๋ฅ˜๋ฅผ ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ณ ๊ธ‰ ์‚ฌ์šฉ์ž๋Š” ํ˜„์žฌ ๊ณผ์—…์—์„œ ํ•„์š” ์—†๋Š” ๊ธฐ๋Šฅ์„ ์‰ฝ๊ฒŒ ์Šค์บ”ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๐Ÿšง ์ ์ง„์  ๊ณต๊ฐœ๋ฅผ ์œ„ํ•ด์„œ๋Š” ์ดˆ๊ธฐ ํ•ต์‹ฌ ๊ธฐ๋Šฅ๊ณผ ๋ณด์กฐ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์„ ๋ช…ํ™•ํžˆ ๋ถ„๋ฆฌํ•ด์•ผ ํ•˜๊ณ , ์ดˆ๊ธฐ ํ•ต์‹ฌ ๊ธฐ๋Šฅ์—์„œ ๋ณด์กฐ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์œผ๋กœ ์ง„์ž…ํ•˜๋Š” ํ”Œ๋กœ์šฐ๋ฅผ ๋ช…ํ™•ํ•˜๊ฒŒ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์‚ฌ์šฉ ๋นˆ๋„๋‚˜ ์‚ฌ์šฉ ์‚ฌ๋‚˜๋ฆฌ์˜ค ๊ด€์ฐฐ์œผ๋กœ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๐Ÿข ์ ์ง„์  ๊ณต๊ฐœ์™€ ๋”๋ถˆ์–ด ํ•จ๊ป˜ ๊ณ ๋ คํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐœ๋…์€ ๋‹จ๊ณ„์  ๊ณต๊ฐœ์ž…๋‹ˆ๋‹ค. ์ ์ง„์  ๊ณต๊ฐœ๋Š” ๊ธฐ๋Šฅ ๊ฐ„ ๋„ค๋น„๊ฒŒ์ด์…˜์ด ๊ณ„์ธต์ ์ด๊ณ , ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์€ ํ•„์š”์‹œ์—๋งŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉ์ด ์œ ๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ๋‹จ๊ณ„์  ๊ณต๊ฐœ๋Š” ๋„ค๋น„๊ฒŒ์ด์…˜์ด ์„ ํ˜•์ ์ด๊ณ  ์‚ฌ์šฉ์ž๊ฐ€ ํ•œ ๋ฒˆ์— ํ•œ ๋‹จ๊ณ„์”ฉ ํƒœ์Šคํฌ๋ฅผ ์ˆ˜ํ–‰ํ•˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉ์ด ์œ ๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ๊ฐ ๋‹จ๊ณ„๊ฐ€ ๊ฐ€์ง€๋Š” ๋ชฉ์ ์ด ๋ช…ํ™•ํ•˜๊ณ  ๋‹จ๊ณ„ ๋ณ„ ์ƒํ˜ธ์ž‘์šฉ์ด ๊ฑฐ์˜ ์—†๋Š” ๊ฒฝ์šฐ์— ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋งŒ์•ฝ ๊ฐ ๋‹จ๊ณ„๊ฐ€ ์ƒํ˜ธ ์˜์กด์ ์ด๋ฉด ์‚ฌ์šฉ์„ฑ ๋ฌธ์ œ๋ฅผ ์•ผ๊ธฐํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜, ์ž‘์—… ๋‹จ๊ณ„๊ฐ€ ๋งŽ์œผ๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ๊ณผ๋„ํ•œ ํƒ์ƒ‰์„ ํ•ด์•ผํ•˜๋Š” ๋‹จ์ ๋„ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‘ ๊ฐ€์ง€ ๋ฐฉ์‹์˜ ์žฅ๋‹จ์ ์„ ๊ณ ๋ คํ•ด ์ ์ ˆํ•œ UX, UI๋ฅผ ์ œ๊ณต ํ•ด์•ผ๊ฒ ์Šต๋‹ˆ๋‹ค. --- ๐Ÿ”Š B2B ๋””์ž์ด๋„ˆ๋“ค์˜ ๋ชจ์ž„ ์†Œ๊ฐœ B2B ํ”„๋กœ๋•ํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์žˆ๋Š” B2B ๋””์ž์ด๋„ˆ๋“ค์€ B2C ๋””์ž์ด๋„ˆ๋ณด๋‹ค ๋” ์–ด๋ ค์šด ๋ฌธ์ œ๋ฅผ ํ’€๊ณ  ์žˆ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์€ ๋ฐ ๋น„ํ•ด ์ž๋ฃŒ, ์ง€์‹, ํ”ผ๋“œ๋ฐฑ์„ ์ฐพ๋Š”๋ฐ๋„ ์–ด๋ ค์›€์„ ๊ฒช๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋” ๋งŽ์€ B2B ํ”„๋กœ๋•ํŠธ ๋””์ž์ด๋„ˆ๋“ค์ด ํ•œ์ž๋ฆฌ์—์„œ ์–ด๋ ค์šด ์ , ๋ฐฐ์šด ์ ์„ ๊ณต์œ ํ•˜๊ณ  ์„œ๋กœ ๋„์›€์ด ๋˜๊ธฐ ์œ„ํ•ด ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ์šด์˜์ค‘์ž…๋‹ˆ๋‹ค. ๐Ÿ”— B2B ๋””์ž์ด๋„ˆ๋“ค์˜ ๋ชจ์ž„ ๋…ธ์…˜ ๋งํฌ: abit.ly/b2b-designers

Progressive Disclosure

Nielsen Norman Group

Progressive Disclosure

๋‹ค์Œ ๋‚ด์šฉ์ด ๊ถ๊ธˆํ•˜๋‹ค๋ฉด?

๋˜๋Š”

์ด๋ฏธ ํšŒ์›์ด์‹ ๊ฐ€์š”?

2021๋…„ 10์›” 5์ผ ์˜ค์ „ 3:50

๋Œ“๊ธ€ 0




๋น„์Šทํ•œ ๊ฒŒ์‹œ๋ฌผ

์ฃผ๊ฐ„ ์ธ๊ธฐ TOP 10

1

๊น€์˜์ค‘ ๊ฐœ๋ฐœ์ž

๋„๊ตฌ๋ฅผ ๋„˜์–ด์„  ๊ฐœ๋ฐœ์ž์˜ ์—ญ๋Ÿ‰: "Next.js ๊ผญ ์จ์•ผํ• ๊นŒ?"

2

์กฐํ˜„์šฑ ํŽ˜์ด์›Œ์น˜ ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด

๋™๊ธฐ๋ถ€์—ฌ๋Š” ํšŒ์‚ฌ๊ฐ€ ์ฑ…์ž„์ ธ ์ฃผ์„ธ์š”

3

๐™๐™ž๐™˜๐™๐™–๐™ง๐™™ ์ฒ˜์Œ ๋ฐฐ์›Œ๋„ ์žฌ๋ฏธ์žˆ๊ณ  ๊ฐ€์น˜์žˆ๋Š” DATA/AI ๊ต์œก์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

๋‹น์‹ ์ด ๊ผญ ์‚ฌ์šฉํ•ด๋ณด์•˜์œผ๋ฉด ์ข‹์„ DATA/AI ๋„๊ตฌ ๋ฆฌ์ŠคํŠธ

4

์†ก์š”์ฐฝ ๋ฐฐ๋ฏผ ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋กœ๊ทธ๋ž˜๋จธ

ํŒ€๋„ค์ด๋ฒ„์˜ ์ปจํผ๋Ÿฐ์Šค DAN24

5

ํ•œ๊ธฐ์šฉ UpZen ์ฐฝ์—…์ž ๋Œ€ํ‘œ

๋ณ€ํ™”๊ฐ€ ๋น ๋ฅธ IT ์—…๊ณ„์—์„œ ์–ด๋–ป๊ฒŒ ์˜ค๋žœ ์‹œ๊ฐ„ ๋™์•ˆ ์›Œ๋ผ๋ฐธ์„ ์œ ์ง€ํ–ˆ

์ถ”์ฒœ ํ”„๋กœํ•„