UXUI ์ฃผ๊ฐ„ ์•„ํ‹ฐํด

๐Ÿ”– UXUI ํ•ด์™ธ ์ธ๊ธฐ ์•„ํ‹ฐํด

2022๋…„ 4์›” 1์ฃผ TOP3

2022.04.07 | ์กฐํšŒ 1.25K |
0
|

from.designer

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UXUI ์ปค๋ฎค๋‹ˆํ‹ฐ

๐Ÿ”– 2022๋…„ 4์›” 1์ฃผ TOP3

1๏ธโƒฃ ์ง€๋Šฅํ˜• ํผ ๋””์ž์ธ์˜ 21๊ฐ€์ง€ ๊ทœ์น™

2๏ธโƒฃ PM๊ณผ ๋””์ž์ธ ๊ด€๊ณ„๋ฅผ ๋ง์น˜์ง€ ์•Š๋Š” ๋ฐฉ๋ฒ•

3๏ธโƒฃ [UX ์‚ฌ๋ก€์—ฐ๊ตฌ] Notion Navigation Redesign


 1๏ธโƒฃ ์ง€๋Šฅํ˜• ํผ ๋””์ž์ธ์˜ 21๊ฐ€์ง€ ๊ทœ์น™

์ •๋ณด์˜ ํ๋ฆ„

๊ทœ์น™ 1 โ€” ๋จผ์ € ์—ฐ๋ฝ์ฒ˜ ์ •๋ณด๋ฅผ ์–ป์œผ์„ธ์š”.

๊ฐ„๋‹จํ•œ ๊ฐ€์ž… ์–‘์‹์ด๋ผ๋ฉด ์ฒซ ๋ฒˆ์งธ ๋‹จ๊ณ„์—์„œ ์—ฐ๋ฝ์ฒ˜ ์ •๋ณด๋ฅผ ์–ป์œผ์„ธ์š”. ์ด๋ฉ”์ผ์ด๋‚˜ ํ‘ธ์‹œ์˜ ๋งํฌ์ธ ๊ฒฝ์šฐ ์–‘์‹์— ์—ฐ๋ฝ์ฒ˜ ์ •๋ณด๊ฐ€ ์ž๋™์œผ๋กœ ์ฑ„์›Œ์ง‘๋‹ˆ๋‹ค. ๊ณ ๊ฐ์— ๋Œ€ํ•œ ๋ชจ๋“  ์—ฐ๋ฝ ๊ฐ€๋Šฅํ•œ ์ •๋ณด๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์ˆจ๊ฒจ์ง„ ํ•„๋“œ์— ์ •๋ณด๋ฅผ ์ž…๋ ฅํ•˜์„ธ์š”.

๊ทœ์น™ 2 โ€” ๋ชจ๋“  ๋‹จ๊ณ„์˜ ์–‘์‹์„ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค.

์—ฌ๋Ÿฌ๋‹จ๊ณ„ ์–‘์‹์—์„œ๋Š” ํ•ญ์ƒ ๋ชจ๋“  ๋‹จ๊ณ„์—์„œ ์–‘์‹์„ ์ €์žฅํ•˜์„ธ์š”. ๊ทธ๋ ‡๊ฒŒ ํ•˜๋ฉด ์ •๋ณด๊ฐ€ ์–ผ๋งˆ๋‚˜ ๋ถˆ์™„์ „ํ•˜๋”๋ผ๋„ ์‚ฌ์šฉ์ž๋กœ๋ถ€ํ„ฐ ์ผ๋ถ€ ์ •๋ณด๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ๋ฒ„๋ ค์ง„ ์–‘์‹ ์บ ํŽ˜์ธ์„ ์‹คํ–‰ํ•˜์—ฌ ์™„๋ฃŒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์–‘์‹์„ ์ฒ˜์Œ๋ถ€ํ„ฐ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๊ณ  ๋Œ€์—ญํญ์ด ์žˆ๋Š” ๊ฒฝ์šฐ ๋ชจ๋“  ํ•„๋“œ ์—…๋ฐ์ดํŠธ๋ฅผ ์ €์žฅํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ํ‘œ์ค€ ๋””๋ฐ”์šด์‹ฑ & ์กฐ์ ˆ ๊ธฐ์ˆ ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๊ทœ์น™ 3 โ€” ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๋Š” ์ธ๋ผ์ธ์œผ๋กœ ์ˆ˜ํ–‰๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  ํ•„๋“œ ๊ฒ€์ฆ์€ ์ธ๋ผ์ธ ๋ฐ ํ•„๋“œ ํฌ์ปค์Šค ์•„์›ƒ์—์„œ ์ด๋ฃจ์–ด์ ธ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ์–‘์‹ ์ œ์ถœ์„ ๊ธฐ๋‹ค๋ฆฌ์ง€ ์•Š๊ณ  ์˜ค๋ฅ˜๋ฅผ ์ฆ‰์‹œ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ž์œ  ํ…์ŠคํŠธ ํ•„๋“œ์™€ ๊ฐ™์€ ํŠน์ • ํ•„๋“œ์—์„œ๋Š” ์ฝ˜ํ…์ธ ์— ๋Œ€ํ•œ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๋ฅผ ์ˆ˜ํ–‰ํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์–‘์‹์„ ์ œ์ถœํ•  ๋•Œ ์–‘์‹ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ฐ์ดํ„ฐ์— ์Šน์ธ๋˜๊ธฐ ์ „์— ํ‘œ์ค€ ์ฃผ์ž… ๋ฐฉ์ง€๊ฐ€ ์ถ”๊ฐ€๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•˜์„ธ์š”.

..

๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.


2๏ธโƒฃ PM๊ณผ ๋””์ž์ธ ๊ด€๊ณ„๋ฅผ ๋ง์น˜์ง€ ์•Š๋Š” ๋ฐฉ๋ฒ•

๋””์ž์ด๋„ˆ ํŒŒํŠธ๋„ˆ์™€ ๊ด€๊ณ„๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ  ์ƒํ˜ธ ์กด์ค‘์„ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ 10๊ฐ€์ง€ ํŒ

๋ช‡ ์ฃผ ์ „์— ์ €๋Š” PM์ด ์—”์ง€๋‹ˆ์–ด์™€ ์‹ ๋ขฐ ๊ด€๊ณ„์™€ ์ƒํ˜ธ ์กด์ค‘์˜ ๊ด€๊ณ„๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ผ์Šต๋‹ˆ๋‹ค.

๋‹น์‹ ์ด ํ•˜๋Š” ๋ชจ๋“  ์ผ์—๋Š” ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค๊ณผ ์„ฑ๊ณต์ ์œผ๋กœ ํ˜‘๋ ฅํ•˜๊ณ  ํ˜‘๋ ฅํ•˜๋Š” ๊ฒƒ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ํ”„๋กœ๋•ํŠธ ๊ด€๋ฆฌ๋Š” ์กฐ์ง์—์„œ ๊ฐ€์žฅ ๊ณ ๋ฆฝ๋œ ์—ญํ•  ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ํŒŒํŠธ๋„ˆ์‹ญ์„ ๋งบ๋Š” ๊ฒƒ์€ ์‚ฌ๋žŒ๋“ค๊ณผ ์ƒํ˜ธ ๊ด€๊ณ„๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ  ์‚ฌ๋žŒ๋“ค์ด ์กด์ค‘๋ฐ›๊ณ  ์žˆ๋‹ค๊ณ  ๋Š๋ผ๊ณ  ์„œ๋กœ๋ฅผ ์œ„ํ•ด ์ตœ์„ ์„ ๋‹คํ•˜๋Š” ํŒ€ ๋ฌธํ™”๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์— ๋Œ€ํ•ด ์ƒ๊ฐํ•˜๋Š” ๊ฐ€์žฅ ๊ฑด๊ฐ•ํ•œ ๋ฐฉ๋ฒ•์ด๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

PM์€ ๋น„์ฆˆ๋‹ˆ์Šค(์ž„์› & ๊ธฐํƒ€ ๋ถ€์„œ), UX(๋””์ž์ธ) & ๊ธฐ์ˆ (์—”์ง€๋‹ˆ์–ด๋ง)์ด ๊ต์ฐจํ•˜๋Š” ์ง€์ ์— ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ๊ทธ ์•ˆ์—์„œ ํ•˜๋ฃจ ์ข…์ผ ์ผํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ฆ‰, ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด๊ณ  ์—…๋ฌด๋ฅผ ์ž˜ ์ˆ˜ํ–‰ํ•˜๋ ค๋ฉด ์‚ฌ๋žŒ๋“ค๊ณผ ์˜ฌ๋ฐ”๋ฅธ ๋ฐฉ์‹์œผ๋กœ ์ž‘์—…ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์ž˜๋ชป๋œ ๋ฐฉ์‹์ด ์กด์žฌํ•˜๊ณ  ๊ทธ๋ ‡๊ฒŒ ํ•˜๋ฉด ๊ด€๊ณ„๊ฐ€ ์•…ํ™”๋˜๊ณ  ๋ฌธํ™”์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋ฉฐ ํ’ˆ์งˆ & ํšŒ์‚ฌ ์ „์ฒด์— ํŒŒ๊ธ‰ ํšจ๊ณผ๊ฐ€ ์žˆ๋Š” [ํŒ€] ์ž‘์—…์˜ ์†๋„์ž…๋‹ˆ๋‹ค.

์ด๋ฒˆ ์ฃผ์—๋Š” PM์ด ๋””์ž์ธ ํŒŒํŠธ๋„ˆ์™€ ์„ฑ๊ณต์ ์ธ ์—…๋ฌด ๊ด€๊ณ„๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

