๐Ÿ—’ [์„ฑ์žฅ์„ ์œ„ํ•œ ๋ฐ์ผ๋ฆฌ ์•„ํ‹ฐํด] '๊ทธ๋กœ์Šค ์ „๋žต' ๋ณต์žกํ•œ ๊ธฐ๋Šฅ ์†์—์„œ ํ•ต์‹ฌ ์‹œ๋‚˜๋ฆฌ์˜ค์— ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๋Š” '์ ์ง„์  ๊ณต๊ฐœ' ๐Ÿค” ์‚ฌ์šฉ์ž๋Š” ๋ชจ๋“  ์š”๊ตฌ์‚ฌํ•ญ์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ•๋ ฅํ•œ ๊ธฐ๋Šฅ๊ณผ ํ†ต์ œ๊ฐ์„ ์›ํ•˜๊ธฐ๋„ ํ•˜์ง€๋งŒ ํ˜„์žฌ ์š”๊ตฌ์‚ฌํ•ญ์— ๊ฐ€์žฅ ์ ํ•ฉํ•œ ๋ช‡ ๊ฐ€์ง€๋งŒ ๋ณผ ์ˆ˜ ์žˆ๊ณ  ์ถ”๊ฐ€์ ์œผ๋กœ ํ•™์Šตํ•˜์ง€ ์•Š์•„๋„ ์•Œ ์ˆ˜ ์žˆ๋Š” ๋‹จ์ˆœํ•จ์„ ๋™์‹œ์— ์›ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋ณต์žกํ•œ ํ”„๋กœ๋•ํŠธ๋ฅผ ๋””์ž์ธ ํ•˜๋Š” ์šฐ๋ฆฌ๋Š” ์ข…์ข… ๋”œ๋ ˆ๋งˆ์— ์ง๋ฉดํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๐Ÿ’Ž ์ด ๋•Œ ์‚ฌ์šฉ๋˜๋Š” '์ ์ง„์  ๊ณต๊ฐœ(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

    ํ•จ๊ป˜ ์ฝ์€ ๊ฒŒ์‹œ๋ฌผ

    6์›” ์ดˆ, ์ƒˆ๋กœ์šด ๋ฐ”์ด๋ธŒ ์ฝ”๋”ฉ๊ณผ SW ๊ฐœ๋ฐœ์˜ ์ „ํ™˜์˜ ์‹œ๋Œ€

    ๋ฐ”

    ... ๋” ๋ณด๊ธฐ

    2025๋…„ 2๋ถ„๊ธฐ AI ์„ธ๋ฏธ๋‚˜

    55check.imweb.me

    2025๋…„ 2๋ถ„๊ธฐ AI ์„ธ๋ฏธ๋‚˜

    โŸชํ† ์Šค๊ฐ€ ๋งŒ๋“  ๋ฆฌ์„œ์น˜ํˆด, TNSโŸซ

    ํ† 

    ... ๋” ๋ณด๊ธฐ

    ํ† ์Šค๊ฐ€ ํŠนํ—ˆ ๋‚ธ ๋ฆฌ์„œ์น˜ํˆด, TNS (Toss Navigation Score) ์ œ์ž‘๊ธฐ

    toss.tech

    ํ† ์Šค๊ฐ€ ํŠนํ—ˆ ๋‚ธ ๋ฆฌ์„œ์น˜ํˆด, TNS (Toss Navigation Score) ์ œ์ž‘๊ธฐ

     โ€ข 

    ์ €์žฅ 3 โ€ข ์กฐํšŒ 909




    6๋…„๊ฐ„์˜ ํ† ์ดํ”„๋กœ์ ํŠธ ์—ฌ์ •์„ ๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ - ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ ๊ตฌ๋…์„œ๋น„์Šค ํšŒ๊ณ ๋ก

    ์•ˆ

    ... ๋” ๋ณด๊ธฐ

    6๋…„๊ฐ„์˜ ํ† ์ดํ”„๋กœ์ ํŠธ ์—ฌ์ •์„ ๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ - ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ ๊ตฌ๋…์„œ๋น„์Šค ํšŒ๊ณ ๋ก

    taetaetae.github.io

    6๋…„๊ฐ„์˜ ํ† ์ดํ”„๋กœ์ ํŠธ ์—ฌ์ •์„ ๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ - ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ ๊ตฌ๋…์„œ๋น„์Šค ํšŒ๊ณ ๋ก

     โ€ข 

    ๋Œ“๊ธ€ 2 โ€ข ์ €์žฅ 11 โ€ข ์กฐํšŒ 2,987


    'Suica์˜ ์ˆ˜๋งŒํผ ์ธ์ƒ์ด ์žˆ๋‹ค' ์ผ๋ณธ ์‚ฌ๋žŒ๋“ค์„ ์šธ๋ฆฐ ๊ตํ†ต์นด๋“œ ๊ฐ๋™๊ด‘๊ณ 

    S

    ... ๋” ๋ณด๊ธฐ

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

    1

    ๊ถŒํƒœ๊ด€ NAVER ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด

    6๋…„๊ฐ„์˜ ํ† ์ดํ”„๋กœ์ ํŠธ ์—ฌ์ •์„ ๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ - ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ ๊ตฌ๋…์„œ๋น„์Šค

    2

    psmon ์›น๋…ธ๋ฆฌ๋ผ์ดํ„ฐ

    DDD์™€ AI

    3

    Arawn Park Senior Engineer & Engineering Lead

    ์˜ฌํ•ด๋กœ ๊ฐœ๋ฐœ์ž ์ƒํ™œ์ด ํ–‡์ˆ˜๋กœ 20๋…„์งธ๋‹ค

    3

    ์œ ์šฉ์šฐ(์š”์šฐ) NAVER ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž

    ๊ฐ„๋งŒ์— ์žฌ๋ฐŒ๊ฒŒ ์ฝ์€ ๊ธฐ์ˆ  ํฌ์ŠคํŠธ ์—ฌ๋ฆ„ ์ด๋ฒคํŠธ ๊ด€๋ จ ๊ฐœ๋ฐœ ํšŒ๊ณ ์™€ ๋†’

    3

    ์ด์›ํ˜• ๋ผ์ธํ”Œ๋Ÿฌ์Šค ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด

    ๊ณ ์šฉ๋…ธ๋™๋ถ€์—์„œ ์ฃผ๊ด€ํ•˜๋Š” ์ฒญ๋…„๋ฏธ๋ž˜ํ”Œ๋Ÿฌ์Šค 3๊ธฐ๋ฅผ ๋ชจ์ง‘ ์ค‘์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค