๐ŸŒŸ ๋””ํ…Œ์ผ์˜ ๊ฐ„๊ฒฉ ์‹œ๋ฆฌ์ฆˆ! [โœ๏ธ ๋นˆ ํ™”๋ฉด์„ ์˜๋ฆฌํ•˜๊ฒŒ ํ™œ์šฉํ•˜๋Š” 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

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

    ๊ฐœ๋ฐœ์ž์˜ ์žฅ์•  ๊ณต์œ  ๋ฌธํ™”

    ์นด

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

    ๊ฐœ๋ฐœ์ž์˜ ์žฅ์•  ๊ณต์œ  ๋ฌธํ™”

    K๋ฆฌ๊ทธ ํ”„๋กœ๊ทธ๋ž˜๋จธ

    ๊ฐœ๋ฐœ์ž์˜ ์žฅ์•  ๊ณต์œ  ๋ฌธํ™”

     โ€ข 

    ์ €์žฅ 23 โ€ข ์กฐํšŒ 4,144


    ์–ด์ œ ์ถœ์‹œ๋œ ๋”ฐ๋ˆ๋”ฐ๋ˆํ•œ ChatGPT Codex๋ฅผ ์‹ค์ œ ํ”„๋กœ์ ํŠธ ๋ ˆํฌ์— ์จ ๋ณด์•˜์Šต๋‹ˆ๋‹ค.


    ํ…Œ์ŠคํŠธ๊ฐ€ ์žˆ์œผ๋ฉด ์Šค์Šค๋กœ ํ…Œ์ŠคํŠธ๋„ ์‹คํ–‰ํ•˜๊ณ , ๋งŒ๋“ ๊ฑฐ ์Šค์Šค๋กœ ์‹คํ–‰ํ•ด๋ณด๋ฉด์„œ ๋ฒ„๊ทธ๋„ ์ˆ˜์ •ํ•˜๊ณ  ํ•˜๋Š”๊ฒŒ ๊ธฐํŠนํ•˜๊ธด ํ•ฉ๋‹ˆ๋‹ค.


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

    ๋‘ ๊ฐ€์ง€ ๋ชฉํ‘œ๊ฐ€ ์žˆ๋‹ค. ์–ด๋–ค ๋ชฉํ‘œ๊ฐ€ ํ•™์Šต ๋™๊ธฐ๋ฅผ ๋†’์ธ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š”๊ฐ€?

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

    ์‰ฝ๊ณ  ์žฌ๋ฐŒ๊ธฐ๋งŒ ํ•œ ๊ต์œก์€ ๋…์ด๋‹ค

    ใ…ใ…ใ……ใ……

    ์‰ฝ๊ณ  ์žฌ๋ฐŒ๊ธฐ๋งŒ ํ•œ ๊ต์œก์€ ๋…์ด๋‹ค

    ์งˆ์„œ

    ๋ˆˆ

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

     โ€ข 

    ๋Œ“๊ธ€ 1 โ€ข ์ €์žฅ 1 โ€ข ์กฐํšŒ 827


    ใ€Š์–ด์ค‘๊ฐ„ํ•œ ์‹คํŒจ๊ฐ€ ๋‚จ๊ธฐ๋Š” ํ›„ํšŒใ€‹

    ์ฃผ

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

     โ€ข 

    ์ €์žฅ 2 โ€ข ์กฐํšŒ 542


    ๋ˆ„๊ตฌ๋‚˜ ํŠน์ • ํšŒ์‚ฌ์— ๋“ค์–ด์„œ๋Š” ์ˆœ๊ฐ„ ๋А๋ผ๋Š” ํšŒ์‚ฌ๋งˆ๋‹ค์˜ ๋ถ„์œ„๊ธฐ๊ฐ€ ์žˆ๋‹ค. ๊ฐ€์ •๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ด๋‹ค. ๋ถ„์œ„๊ธฐ๊ฐ€ ์—„ํ•ด๋ณด์ด๋Š” ์ง‘, ๊นŒ๋ถˆ๊นŒ๋ถˆํ•œ ์ง‘, ๋Œ€ํ™”๋Š” ์—†์–ด๋„ ํ™”๋ชฉํ•ด๋ณด์ด๋Š” ์ง‘.

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

    ๋ฐฐ๋‹ฌ์˜ ๋ฏผ์กฑ ํ•œ๋ช…์ˆ˜ CCO, ๋ˆ์ด ์žˆ์–ด์•ผ ์ข‹์€ ์กฐ์ง ๋ฌธํ™”๋ฅผ ๋งŒ๋“ ๋‹ค? โ€œํŒฉํŠธ๋Š” ๊ธฐ์—… ๋ฌธํ™”๊ฐ€ ๋จผ์ € ์ž˜ ์žกํ˜€์•ผ ๋ˆ์ด ๋”ฐ๋ผ์˜จ๋‹คโ€

    ์‚ฌ๋ก€๋‰ด์Šค

    ๋ฐฐ๋‹ฌ์˜ ๋ฏผ์กฑ ํ•œ๋ช…์ˆ˜ CCO, ๋ˆ์ด ์žˆ์–ด์•ผ ์ข‹์€ ์กฐ์ง ๋ฌธํ™”๋ฅผ ๋งŒ๋“ ๋‹ค? โ€œํŒฉํŠธ๋Š” ๊ธฐ์—… ๋ฌธํ™”๊ฐ€ ๋จผ์ € ์ž˜ ์žกํ˜€์•ผ ๋ˆ์ด ๋”ฐ๋ผ์˜จ๋‹คโ€

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

    1

    K๋ฆฌ๊ทธ ํ”„๋กœ๊ทธ๋ž˜๋จธ ์ปคํ”ผํ•œ์ž” ๊ฐœ๋ฐœ์ž

    ๊ฐœ๋ฐœ์ž์˜ ์žฅ์•  ๊ณต์œ  ๋ฌธํ™”

    2

    ์„๋ฏผ ์ปค๋ฆฌ์–ด ์ฝ”์น˜

    ์œ„๋กœ

    3

    ์žฅํ™์„ ์ŠคํŽ˜์ด์Šค์˜ค๋””ํ‹ฐ ๋ถ€๋Œ€ํ‘œ/CPO

    < ๋‡Œ๋ฅผ ๊ฐ€์žฅ ๋น ๋ฅด๊ฒŒ ๋ฐ”๊พธ๋Š” 3๊ฐ€์ง€ ๋ฐฉ๋ฒ• >

    4

    ๋‹ฌ๋ ˆ Apollo GraphQL Software Engineer

    Dependabot์„ ํ†ตํ•œ ์•ˆ์ „ํ•œ ์˜์กด์„ฑ ๊ด€๋ฆฌ

    5

    ๋ ˆ๋“œ๋ฒ„์Šค๋ฐฑ๋งจ ๋ฆฌ์„œ์ฒ˜ ์•ค ๋ผ์ดํ„ฐ

    โŸช์Šคํ† ๋ฆฌ๋ฅผ ๋งŒ๋“œ๋Š” ์‚ฌ๋žŒ๋“คโŸซ