๋‹ค์Œ 10๊ฐ€์ง€ ํŒ์€ ๋‚˜์˜ ๊ฒฝํ—˜, ์šฐ๋ฆฌํŒ€๋‚ด ๋””์ž์ด๋„ˆ์™€์˜ ๋Œ€ํ™”, ๋‹ค๋ฅธ ๊ฒŒ์‹œ๋ฌผ & ์Šค๋ ˆ๋“œ์™€ ์˜จ๋ผ์ธํฌ์ŠคํŠธ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•ฉ๋‹ˆ๋‹ค.

  1. ์—…๋ฌด ๊ด€๊ณ„์— ๋Œ€ํ•ด ์ง์ ‘ ์ด์•ผ๊ธฐํ•˜๊ธฐ
  2. ์„œ๋กœ์˜ ์‚ฌ๊ณ ๊ณผ์ •์„ ์ดํ•ด ํ•˜๊ธฐ
  3. ๋””์ž์ด๋„ˆ๋ฅผ ํŒŒํŠธ๋„ˆ์ฒ˜๋Ÿผ ๋Œ€ํ•˜๊ธฐ
  4. ๋””์ž์ด๋„ˆ๋ฅผ ๋ฏธ๋ฆฌ ํฌํ•จ์‹œํ‚ค๊ธฐ
  5. ์ปจํ…์ŠคํŠธ๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๋ฐ ์ค‘์ ์„ ๋‘๊ธฐ
  6. ์ „๋žต๊ณผ ๋กœ๋“œ๋งต์„ ์ „๋‹ฌํ•˜๊ธฐ
  7. ์‹œ๊ธฐ์— ๋Œ€ํ•ด ์ผ์ฐ ๋…ผ์˜ํ•˜๊ธฐ
  8. ๊ทธ๋“ค์˜ ์ ‘์‹œ์— ์–ผ๋งˆ๋‚˜ ๋งŽ์€ ์ž‘์—…์ด ์žˆ๋Š”์ง€ ์กด์ค‘ํ•˜๊ธฐ
  9. ๊ทธ๋“ค์˜ ์ „๋ฌธ ์ง€์‹์„ ๋ฏฟ๊ธฐ
  10. ๊ณต์œ  ๋ชฉํ‘œ๋ฅผ ๋งŒ๋“ค๊ณ  ์กฐ์ •ํ•˜๊ธฐ

1. ์—…๋ฌด ๊ด€๊ณ„์— ๋Œ€ํ•ด ์ง์ ‘ ์ด์•ผ๊ธฐํ•˜๊ธฐ

๋””์ž์ธ ํŒ€๊ณผ ์ตœ๊ณ ์˜ ํŒŒํŠธ๋„ˆ์‹ญ์„ ๋งบ๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋‚ด๋Š” ๊ฐ€์žฅ ์‰ฌ์šด ๋ฐฉ๋ฒ•์€ ์ง์ ‘ ๋ฌผ์–ด๋ณด๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋“ค์€ ๋‹น์‹ ์—๊ฒŒ ๋ฌด์—‡์ด ํšจ๊ณผ๊ฐ€ ์žˆ๊ณ  ๋ฌด์—‡์ด ๊ทธ๋ ‡์ง€ ์•Š์€์ง€ ๋งํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ์— ๊ฐ์‚ฌํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋‹น์‹ ๋„ ๋˜‘๊ฐ™์ด ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ์ดˆ๊ธฐ์— ์–‘์ธก์˜ ์—ญํ• ๊ณผ ์ฑ…์ž„์— ๋Œ€ํ•œ ๊ธฐ๋Œ€์น˜๋ฅผ ์„ค์ •ํ•˜๊ณ  ๊ด€๊ณ„๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๊ณผ์ •์—์„œ ์ถ”์ธก์„ ์ œ๊ฑฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ์ด๊ฒƒ์ด ์ถœ๋ฐœ์ ์ด๋ผ๋Š” ๊ฒƒ์„ ๊ธฐ์–ตํ•˜์„ธ์š”. ๋‹น์‹ ๊ณผ ๋””์ž์ธ์ด ์–ด๋–ป๊ฒŒ ํ˜‘๋ ฅํ•ด์•ผ ํ•˜๋Š”์ง€์— ๋Œ€ํ•ด ์•ฝ๊ฐ„์˜ ๋‹ค๋ฅธ ์˜๊ฒฌ์ด ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ† ๋ก ํ•˜๊ณ , ํ•„์š”ํ•œ ๊ฒฝ์šฐ ํƒ€ํ˜‘ํ•˜๊ณ , ๊ถ๊ทน์ ์œผ๋กœ ์ข‹์€ ๊ธฐ์ค€์„ ์„ ์„ค์ •ํ•˜๊ธฐ ์œ„ํ•ด ํ•จ๊ป˜ ํ˜‘๋ ฅํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ด ๋Œ€ํ™”๋ฅผ ํ•œ ํ›„์—๋Š” ํŠนํžˆ ํŒ€์— ์ฒ˜์Œ ๋“ค์–ด์™€ ๊ด€๊ณ„๋ฅผ ๊ตฌ์ถ•ํ•  ๋•Œ ์ผํšŒ์„ฑ ์ƒํ™ฉ์œผ๋กœ ์ทจ๊ธ‰ํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค. ๋‹ค๋ฅธ ๊ฐ„๊ฒฉ์œผ๋กœ ์„œ๋กœ ํ™•์ธํ•˜๋Š” ์‹œ๊ฐ„์„ ์˜ˆ์•ฝํ•˜์—ฌ ์ผ์ด ์–ด๋–ป๊ฒŒ ์ง„ํ–‰๋˜๊ณ  ์žˆ๋Š”์ง€, ๋ฌด์—‡์ด ์ž˜ ๋˜๊ณ  ์žˆ๋Š”์ง€, ๋ฌด์—‡์ด ๊ทธ๋ ‡์ง€ ์•Š์€์ง€ ๋“ฑ์„ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

