๐ŸŒŸ ๋””ํ…Œ์ผ์˜ ๊ฐ„๊ฒฉ ์‹œ๋ฆฌ์ฆˆ! [โœ๏ธ ๋นˆ ํ™”๋ฉด์„ ์˜๋ฆฌํ•˜๊ฒŒ ํ™œ์šฉํ•˜๋Š” 3๊ฐ€์ง€ ๋ฐฉ๋ฒ•] (๐Ÿ‘€๊ฐ„๋‹จ ์š”์•ฝ) ๐Ÿ“Œ ์ฃผ์š” ๋‚ด์šฉ โœ“์‹ ๊ทœ, ์ดˆ๊ธฐ ์‚ฌ์šฉ์ž๋ผ๋ฉด ์–ด์ฉ” ์ˆ˜ ์—†์ด ์„œ๋น„์Šค ๋‚ด ์ฝ˜ํ…์ธ ๊ฐ€ ์•„์ง ์กด์žฌํ•˜์ง€ ์•Š๋Š” ๋“ฑ์˜ ๋นˆ ํ™”๋ฉด(์ƒํƒœ)๋ฅผ ๋งŒ๋‚˜๊ฒŒ ๋จ โœ“์‚ฌ์šฉ์ž๋กœ ์ธํ•ด ๋ฐ์ดํ„ฐ๊ฐ€ ์ฑ„์›Œ์ง€๋Š” ๊ฒฝ์šฐ์—ฌ๋„, ๋‹จ์ˆœํžˆ ๋นˆ ํ™”๋ฉด์œผ๋กœ ์œ ์ง€๋  ๊ฒฝ์šฐ ์‚ฌ์šฉ์ž๋Š” ํ˜ผ๋ž€์Šค๋Ÿฌ์›Œ ํ•  ์ˆ˜ ๋ฐ–์— ์—†์Œ โœ“ ํ˜„์žฌ ์ƒํƒœ๋ฅผ ์ „๋‹ฌํ•˜๊ฑฐ๋‚˜, ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ๋ฐœ๊ฒฌํ•˜๊ฒŒ ํ•˜๊ฑฐ๋‚˜, ์ฃผ์š” ์ž‘์—…์„ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ๋Š” ์—ฐ๊ฒฐ๊ณ ๋ฆฌ๋กœ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•จ ๐Ÿ“Œ ๋นˆ ์ƒํƒœ๋ฅผ ํ™œ์šฉ, ์ƒํƒœ์— ๋Œ€ํ•œ ์•ˆ๋‚ด ์ œ๊ณต โœ“ ์ฝ˜ํ…์ธ ๋ฅผ ์•„์ง ๋กœ๋“œํ•˜๋Š” ์ค‘์ธ๊ฐ€? ํ˜น์‹œ ์–ด๋–ค ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•œ๊ฑด๊ฐ€? ๋‚ด๊ฐ€ ๋ญ˜ ์ž˜๋ชปํ•œ๊ฑด๊ฐ€? โœ“ ์™„์ „ํžˆ ๋น„์–ด์žˆ๋Š” ํ™”๋ฉด์€ ์‚ฌ์šฉ์ž๋กœ ํ•˜์—ฌ๊ธˆ ์œ„์™€ ๊ฐ™์€ ํ˜ผ๋ž€์„ ๋ถˆ๋Ÿฌ์ผ์œผํ‚ฌ ์ˆ˜ ์žˆ์Œ โœ“ ์˜ˆ๋ฅผ ๋“ค์–ด, ๋‚ ์งœ ๋ฒ”์œ„์— ๋”ฐ๋ผ ๋ฐ์ดํ„ฐ๋ฅผ ํ™•์ธํ•˜๋ ค๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉ์ž๊ฐ€ ์ง€์ •ํ•œ ๋‚ ์งœ ๋ฒ”์œ„ ๋‚ด ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์„ ์ˆ˜ ์žˆ์Œ โœ“ ์ด ๋•Œ, ์•„๋ฌด๋Ÿฐ ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œ๊ธฐํ•˜์ง€ ์•Š๊ณ  ๋นˆ ํ™”๋ฉด์œผ๋กœ ๋‘๋Š” ๊ฒƒ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ํ•ฉํ•œ ํ”ผ๋“œ๋ฐฑ์ด ์•„๋‹˜ โœ“ ์„ ํƒํ•œ ๋‚ ์งœ์— ํ•ด๋‹นํ•˜๋Š” ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค, ์™€ ๊ฐ™์ด ํ˜„์žฌ ์ƒํƒœ๋ฅผ ์•Œ ์ˆ˜ ์žˆ๋Š” ํ”ผ๋“œ๋ฐฑ์ด ์ œ๊ณต ๋˜์–ด์•ผ ํ•จ ๐Ÿ“Œ ๋นˆ ์ƒํƒœ๋ฅผ ํ™œ์šฉ, ์ƒํƒœ์— ๋Œ€ํ•œ ์•ˆ๋‚ด ์ œ๊ณต โœ“ ๋นˆ ์ƒํƒœ๋Š” ์‚ฌ์šฉ์ž์˜ ์ƒํ™ฉ ๋˜๋Š” ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๋„์›€๋ง, ์•ˆ๋‚ด๋ฅผ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ๋Š” ์ข‹์€ ๊ธฐํšŒ๊ฐ€ ๋จ โœ“ ์˜ˆ๋ฅผ ๋“ค์–ด ์ €์žฅํ•œ ์ฝ˜ํ…์ธ ๋ฅผ ํ™•์ธํ•˜๋Š” ํ™”๋ฉด์ด๋ผ๋ฉด, ์‚ฌ์šฉ์ž๊ฐ€ ์ด ๊ณณ์„ ์–ด๋–ป๊ฒŒ ์ฑ„์šธ ์ˆ˜ ์žˆ๋Š”์ง€ ์•ˆ๋‚ดํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ โœ“ ์ €์žฅํ•œ ๋ฐ์ดํ„ฐ๊ฐ€ ์—†๋‹ค, ๋ผ๋Š” ์•ˆ๋‚ด ๋ณด๋‹ค ์ƒ์„ธ ํ™”๋ฉด์—์„œ ์ข‹์•„์š” ํ•œ ์ฝ˜ํ…์ธ ๋ฅผ ๋ชจ์•„๋ณผ ์ˆ˜ ์žˆ๋‹ค,๋Š” ์•ˆ๋‚ด๊ฐ€ ๋” ํšจ๊ณผ์  ๐Ÿ“Œ ๋‹ค์Œ ํ–‰๋™์œผ๋กœ ์ด์–ด์งˆ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ• ์ œ๊ณต โœ“ ๋น„์–ด์žˆ๋Š” ํ™”๋ฉด์— ์–ด๋–ค ๋‚ด์šฉ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š”์ง€, ๊ทธ๋ฆฌ๊ณ  ์–ด๋””๋กœ ๊ฐ€๋ฉด ๋ฐ”๋กœ ์ฑ„์šธ ์ˆ˜ ์žˆ๋Š”์ง€๋ฅผ ์•ˆ๋‚ดํ•ด์ฃผ๋Š” ๋ฐฉ๋ฒ• โœ“ ์˜ˆ๋ฅผ ๋“ค์–ด ์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ๋‹ด๊ธด ์•„์ดํ…œ์ด ์—†๋‹ค, ๋ผ๊ณ  ์•ˆ๋‚ดํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ์ธ๊ธฐ ์ƒํ’ˆ ๋ณด๋Ÿฌ๊ฐ€๊ธฐ ๋“ฑ์˜ ๋ฒ„ํŠผ์„ ์ œ๊ณตํ•ด์ฃผ๋Š” ๊ฒƒ (๐Ÿ‘‹์ค‘์š”ํ•œ ์ด์œ ๊ฐ€ ๋ญ”๊ฐ€์š”?) ๋นˆ ํ™”๋ฉด์€ ์–ด์ฉ” ์ˆ˜ ์—†์ด ์‚ฌ์šฉ์ž๊ฐ€ ๋งˆ์ฃผํ•  ์ˆ˜ ๋ฐ–์— ์—†๋Š” ๊ณต๊ฐ„์ด์—์š”. ์ฒซ ์‚ฌ์šฉ์ด๋ผ๋ฉด ๋”๋”์šฑ ๊ทธ๋ ‡์Šต๋‹ˆ๋‹ค. ๋ฌธ์ œ๋Š” ์„œ๋น„์Šค ์ž…์žฅ์—์„œ ์ด ํ™”๋ฉด์„ ์–ด๋–ป๊ฒŒ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋Š๋ƒ์— ๋Œ€ํ•œ ๊ณ ๋ฏผ์ธ๋ฐ์š”. ํ™”๋ฉด ํƒ€์ดํ‹€๋งŒ ์žˆ๊ณ , ์ƒํ™ฉ์— ๋Œ€ํ•ด ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ๊ตฌ๋‚˜ ๊ธฐํƒ€ ๋‚ด์šฉ์ด ํฌํ•จ๋˜์ง€ ์•Š์„ ๊ฒฝ์šฐ, ์‚ฌ์šฉ์ž ์ž…์žฅ์—์„œ ๋ฌด์—‡์„ ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ•˜๋Š”์ง€ ์•Œ ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฐ ์ƒํ™ฉ์—์„œ ์‚ฌ์šฉ์ž๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๋นˆ ํ™”๋ฉด์„ ์–ด๋–ป๊ฒŒ ํ™œ์šฉํ•˜๋ฉด ์ข‹์„์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ๊ธ€์ด์—์š”. ์šด์˜ํ•˜๊ณ  ์žˆ๋Š” ์„œ๋น„์Šค๊ฐ€ ์žˆ๋‹ค๋ฉด, ์ค€๋น„์ค‘์ธ ๋‚ด์šฉ์ด ์žˆ๋‹ค๋ฉด ํ•จ๊ป˜ ์‚ดํŽด๋ณด๊ธฐ ๋” ์ข‹์„๊ฑฐ๋ž€ ์ƒ๊ฐ์— ์ฝ”๋ฉ˜ํŠธ๋ฅผ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค. (๐Ÿ’Œํ•จ๊ป˜ ์ฝ์–ด๋ณด์„ธ์š”!) โœ“ ๐Ÿ—’ ๋นˆ ํ™”๋ฉด ์–ด๋–ป๊ฒŒ ๊ตฌ์„ฑํ•˜๋ฉด ์ข‹์„๊นŒ? : https://maily.so/tipster/posts/249a19

Designing Empty States in Complex Applications: 3 Guidelines

Nielsen Norman Group

Designing Empty States in Complex Applications: 3 Guidelines

2021๋…„ 10์›” 29์ผ ์˜ค์ „ 1:15

๋Œ“๊ธ€ 0