๐Ÿ’ช์•Œ์•„๋‘๋ฉด ํž˜์ด ๋˜๋Š” UX ์ƒ์‹ [Findability vs. Discoverability] Findability - ๊ฐœ๋…: ์œ ์ €๊ฐ€ ์›ํ•˜๋Š” ๊ฒƒ์„ ์ฐพ์„ ์ˆ˜ ์žˆ๋Š”๊ฐ€? (์ง‘์— ๋‘” ์ „ํ™”๋‚˜ ์—ด์‡ ๋ฅผ ์ฐพ๋Š” ๊ฒƒ๊ณผ ์œ ์‚ฌ) - ํ…Œ์ŠคํŠธ ๋ฐฉ๋ฒ• : "where would you go to find "x"?" ํ•ด๋‹น ๊ธฐ๋Šฅ์„ ์–ด๋–ป๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ์„์ง€ ๋ฌผ์–ด๋ณด๋Š” ๋Œ€ํ™”ํ˜•์‹์˜ ์ „ํ˜•์ ์ธ ๋ฆฌ์„œ์น˜ ๋ฐฉ์‹. ๋ฌผ๋ก  ๊ธฐ๋Šฅ๋ช…์„ ์•Œ๋ ค์ฃผ๋ฉด ์•ˆ๋œ๋‹ค๊ฑฐ๋‚˜ ํ•˜๋Š” ๊ธฐ๋ณธ ๋ฃฐ์€ ์ง€์ผœ์•ผ ํ•˜์ง€๋งŒ, taskย completion์œ„ํ•œ ๋ฐฉ๋ฒ•์„ ์–ด๋–ป๊ฒŒ ์ฐพ๋Š”์ง€ ์งˆ๋ฌธ๋ฐฉ์‹์œผ๋กœ ์„ค๊ณ„ํ•จ. - Finability๋ฅผ ๋†’ํžˆ๊ธฐ ์œ„ํ•ด์„œ๋Š” ํ•ด๋‹น ๊ธฐ๋Šฅ์ด ์žˆ์„ ๋ฒ•ํ•œ ์œ„์น˜์— ๋ฐฐ์น˜ํ•จ. ์ด๋ฅผํ…Œ๋ฉด, ํšŒ์‚ฌ ์ „ํ™”๋ฒˆํ˜ธ๋Š” Contact ํŽ˜์ด์ง€์— ๋ฐฐ์น˜ํ•œ๋‹ค๊ฑฐ๋‚˜, ํŒจ์“ฐ์›Œ๋“œ ๋ณ€๊ฒฝ์€ ์œ ์ € ์ •๋ณด ํŽ˜์ด์ง€์— ๋ฐฐ์น˜ํ•˜๋Š” ์›๋ฆฌ. Discoverability - ๊ฐœ๋…: ์œ ์ €๊ฐ€ ์˜ˆ์ƒ์น˜ ๋ชปํ–ˆ์ง€๋งŒ ๋ฐœ๊ฒฌํ•  ์ˆ˜ ์žˆ๋Š”๊ฐ€? - ํ…Œ์ŠคํŠธ ๋ฐฉ๋ฒ•: Discoverability๋Š” ์œ ์ €๊ฐ€ ์Šค์Šค๋กœ ์•Œ์•„์ฐจ๋ฆฌ๋Š”์ง€๋ฅผ ์ดํ•ดํ•ด์•ผํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ง์ ‘์ ์ธ ์งˆ๋ฌธ ๋ฐฉ์‹์œผ๋กœ๋Š” ํ…Œ์ŠคํŠธ ํ•˜๊ธฐ ์–ด๋ ค์›€. ์ฃผ๋กœ ์œ ์ €์˜ ์‚ฌ์šฉ ํ–‰ํƒœ๋ฅผ ๊ด€์ฐฐํ•˜๋Š” ๋ฐฉ์‹์ด๋‚˜ ์œ ์ € ๋ฐ์ดํ„ฐ๋ฅผ ๋ถ„์„ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ํŒ๋‹จํ•จ. - Discoverability๋ฅผ ๋†’ํžˆ๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋…ธ์ถœ๋นˆ๋„๊ฐ€ ๋†’์€ ์ž๋ฆฌ์— ๋ฐฐ์น˜ํ•˜๊ฑฐ๋‚˜ ์œ ์‚ฌ ์ •๋ณด์™€ ๊ฐ€๊น๊ฒŒ ๋ฐฐ์น˜ํ•จ. ์ด๋ฅผํ…Œ๋ฉด, ์•„๋งˆ์กด์˜ ์ปจํ…์ธ  ๋…ธ์ถœ ๋ฐฉ์‹ "Customers who viewed this item also viewed". **NN/g ๊ทธ๋ฃน์€ UX์˜ ๋‘ ๊ฑฐ์žฅ Jakob Nielsen ๊ณผ Don Norman์ด ๋งŒ๋“  ์œ ์ € ๋ฆฌ์„œ์น˜/์ปจ์„คํŒ… ํšŒ์‚ฌ์ด๋‹ค.

Findability vs. Discoverability (Video)

Nielsen Norman Group

Findability vs. Discoverability (Video)

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

๋˜๋Š”

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

2020๋…„ 11์›” 14์ผ ์˜ค์ „ 8:06

๋Œ“๊ธ€ 0




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

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

    1

    ํ•˜์กฐ์€ ๋‹น๊ทผ Product Engineer

    ๋ฐ”์ด๋ธŒ ์ฝ”๋”ฉ, ์ง์ ‘ ํ•ด๋ดค์–ด์š”

    2

    ํ™ฉ๊ฒฝ์ฐฌ(Boaz) P.E.C CEO

    ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ MCP ์— ๋Œ€ํ•ด ์•Œ์•„์•ผ ํ•  ๊ฒƒ๋“ค์€ ๋ฌด์—‡์ผ๊นŒ์š”?

    3

    ๊ณจ๋นˆํ•ด์ปค Chief Maker

    ์–ผ๋งˆ์ „์— ์‹ ์ž… ๊ฐœ๋ฐœ์ž ์ฑ„์šฉ์‹œ ๊ณผ์ œ๋ฅผ 10๋ถ„ ๋‚ด์— ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค์–ด์„œ

    4

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

    ๋งค์ผ์˜ ๋ฃจํ‹ด์„ ๊ฐ–๋Š”๋‹ค๋Š” ๊ฒƒ

    5

    ๊น€์˜์ค‘ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž

    Next.js์—์„œ Docker ๋นŒ๋“œ ์ตœ์ ํ™”ํ•˜๊ธฐ

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