์ด๊ฒƒ์€ ํŒ€ ๋™๋ฃŒ์™€ ์ƒˆ๋กœ์šด ๊ด€๊ณ„๋ฅผ ๊ตฌ์ถ•ํ•˜์ง€๋งŒ ํŠนํžˆ ๋””์ž์ด๋„ˆ์—๊ฒŒ ์ค‘์š”ํ•œ PM์—๊ฒŒ ์ „๋ฐ˜์ ์œผ๋กœ ์œ ์šฉํ•œ ์กฐ์–ธ์ž…๋‹ˆ๋‹ค.

2. ์„œ๋กœ์˜ ์‚ฌ๊ณ ๊ณผ์ •์„ ์ดํ•ดํ•˜๊ธฐ

์˜์‚ฌ ๊ฒฐ์ •์ž๋กœ์„œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด PM๊ณผ ๋””์ž์ด๋„ˆ ๊ฐ„์— ์„œ๋กœ ๋‹ค๋ฅธ ์ƒ๊ฐ์„ ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ์ „๋ฐ˜์ ์œผ๋กœ ๊ณ ๊ฐ JTDB์™€ ๊ณ ๊ฐ์˜ ์š”๊ตฌ์— ์ดˆ์ ์„ ๋งž์ถ”๋Š” ๊ฒƒ๊ณผ ๊ฐ™์€ ์‚ฌ๊ณ  ํ”„๋กœ์„ธ์Šค์—๋Š” ์ฐจ์ด์ ๋ณด๋‹ค ์œ ์‚ฌ์ ์ด ๋” ๋งŽ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์„œ๋กœ ๋‹ค๋ฅธ ๊ด€์ ์€ ์ข…์ข… ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ด€์ ์˜ ์ฐจ์ด์—์„œ ๋น„๋กฏ๋ฉ๋‹ˆ๋‹ค.

๋””์ž์ด๋„ˆ๋Š” ๊ฒฝํ—˜, ํ๋ฆ„, ๊ตฌ์„ฑ ์š”์†Œ์˜ ์ผ๊ด€์„ฑ, ๋‹ค์–‘ํ•œ ํ•ด์ƒ๋„์—์„œ ๋” ์ž˜ ์ž‘๋™ํ•˜๋„๋ก ํ•˜๋Š” ๋ฐฉ๋ฒ• ๋“ฑ์— ๋Œ€ํ•ด ์ƒ๊ฐํ•˜๋Š” ๊ฒฝํ–ฅ์ด ์žˆ๋Š” ๋ฐ˜๋ฉด PM์€ ํ˜„์žฌ ๋น„์ฆˆ๋‹ˆ์Šค ์š”๊ตฌ ์‚ฌํ•ญ, ์ž‘์—… ์ค‘์ธ ์—”์ง€๋‹ˆ์–ด๋ง ๋…ธ๋ ฅ, ํ”„๋กœ๋•ํŠธ ์ „๋žต ๋‹ค์Œ ๋ช‡ ๊ธฐ๊ฐ„ ๋™์•ˆ ๋กœ๋“œ๋งต์˜ ๋‚ด์šฉ, ๋ฆฌ์†Œ์Šค ํ• ๋‹น ๋“ฑ ๊ณผ๊ฐ™์€ ์ธก๋ฉด์— ๋Œ€ํ•ด ์ƒ๊ฐํ•˜๋Š” ๊ฒฝํ–ฅ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์„œ ์กฐ์–ธ์€ ๋””์ž์ด๋„ˆ๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์ด๋Ÿฌํ•œ ๋™๊ธฐ๋ฅผ ์ธ์‹ํ•˜๊ณ  ๋” ์ค‘์š”ํ•˜๊ฒŒ๋Š” ๊ฒฐ์ •์„ ๋‚ด๋ฆฌ๊ธฐ ์œ„ํ•œ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ์ปจํ…์ŠคํŠธ๋ฅผ ๊ณต์œ ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ œ์‹œ๋œ ๋””์ž์ธ ๊ฒฐ์ •์— ๋Œ€ํ•ด ๋™์˜ํ•˜์ง€ ์•Š์„ ๋•Œ ํ•  ์ˆ˜ ์žˆ๋Š” ๋˜ ๋‹ค๋ฅธ ์œ ์šฉํ•œ ๋ฐฉ๋ฒ•์€ ์ง„์ •์œผ๋กœ ํ˜ธ๊ธฐ์‹ฌ์„ ๊ฐ–๊ณ  ๊ทธ๊ฒƒ์— ๋Œ€ํ•ด ์–ด๋–ป๊ฒŒ ์ƒ๊ฐํ•˜๋Š”์ง€ ์•ˆ๋‚ดํ•ด ๋‹ฌ๋ผ๊ณ  ์š”์ฒญํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด ๊ฒƒ์„ ๋ฐฐ์šฐ๊ณ  ๊ด€์ ์„ ๋ฐ”๊พธ๊ฑฐ๋‚˜ ์‹ค์ œ๋กœ ๊ฒฐํ•จ์ด ์žˆ์œผ๋ฉด ์Šค์Šค๋กœ ๋ฐœ๊ฒฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ˜ธ๊ธฐ์‹ฌ์€ ํ•ญ์ƒ ์งœ์ฆ์„ ์ด๊น๋‹ˆ๋‹ค.

..

๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.


3๏ธโƒฃ [UX ์‚ฌ๋ก€์—ฐ๊ตฌ] Notion Navigation Redesign

ํ”„๋กœ์ ํŠธ ๊ฐœ์š”

Notion์€ ๊ฐœ์ธ๊ณผ ๋Œ€๊ธฐ์—… ๋ชจ๋‘์—๊ฒŒ ๋งค์šฐ ์ธ๊ธฐ ์žˆ๋Š” ๋ฉ”๋ชจ ์ž‘์„ฑ ๋ฐ ๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋ชจ๋“  ์‚ฌ๋žŒ์ด ํƒ์ƒ‰ํ•˜๊ธฐ๊ฐ€ ์‰ฝ์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค. 6์ฃผ๊ฐ„์˜ ์Šคํ”„๋ฆฐํŠธ ํ”„๋กœ์„ธ์Šค ๋™์•ˆ ์šฐ๋ฆฌ ํŒ€์€ ์‚ฌ์šฉ์ž๊ฐ€ ํ•„์š”ํ•œ ํŽ˜์ด์ง€๋ฅผ ๋” ์‰ฝ๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ๋„๋ก Notion์˜ ํƒ์ƒ‰ ์‹œ์Šคํ…œ์„ ์žฌ์„ค๊ณ„ํ–ˆ์Šต๋‹ˆ๋‹ค.

์‚ฌ์šฉ์ž ์กฐ์‚ฌ์— ํ•„์š”ํ•œ ๋ฌธํ—Œ ๊ฒ€ํ† 

์‚ฌ์šฉ์ž ์ธํ„ฐ๋ทฐ๋ฅผ ์ˆ˜ํ–‰ํ•˜๋ ค๋ฉด ๋จผ์ € Notion์ด ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉ๋˜๋Š”์ง€์— ๋Œ€ํ•œ ์ดํ•ด์™€ ํƒ์ƒ‰์— ๋Œ€ํ•œ ๊ธฐ์กด UX ์ง€์นจ์— ๋Œ€ํ•œ ์ดํ•ด๊ฐ€ ํ•„์š”ํ–ˆ์Šต๋‹ˆ๋‹ค.

์›”์ŠคํŠธ๋ฆฌํŠธ ์ €๋„(Wall Street Journal)์˜ Notion ๋ฆฌ๋ทฐ์—์„œ ์šฐ๋ฆฌ๋Š” Notion์ด ์œ ์‚ฌํ•œ ์•ฑ๊ณผ ์ฐจ๋ณ„ํ™”๋˜๋Š” ์š”์†Œ๊ฐ€ ๋ฌด์—‡์ธ์ง€ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์˜ฌ์ธ์›์ž…๋‹ˆ๋‹ค. ์ด์ „์—๋Š” ์ •๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ์—ฌ๋Ÿฌ ์•ฑ์ด ํ•„์š”ํ–ˆ์ง€๋งŒ ์ด์ œ ์‚ฌ์šฉ์ž๋Š” ํ•˜๋‚˜์˜ ์•ฑ์œผ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ Notion์˜ ๊ด‘๋ฒ”์œ„ํ•œ ๊ธฐ๋Šฅ์€ ๋›ฐ์–ด๋‚œ ์œ ์—ฐ์„ฑ์„ ์ œ๊ณตํ•˜์ง€๋งŒ ๊ฒฐ๊ณผ์ ์œผ๋กœ ๋ชจ๋“  ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๊ฐ€ํŒŒ๋ฅธ ํ•™์Šต ๊ณก์„ ๊ณผ ํ˜ผ๋ž€์„ ์ดˆ๋ž˜ํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์œผ๋กœ UX Booth๋Š” ํƒ์ƒ‰ ๋””์ž์ธ์— ๋Œ€ํ•œ ์ผ๋ฐ˜์ ์ธ ๊ทœ์น™์„ ์ œ์‹œํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ 70%๊ฐ€ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์ด ์•„๋‹Œ ํƒ์ƒ‰์— ์˜์กดํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ๋”ฐ๋ผ์„œ ํƒ์ƒ‰ ๋””์ž์ธ์˜ ์‹คํŒจ๋Š” ์ฝ˜ํ…์ธ  ๋ฐ ๊ธฐ๋Šฅ์˜ ๊ฒ€์ƒ‰ ๊ฐ€๋Šฅ์„ฑ์„ ๊ฐ์†Œ์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค. ์ž˜ ์„ค๊ณ„๋œ ๋‚ด๋น„๊ฒŒ์ด์…˜ ์‹œ์Šคํ…œ์€ ์ผ๊ด€๋˜๊ณ  ์ง๊ด€์ ์ž…๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ๊ธฐ๋Šฅ๊ณผ ์ƒํ˜ธ ์ž‘์šฉํ•  ๋•Œ ๋ฌด์—‡์„ ๊ธฐ๋Œ€ํ•ด์•ผ ํ•˜๋Š”์ง€ ์•Œ์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค.

UX ๊ฐ€์ด๋“œ๋ผ์ธ ์ฒดํฌ๋ฆฌ์ŠคํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Notion์˜ ํ˜„์žฌ ํƒ์ƒ‰ ๋””์ž์ธ์˜ ์ฃผ์š” ๊ธฐ๋Šฅ์„ ์‹๋ณ„ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ƒ๋‹จ์˜ ํƒ์ƒ‰๊ฒฝ๋กœ ๋ฉ”๋‰ด์™€ ์™ผ์ชฝ์˜ ์‚ฌ์ด๋“œ๋ฐ” ๋ฉ”๋‰ด์—๋Š” ์—ฌ๋Ÿฌ ๋“œ๋กญ๋‹ค์šด ๋ฉ”๋‰ด์™€ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

์‚ฌ์šฉ์ž์˜ ์ดํ•ด

๋ฌธํ—Œ ๊ฒ€ํ† ์—์„œ ์ˆ˜์ง‘ํ•œ ์ •๋ณด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ๊ฐ 2~3ํšŒ์˜ ์‚ฌ์šฉ์ž ์ธํ„ฐ๋ทฐ๋ฅผ ์ˆ˜ํ–‰ํ•˜์—ฌ ์ด 9ํšŒ์˜ ์ธํ„ฐ๋ทฐ๋ฅผ ์ˆ˜ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ์™„์ „ํžˆ ์ƒˆ๋กœ์šด ๊ฒƒ๋ถ€ํ„ฐ ๋งค์šฐ ์ˆ™๋ จ๋œ ๊ฒƒ์— ์ด๋ฅด๊ธฐ๊นŒ์ง€ Notion์œผ๋กœ ๋‹ค์–‘ํ•œ ๊ฒฝํ—˜ ์ˆ˜์ค€์„ ์ƒ˜ํ”Œ๋งํ–ˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ Notion์˜ ํƒ์ƒ‰๊ณผ ์ƒํ˜ธ ์ž‘์šฉํ•˜๋Š” ๋ฐฉ์‹์„ ๋” ์ž˜ ๊ด€์ฐฐํ•˜๊ธฐ ์œ„ํ•ด ์ธํ„ฐ๋ทฐ ๋Œ€์ƒ์ž๊ฐ€ ์ž‘์—…์„ ์™„๋ฃŒํ•  ์ˆ˜ ์žˆ๋Š” ์ƒ˜ํ”Œ Notion ์ž‘์—… ๊ณต๊ฐ„์„ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์ธํ„ฐ๋ทฐ๋Š” Zoom์„ ํ†ตํ•ด ์ง„ํ–‰ ๋ฐ ๋…น์Œ๋˜์—ˆ์œผ๋ฉฐ, ์ธํ„ฐ๋ทฐ ๋Œ€์ƒ์ž๋“ค์€ ์ž‘์—…์„ ์™„๋ฃŒํ•˜๋ฉด์„œ ํ™”๋ฉด์„ ๊ณต์œ ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ฐ ์ธํ„ฐ๋ทฐ๋Š” ์„ธ ๋ถ€๋ถ„์œผ๋กœ ๋‚˜๋‰ฉ๋‹ˆ๋‹ค.

  1. ์šฐ๋ฆฌ๋Š” Notion์— ๋Œ€ํ•œ ์‚ฌ์šฉ์ž์˜ ๊ฒฝํ—˜ ์ˆ˜์ค€๊ณผ ์‚ฌ์šฉ ๋ชฉ์ ์„ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด ๋ฐฐ๊ฒฝ ์งˆ๋ฌธ์œผ๋กœ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค.
  2. ์‚ฌ์šฉ์ž๊ฐ€ Notion์„ ์‚ฌ์šฉํ•œ ๊ฒฝํ—˜์ด ์žˆ๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉ์ž์˜ ์Šต๊ด€์— ๋Œ€ํ•ด ํƒ์ƒ‰ ์ค‘์‹ฌ ์งˆ๋ฌธ์„ ํ•˜๊ณ  ์ž‘์—… ๊ณต๊ฐ„ ์„ค์ •์„ ์„ค๋ช…ํ–ˆ์Šต๋‹ˆ๋‹ค. ํŽธ์•ˆํ•œ ๊ฒฝ์šฐ ์‚ฌ์šฉ์ž๋Š” ๊ฐœ์ธ Notion ํ™”๋ฉด์„ ๊ณต์œ ํ–ˆ์Šต๋‹ˆ๋‹ค.
  3. ์ƒ˜ํ”Œ Notion ์ž‘์—… ๊ณต๊ฐ„์ด ์ฃผ์–ด์ง€๋ฉด ์‚ฌ์šฉ์ž๋Š” ํ™”๋ฉด์„ ๊ณต์œ ํ•˜๋ฉด์„œ ์ผ๋ จ์˜ ์ž‘์—…์„ ์™„๋ฃŒํ•˜๋ผ๋Š” ์š”์ฒญ์„ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค. ๊ฐ ์ž‘์—…์—๋Š” ๋ฌธํ—Œ ๊ฒ€ํ† ์—์„œ ์‹๋ณ„ํ•œ ์ฃผ์š” ํƒ์ƒ‰ ๊ธฐ๋Šฅ๊ณผ์˜ ์ƒํ˜ธ ์ž‘์šฉ์ด ํฌํ•จ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ถ€๋ถ„์€ ์ธํ„ฐ๋ทฐ์˜ ๋Œ€๋ถ€๋ถ„์„ ๊ตฌ์„ฑํ–ˆ์œผ๋ฉฐ ๋‹ค์Œ ๋‹จ๊ณ„์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ข…ํ•ฉํ•˜๋ฉด์„œ ๋ฌธ์ œ์ ์„ ํŒŒ์•…ํ•˜๊ธฐ ์œ„ํ•ด ๊ฐ ์ƒํ˜ธ ์ž‘์šฉ์„ ๋ฉด๋ฐ€ํžˆ ๊ฒ€ํ† ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

์ธํ„ฐ๋ทฐํ•œ ์‚ฌ์šฉ์ž ์ค‘ ํ•œ ์‚ฌ๋žŒ์˜ ์นœํ™”๋„ ๋‹ค์ด์–ด๊ทธ๋žจ

์ธํ„ฐ๋ทฐ์—์„œ ํŒจํ„ด์„ ์ฐพ๊ธฐ ์‹œ์ž‘ํ•˜๊ธฐ ์œ„ํ•ด ์นœํ™”๋„ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ด€๋ จ ์‘๋‹ต์„ ๊ทธ๋ฃนํ™”ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ Notion์„ ์‚ฌ์šฉํ•  ๋•Œ(์˜ˆ: ์ˆ˜์—… ๋…ธํŠธ ์ž‘์„ฑ, ์ˆ˜์—… ๊ณ„ํš ์ •๋ฆฌ ๋“ฑ) ๋ฐ ํƒ์ƒ‰ ๊ด€๋ จ ์Šต๊ด€(์˜ˆ: ์‚ฌ์ด๋“œ๋ฐ” ๋ฉ”๋‰ด์— ์˜์กด, ์ด๋™ ๊ฒฝ๋กœ ๋ฉ”๋‰ด ๋ฌด์‹œ ๋“ฑ)์„ ์‚ฌ์šฉํ•  ๋•Œ ์ฒญ์ค‘์˜ ๋ชฉํ‘œ๋ฅผ ์ดํ•ดํ•˜๋Š” ๋ฐ ํŠนํžˆ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋‹ค์Œ์œผ๋กœ, ๊ฐ ์ž‘์—…์„ ๋Œ€์ƒ ํƒ์ƒ‰ ๊ธฐ๋Šฅ์œผ๋กœ ๋‹จ์ˆœํ™”ํ•˜๋Š” ์Šคํ”„๋ ˆ๋“œ์‹œํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ ์‚ฌ์šฉ์ž์˜ ์„ฑ๊ณผ๋ฅผ 1์—์„œ 4๊นŒ์ง€(1=๋ฌธ์ œ ์—†์ด ์™„๋ฃŒ๋จ, 4=์™„๋ฃŒํ•˜์ง€ ๋ชปํ•จ)๋กœ ์ฝ”๋”ฉํ•˜์—ฌ ๊ทธ๋“ค์˜ ํ–‰๋™์— ์ดˆ์ ์„ ๋งž์ถ”๊ณ  ๊ทธ๋“ค์ด ์–ด๋””์—์„œ ์™œ ์–ด๋ ค์›€์„ ๊ฒช์—ˆ๋Š”์ง€ ๊ธฐ๋กํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ๊ฐ€์žฅ ์–ด๋ ค์›€์„ ๊ฒช์—ˆ๋˜ ์˜์—ญ์„ ํŒŒ์•…ํ•˜๊ณ  ๊ณ ์ถฉ์„ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

..

๐Ÿ‘‡ ๋” ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ์›๋ฌธ์—์„œ ํ™•์ธํ•ด์ฃผ์„ธ์š”.

 

๐ŸŽ„from.designer 

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UX ์ปค๋ฎค๋‹ˆํ‹ฐ! from.designer ๋Š” ๋‹ค์–‘ํ•œ ์‚ถ์˜ ๊ฒฝํ—˜ ๊ณต์œ ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ UXUI ์Šคํ„ฐ๋””, ํŠน๊ฐ•, ๋ถํด๋Ÿฝ ๋“ฑ ๋‹ค์–‘ํ•œ ํ”„๋กœ๊ทธ๋žจ์„ ์šด์˜ํ•˜๋Š” ๋””์ž์ด๋„ˆ ์ค‘์‹ฌ์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ์ž…๋‹ˆ๋‹ค. ๋””์ž์ธ, ๋””์ž์ด๋„ˆ์— ๊ด€์‹ฌ์žˆ๋Š” ๋ˆ„๊ตฌ๋‚˜ ์ฐธ์—ฌ ๊ฐ€๋Šฅํ•œ ์˜คํ”ˆ ํ”Œ๋žซํผ ์ปค๋ฎค๋‹ˆํ‹ฐ์ž…๋‹ˆ๋‹ค.


๐Ÿ—“๏ธ
ํ–‰์‚ฌ ์ผ์ • & UXUI ์ž๋ฃŒ 

๋””์ž์ด๋„ˆ ๊ณต์œ , UXUI ์Šคํ„ฐ๋”” ์ฐธ๊ด€, UX ๋ฐœํ‘œ์ž๋ฃŒ ๊ณต์œ ๋“ฑ ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ๋…ธ์…˜์—์„œ ํ™•์ธํ•˜์„ธ์š”.

๐Ÿ’ญ ๋‹จํ†ก๋ฐฉ ๊ฐ€์ž…๋ฌธ์˜  (2,070๋ช…)

๐ŸŽฅ ์œ ํŠœ๋ธŒ UXUI ์ž๋ฃŒ ์˜์ƒ  

๐Ÿ”– ์ด๋ฉ”์ผ 

๐Ÿ“ SNS   @from.designer ํŽ˜์ด์Šค๋ถ , ์ธ์Šคํƒ€๊ทธ๋žจ
 




 

๋‹ค๊ฐ€์˜ฌ ๋‰ด์Šค๋ ˆํ„ฐ๊ฐ€ ๊ถ๊ธˆํ•˜์‹ ๊ฐ€์š”?

์ง€๊ธˆ ๊ตฌ๋…ํ•ด์„œ ์ƒˆ๋กœ์šด ๋ ˆํ„ฐ๋ฅผ ๋ฐ›์•„๋ณด์„ธ์š”

โœ‰๏ธ

์ด๋ฒˆ ๋‰ด์Šค๋ ˆํ„ฐ ์–ด๋– ์…จ๋‚˜์š”?

from.designer ๋‹˜์—๊ฒŒ โ˜•๏ธ ์ปคํ”ผ์™€ โœ‰๏ธ ์ชฝ์ง€๋ฅผ ๋ณด๋‚ด๋ณด์„ธ์š”!

๋Œ“๊ธ€

์˜๊ฒฌ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”

ํ™•์ธ
์˜๊ฒฌ์ด ์žˆ์œผ์‹ ๊ฐ€์š”? ์ œ์ผ ๋จผ์ € ๋Œ“๊ธ€์„ ๋‹ฌ์•„๋ณด์„ธ์š” !
ยฉ 2024 from.designer

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UXUI ์ปค๋ฎค๋‹ˆํ‹ฐ

๋‰ด์Šค๋ ˆํ„ฐ ๋ฌธ์˜from.ddesigner@gmail.com

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ ์„œ๋น„์Šค ์†Œ๊ฐœ์„œ ์˜ค๋ฅ˜ ๋ฐ ๊ธฐ๋Šฅ ๊ด€๋ จ ์ œ๋ณด

์„œ๋น„์Šค ์ด์šฉ ๋ฌธ์˜admin@team.maily.so

๋ฉ”์ผ๋ฆฌ ์‚ฌ์—…์ž ์ •๋ณด

๋ฉ”์ผ๋ฆฌ (๋Œ€ํ‘œ์ž: ์ดํ•œ๊ฒฐ) | ์‚ฌ์—…์ž๋ฒˆํ˜ธ: 717-47-00705 | ์„œ์šธ ์„œ์ดˆ๊ตฌ ๊ฐ•๋‚จ๋Œ€๋กœ53๊ธธ 8, 8์ธต 11-7ํ˜ธ

์ด์šฉ์•ฝ๊ด€ | ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ | ์ •๊ธฐ๊ฒฐ์ œ ์ด์šฉ์•ฝ๊ด€