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

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

UX ๋ฒ•์น™ / ๋””์ž์ธ์— ๋Œ€ํ•œ ์‹œ๊ฐ์  ์ •ํ™•๋„ / Google UX ๋””์ž์ธ ์ž๊ฒฉ์ฆ

2022.02.28 | ์กฐํšŒ 1.07K |
0
|

from.designer

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

๊ตฌ๋…์ž ๋‹˜์„ ์œ„ํ•œ UXUI ํ•ด์™ธ ์•„ํ‹ฐํด TOP3

  • UX์˜ ๋ฒ•์น™ โ€” ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค ํ–ฅ์ƒ
  • ๋””์ž์ธ์— ๊ด€ํ•ด์„œ๋Š” ๋‹น์‹ ์˜ ๋ˆˆ์ด ์ˆ˜ํ•™๋ณด๋‹ค ํ›จ์”ฌ ๋‚ซ์Šต๋‹ˆ๋‹ค.
  • Google UX ๋””์ž์ธ ์ž๊ฒฉ์ฆ์— ๋Œ€ํ•œ ๋‚˜์˜ ๊ฒฝํ—˜

๐Ÿ”– UX์˜ ๋ฒ•์น™ โ€” ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค ํ–ฅ์ƒ

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

๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋Š” ๋””์ž์ธ์‚ฌ๊ณ  ์ ‘๊ทผ๋ฐฉ์‹์œผ๋กœ 5๊ฐ€์ง€์˜ ๊ธฐ๋ณธ๋‹จ๊ณ„๋กœ ๊ตฌ์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ฒญ์ค‘์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๊ธฐ(์ž์‹ ์ด ์‚ฌ์šฉ์ž๊ฐ€ ์•„๋‹˜์„ ๊ธฐ์–ตํ•˜๊ธฐ!), ๋ฌธ์ œ ์‹๋ณ„, ์†”๋ฃจ์…˜ ์ฐพ๊ธฐ, ๋””์ž์ธ ์•„์ด๋””์–ด ์ƒ์„ฑ & ํ”„๋กœ์„ธ์Šค ํ”„๋กœํ† ํƒ€์ดํ•‘. ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋ฅผ ๋ณด๊ฐ•ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ๋Š” UX์˜ ๋ฒ•์น™์„ ๋”ฐ๋ฅด๋Š” ๊ฒƒ๋„ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.

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

ํšจ์œจ์ ์ธ ํ”„๋กœ๋•ํŠธ๋ฅผ ์œ„ํ•ด ๋”ฐ๋ผ์•ผ ํ•  10๊ฐ€์ง€ ๋ฒ•์น™

ํ•์ธ ์˜ ๋ฒ•์น™(Pitts's law)์€ ๊ฐœ์ฒด์˜ ํฌ๊ธฐ์™€ ์œ„์น˜๋ฅผ ์‹ ์ค‘ํ•˜๊ฒŒ ์กฐ์ •ํ•˜์—ฌ ์ƒํ˜ธ ์ž‘์šฉ์„ ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ๋Œ€ํ™”ํ˜• ๊ฐœ์ฒด๋กœ ์ด๋™ํ•˜๊ณ  ์ƒํ˜ธ ์ž‘์šฉํ•˜๋Š” ๋ฐ ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„์ด ์งง์•„์•ผ ํ•˜๊ณ  ํฌ๊ธฐ๊ฐ€ ๊ฐœ์ฒด๋ฅผ ์ •ํ™•ํ•˜๊ฒŒ ์„ ํƒํ•  ์ˆ˜ ์žˆ์„ ๋งŒํผ ์ปค์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์ „์ž ์ƒ๊ฑฐ๋ž˜ ์‚ฌ์ดํŠธ์˜ ๊ฒฐ์ œ ํ”„๋กœ์„ธ์Šค์—์„œ๋Š” CTA ๋ฒ„ํŠผ์„ ์‰ฝ๊ฒŒ ์„ ํƒํ•˜๊ณ  ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ์‹์œผ๋กœ ์„ค๊ณ„๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

ํž‰์Šค์˜ ๋ฒ•์น™(Hick's law)์€ ์ œํ•œ๋œ ํƒ€์ž„๋ผ์ธ์—์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์—ฌ๋Ÿฌ ์„ ํƒ์„ ํ†ตํ•ด ๊ฒฐ์ •์„ ๋‚ด๋ ค์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉ์ž์˜ ์ธ์ง€ ๋ถ€ํ•˜๊ฐ€ ์–ด๋–ป๊ฒŒ ์ฆ๊ฐ€ํ•˜๋Š”์ง€ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค. ์ด๋กœ ์ธํ•ด ๋งŽ์€ ํ˜ผ๋ž€์ด ๋ฐœ์ƒํ•˜๊ณ  ์ถœ๋ ฅ์ด ์ €ํ•˜๋ฉ๋‹ˆ๋‹ค. ํž‰์Šค์˜ ๋ฒ•์น™์€ ์„ ํƒ์˜ ์ˆ˜๊ฐ€ ๋งŽ์„์ˆ˜๋ก ๊ฒฐ์ • ์‹œ๊ฐ„์ด ๊ธธ์–ด์ง„๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž์˜ ์ธ์ง€ ๋ถ€ํ•˜๋ฅผ ์ค„์ด๊ธฐ ์œ„ํ•ด ์„ ํƒ์„ ์ตœ์†Œํ™”ํ•˜๊ณ  ๋ณต์žกํ•œ ์ž‘์—…์„ ๋” ์ž‘์€ ๋‹จ๊ณ„๋กœ ๋‚˜๋ˆ„๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ๊ฐ€์ž… ํ”„๋กœ์„ธ์Šค์— ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ๋ฐ”๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ ˆ์ฐจ๋ฅผ ๋‹จ๊ณ„๋ณ„๋กœ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ธฐ ๋•Œ๋ฌธ์— ๋” ๋งŽ์€ ์‚ฌ์šฉ์ž๊ฐ€ ๊ฐ€์ž…ํ•˜๊ฒŒ ๋˜๋Š” ๊ฒƒ์œผ๋กœ ๊ด€์ฐฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋ฐ€๋Ÿฌ์˜ ๋ฒ•์น™(Miller's law)์— ๋”ฐ๋ฅด๋ฉด ํ‰๊ท ์ ์ธ ์‚ฌ๋žŒ์€ ์ž‘์—…์„ ์ตœ๋Œ€ 7๊ฐœ์˜ ํ•ญ๋ชฉ๋งŒ ๊ธฐ์–ต ํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ •๋ณด๋ฅผ ์‰ฝ๊ฒŒ ๊ธฐ์–ตํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ตฌ์„ฑํ•˜์—ฌ ๋ณต์žกํ•œ ์ž‘์—…์„ ์‰ฝ๊ฒŒํ•˜๊ธฐ ์œ„ํ•œ ๊ทธ๋ฃนํ™”์— ์ค‘์ ์„ ๋‘ก๋‹ˆ๋‹ค.

์ œ์ด์ฝฅ์˜ ๋ฒ•์น™(Jacobs law)์€ ์‚ฌ์šฉ์ž๊ฐ€ ์ƒˆ๋กœ์šด ๋””์ž์ธ๋ณด๋‹ค ๊ธฐ์กด ๋””์ž์ธ์— ๋” ์‰ฝ๊ฒŒ ์ ์‘ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ฆ๋ช…ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋Œ€๋ถ€๋ถ„ ๋‹ค๋ฅธ ์‚ฌ์ดํŠธ๋ฅผ ์‚ฌ์šฉํ• ๋•Œ, ์ด๋ฏธ ์•Œ๊ณ  ์žˆ๋Š” ์‚ฌ์ดํŠธ๋“ค๊ณผ ๋™์ผํ•œ ๋ฐฉ์‹์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ๊ฒƒ์„ ์„ ํ˜ธํ•œ๋‹ค๊ณ  ๋งํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ์ƒˆ๋กœ์šด ๋ชจ๋ธ์„ ๋ฐฐ์šฐ๋Š” ๊ฒƒ๋ณด๋‹ค ์ž‘์—…ํ•˜๋Š”๋ฐ ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๋ถˆ์ผ์น˜ํ•จ์„ ์ตœ์†Œํ™”ํ•˜๊ธฐ ์œ„ํ•ด ๊ธฐ์กด ๋ฉ˜ํƒˆ ๋ชจ๋ธ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž๋Š” ํ๋ฆ„์„ ์‰ฝ๊ฒŒ ์ดํ•ดํ•˜๊ณ  ์ƒˆ๋กœ์šด ํ™˜๊ฒฝ์—๋„ ๋ช‡ ๊ฐ€์ง€ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ๋งŒ ์ตํžˆ๋ฉฐ ์ ์‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

..

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


๐Ÿ”– ๋””์ž์ธ์— ๊ด€ํ•ด์„œ๋Š” ๋‹น์‹ ์˜ ๋ˆˆ์ด ์ˆ˜ํ•™๋ณด๋‹ค ํ›จ์”ฌ ๋‚ซ์Šต๋‹ˆ๋‹ค.

์ €๋Š” 6๋…„ ์ „ ํ”„๋ฆฌ๋žœ์„œ ๊ทธ๋ž˜ํ”ฝ ๋””์ž์ด๋„ˆ๋กœ ๋””์ž์ธ์˜ ์„ธ๊ณ„์— ๋›ฐ์–ด๋“ค์—ˆ๊ณ  ์•ฝ 1๋…„ ํ›„ ํ”„๋กœ๋•ํŠธ ๋””์ž์ธ์œผ๋กœ ์ „ํ™˜ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ฒฝ๋ ฅ ๋‚ด๋‚ด ์ปดํ“จํ„ฐ ์ƒ์„ฑ ๋””์ž์ธ ์˜๋„์˜ ์ถœ๋ ฅ์ด ์˜ˆ์ƒํ•œ ๊ฒฐ๊ณผ์™€ ๋‹ค๋ฅธ ์ˆ˜๋ฐฑ ๊ฐ€์ง€์˜ ์‹œ๋‚˜๋ฆฌ์˜ค๋ฅผ ์ ‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ช‡ ๊ฐ€์ง€ ์‚ฌ๋ก€๋ฅผ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ชจ๋“  ๋กœ๊ณ ๋Š” ๋™์ผํ•˜๊ฒŒ ์ƒ์„ฑ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ณ ๊ฐ์„ ์œ„ํ•œ ๊ณ ๊ฐ ์„น์…˜ ํŽ˜์ด์ง€์—์„œ ์ž‘์—…ํ•  ๋•Œ, ์ œ๊ฐ€ ์ฒ˜์Œ ์ง€์‹œํ•œ ๊ฒƒ์€ 256px*200px ๋ฐ•์Šค์— ๊ณ ๊ฐ์˜ ๋กœ๊ณ ์™€ ์ด๋ฆ„์„ ํฌํ•จํ•˜๋Š” ๊ทธ๋ฆฌ๋“œ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

๋‚ด ์ปดํ“จํ„ฐ์—์„œ๋Š” ๋†’์ด๊ฐ€ ๋ชจ๋‘ 24ํ”ฝ์…€์ด๋ผ๊ณ  ํ‘œ์‹œ๋˜์ง€๋งŒ ๋‚ด ๋ˆˆ์—๋Š” ์ด๊ฒƒ์ด ์‹œ๊ฐ์ ์œผ๋กœ ๋งค๋ ฅ์ ์ด์ง€ ์•Š๋‹ค๊ณ  ๋งํ•ฉ๋‹ˆ๋‹ค.

Sketch๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ฒซ ๋ฒˆ์งธ ์ƒ์ž๋ฅผ ์žฌ์‚ฌ์šฉ์„ ์œ„ํ•œ ๊ธฐํ˜ธ๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์„ฑํ•˜๊ธฐ ์œ„ํ•œ ๊ธฐ์ดˆ๋กœ ์ˆ˜ํ•™ ๋ฐ ๋ชจ๋“ˆ์„ฑ์„ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋” ๊ท ํ˜• ์žกํžˆ๊ณ  ์•„๋ฆ„๋‹ค์šด ๊ทธ๋ฆฌ๋“œ๋ฅผ ์–ป๊ธฐ ์œ„ํ•ด ์ด ๋ฐ˜๋ณต ๊ฐ€๋Šฅํ•œ ๋ชจ๋“ˆ์—์„œ ๋ฒ—์–ด๋‚˜๋ ค๋ฉด ๋‚ด ๋ˆˆ์„ ๋ฏฟ์–ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ฒฝ๊ณ„ ์ƒ์ž(bounding box)๋Š” ์‹ค์ œ์ž…๋‹ˆ๋‹ค. ์•„๋ž˜์˜ ๊ฒฝ์šฐ ๋‚ด ๋ˆˆ์€ ์ด ํŽ˜์ด์ง€์˜ ์™ผ์ชฝ๊ณผ ์˜ค๋ฅธ์ชฝ์ด ์ค‘์•™์— ์ˆ˜์ง์œผ๋กœ ์ •๋ ฌ๋œ ๋Š๋‚Œ์ด ๋“ค์ง€ ์•Š๋Š”๋‹ค๊ณ  ๋งํ•˜์ง€๋งŒ Figma๋Š” ๊ทธ๋ ‡์ง€ ์•Š๋‹ค๊ณ  ๋งํ•ฉ๋‹ˆ๋‹ค. ์Œ, ์—ฌ๊ธฐ์„œ ๋ฌธ์ œ๋Š” ์ปดํ“จํ„ฐ๊ฐ€ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ๋žŒ๊ณผ ๋‹ค๋ฅด๊ฒŒ ๋ณธ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๋ฌผ์ฒด์˜ ์งˆ๋Ÿ‰(์ด ๊ฒฝ์šฐ ์ถ•๊ตฌ๊ณต)์„ ๋ณด์ง€๋งŒ ์ปดํ“จํ„ฐ๋Š” ๊ฒฝ๊ณ„ ์ƒ์ž(์ด๋ฏธ์ง€์˜ ๊ฐ€๋Šฅํ•œ ๋ชจ๋“  ํ”ฝ์…€์„ ํฌํ•จํ•˜๋Š” ๋ณด์ด์ง€ ์•Š๋Š” ์ƒ์ž)๋ผ๋Š” ๊ฒƒ์„ ๋ด…๋‹ˆ๋‹ค. ์•„๋ž˜ ์˜ˆ์—์„œ ๊ฒฝ๊ณ„ ์ƒ์ž๋Š” ํŒŒ๋ž€์ƒ‰ ์ง์‚ฌ๊ฐํ˜•์ž…๋‹ˆ๋‹ค.

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

๋” ์ข‹์€ ์ ์€ ์•„๋ž˜์ชฝ์— ์žˆ๋Š” ์ผ๋ถ€ ํŠ„ ์Šคํ”Œ๋ž˜ํ„ฐ๋ฅผ ์ •๋ฆฌํ•˜์—ฌ ๋น„ํŠธ๋งต์„ ํŽธ์ง‘ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฉด ์—…๋ฐ์ดํŠธ๋œ ๊ฒฝ๊ณ„ ์ƒ์ž๊ฐ€ ์ด์ œ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์ด๋ฏธ์ง€์˜ ์‹œ๊ฐ์  ๋ฉ์–ด๋ฆฌ๊ฐ€ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ฐ™์€ ํƒ€์ž…์˜ ๋‹ค๋ฅธ ๋ฌธ์ž๋Š” ๋™์˜ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์ธํ…Œ๋ฆฌ์–ด ๋””์ž์ธ ํšŒ์‚ฌ์˜ ์‹คํ—˜์ ์ธ ๋กœ๊ณ ์˜ ๊ฐ„๋‹จํ•œ ์˜ˆ์ž…๋‹ˆ๋‹ค. ์ „์ฒด ํƒ€์ž…์€ Helvetica Neue์— 64ํฌ์ธํŠธ๋กœ, ์ปค๋‹(kerning)์€ ์ž๋™, ํŠธ๋ž˜ํ‚น์€ 60ํฌ์ธํŠธ๋กœ ์„ค์ •๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ํƒ€์ž… ๊ธฐ์ค€์„ ์€ ๊ฐ€์šด๋ฐ๋กœ ์„ค์ •๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋‚ด ๋ˆˆ์—๋Š” I์™€ + ์‚ฌ์ด์—๋Š” +์™€ T์‚ฌ์ด์˜ ๊ณต๊ฐ„๋ณด๋‹ค ๋” ๋งŽ์€ ๊ณต๊ฐ„์ด ์žˆ๋Š” ๊ฒƒ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค. ์ฆ‰, +๊ฐ€ ์ค‘๊ฐ„์— ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ์ˆ˜์ •ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ผ๋‹จ ๊ธฐ์ค€์„ ๋ถ€ํ„ฐ. ์ €๋Š” ๋‹จ์–ด ์ „์ฒด๋ฅผ ์“ฐ๋‹ค๋“ฌ๊ณ  ๊ธ€์ž๋ฅผ ๊ฐ€์šด๋ฐ๋กœ ์„ธ๋กœ๋กœ ๋‹ค์‹œ ๋งž์ถ”์—ˆ์Šต๋‹ˆ๋‹ค.

๋‹ค์Œ์œผ๋กœ, ์šฐ๋ฆฌ๋Š” ์šฐ๋ฆฌ์˜ ๋ˆˆ์„ ์‹ ๋ขฐํ•˜๋ฉฐ +์™€ T ์‚ฌ์ด์˜ ์ปค๋‹์„ I์™€ +์˜ ์ปค๋‹๊ณผ ์ผ์น˜ํ•˜๋„๋ก ์กฐ์ •ํ•ฉ๋‹ˆ๋‹ค. ๊ธฐ๋ณธ ๊ฐ„๊ฒฉ์€ +๊ฐ€ ๋„ˆ๋ฌด ์™ผ์ชฝ์— ์žˆ์Šต๋‹ˆ๋‹ค. I๋Š” ์ง์„  ์„ธ๋กœ ํš์ด๊ณ  T๋Š” ํฌ๋กœ์Šค ๋ง‰๋Œ€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ€๋กœ์ค„์€ ์„ธ๋กœ์ค„์— ๋น„ํ•ด ์กด์žฌ๊ฐ์ด ๋งค์šฐ ๋‚ฎ๊ธฐ ๋•Œ๋ฌธ์— ์šฐ๋ฆฌ๊ฐ€ ํ•ด์•ผ ํ•  ์ผ์€ ๋Œ€๋ถ€๋ถ„์˜ ๊ฐ€๋กœ์ค„์„ ๋ฌด์‹œํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ฐจ์ด๋ฅผ ์ข€ ๋” ๋šœ๋ ทํ•˜๊ฒŒ ํ‘œํ˜„ํ•˜์ž๋ฉด, ์ด๊ฒƒ์ด ์ตœ์ข… ๊ฒฐ๊ณผ์˜ ๋ชจ์Šต์ž…๋‹ˆ๋‹ค. ์ €๋Š” ์—ฌ๋Ÿฌ๋ถ„์ด ์–ด๋Š ๊ฒƒ์ด ์ „์ ์œผ๋กœ ์ˆ˜ํ•™์œผ๋กœ ์ˆ˜ํ–‰๋˜์—ˆ๋Š”์ง€ ์‰ฝ๊ฒŒ ๊ณ ๋ฅผ ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๋‹ค. 

. . 

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


๐Ÿ”– Google UX ๋””์ž์ธ ์ž๊ฒฉ์ฆ์— ๋Œ€ํ•œ ๋‚˜์˜ ๊ฒฝํ—˜

Coursera(์ฝ”์„ธ๋ผ)์—์„œ Google UX ๋””์ž์ธ ์ž๊ฒฉ์ฆ์„ ์™„๋ฃŒํ•œ ์ง€ ํ•œ ๋‹ฌ์ด ์ง€๋‚ฌ์Šต๋‹ˆ๋‹ค.

์ด ๋†€๋ผ์šด ๋ถ„์•ผ์—์„œ ๋งŽ์€ ๊ฒƒ์„ ๋ฐฐ์› ๊ณ , ์ง์—…๊ณผ ํ•จ๊ป˜ ํ•˜๋Š” ๊ณผ์ •์—์„œ ํ•ด์•ผ ํ•  ์ผ์„ ๊ฐ๋‹นํ•˜๊ธฐ ๋ฒ„๊ฑฐ์› ๋˜ ์ˆœ๊ฐ„๋„ ์žˆ์—ˆ๊ณ , ์ฒ˜์Œ์— ์ƒ๊ฐํ–ˆ๋˜ ๊ฒƒ ๋ณด๋‹ค ํ›จ์”ฌ ํž˜๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ๊ณผ์ •์„ ์ˆ˜๊ฐ•ํ•˜๊ฒŒ ๋œ ๋™๊ธฐ๋Š” Coursera(์ฝ”์„ธ๋ผ)์™€ Google์—์„œ ์ œ๊ณตํ•  ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ œ๊ฐ€ UX ๊ต์œก์„ ์ „ํ˜€ ๋ฐ›์ง€ ์•Š์•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

์ €๋Š” ์ฑ…, ๋ธ”๋กœ๊ทธ, ์œ ํŠœ๋ธŒ ํŠœํ† ๋ฆฌ์–ผ์„ ํ†ตํ•ด ๋ฐฐ์› ๊ณ  Brainiac์—์„œ UX ๋””์ž์ด๋„ˆ๋กœ ์ผํ–ˆ๋˜ ์ฒซ ๊ฒฝํ—˜ ์ดํ›„, ์ €๋Š” ์•„์ด๋””์–ด๋ฅผ ๋‚ด๊ณ  ์ œ๊ฐ€ ๋ฐฐ์šด ๊ฒƒ์„ ์‘์šฉํ•˜๋Š” ํฅ๋ฏธ๋กœ์šด ํ”„๋กœ์ ํŠธ์— ์ฐธ์—ฌํ–ˆ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ๊ทธ ๊ณผ์ •์—์„œ ๊ฐ„๊ทน์„ ๋Š๊ผˆ๊ณ  ํ”„๋กœํ•„์„ ์™„์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ์˜ฌ๋ฐ”๋ฅธ ๊ฒฝ๋กœ๋ฅผ ์ฐพ์•„์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ’ก ๊ทธ ๋‹น์‹œ ์ €๋Š” ์ฒด๊ณ„์ ์ด๊ณ  ๊ณต์ธ๋œ ๊ณผ์ •์„ ์ˆ˜๊ฐ•ํ•˜๊ธฐ๋กœ ๊ฒฐ์‹ฌํ–ˆ๊ณ , ์ด ์ „๊ณต์ด ์ •๋ง ์ถ”์ฒœ๋˜์—ˆ๊ณ  ํ›„ํšŒํ•˜์ง€ ์•Š๋Š” ์„ ํƒ์ด๋ผ๋Š” ๊ฒƒ์„ ์•Œ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ ๊ณผ๋ชฉ์ด ์™„๋ฒฝํ•˜๊ณ  ๋งค์šฐ ์ž˜ ๊ตฌ์„ฑ๋œ 7๊ฐœ์˜ ์ „๊ณต๊ณผ๋ชฉ์—์„œ ๋งŽ์€ ๊ฒƒ์„ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค.

7๊ฐœ์˜ ์›…์žฅํ•œ ๊ณผ์ •๋“ค์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  1. ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX) ๋””์ž์ธ์˜ ๊ธฐ์ดˆ.
  2. UX ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค ์‹œ์ž‘: ๊ณต๊ฐ, ์ •์˜, ๋ฐœ์ƒ
  3. ์™€์ด์–ดํ”„๋ ˆ์ž„๊ณผ ์ €์ถฉ์‹ค๋„ ํ”„๋กœํ† ํƒ€์ž… ๊ตฌ์ถ•
  4. UX ๋ฆฌ์„œ์น˜๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ  ์ดˆ๊ธฐ ๊ฐœ๋… ํ…Œ์ŠคํŠธ
  5. Figma์—์„œ ๊ณ ์ถฉ์‹ค๋„ ๋””์ž์ธ๊ณผ ํ”„๋กœํ† ํƒ€์ž… ์ œ์ž‘
  6. Adobe XD์˜ ๋ฐ˜์‘ํ˜• ์›น ๋””์ž์ธ.
  7. ์‚ฌํšŒ์  ์ด์ต์„ ์œ„ํ•œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋””์ž์ธํ•˜๊ณ  ์ทจ์—… ์ค€๋น„

๋ฆฌ์„œ์น˜, ์‚ฌ์šฉ์ž ๊ณต๊ฐ, ํ…Œ์ŠคํŠธ ๋ถ€๋ถ„์— ํ›จ์”ฌ ๋” ์ดˆ์ ์„ ๋งž์ถ˜ ์ฝ”์Šค 1, 2, 4์— ์ •๋ง ๊ฐ์‚ฌํ•ด ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด์ „์— ๋งˆ์Šคํ„ฐํ•˜์ง€ ๋ชปํ–ˆ๋˜ ๋ถ€๋ถ„๊ณผ ์ด๋ฅผ ์œ„ํ•œ ๊ฐœ๋…์„ ์‹ค์ฒœํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์คฌ์Šต๋‹ˆ๋‹ค.

์ •ํ™•ํžˆ ๋ฌด์—‡์„ ๋ฐฐ์šฐ๊ฒŒ ๋  ๊ฒƒ์ธ๊ฐ€ :

๋ณธ ์ธ์ฆ์„ ํ†ตํ•ด ์Šต๋“ํ•œ ๊ธฐ์ˆ ์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด๋ ค๋ฉด ๊ฐ•์˜ ๊ณ„ํš์„œ๋ฅผ ์ฝ์„ ์ˆ˜ ์žˆ์ง€๋งŒ ์‹œ๊ฐ„์„ ์ ˆ์•ฝํ•˜๊ธฐ ์œ„ํ•ด ๊ฐœ์š”๋ฅผ ์•Œ๋ ค๋“œ๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค โฑ๏ธ:

  1. ๋””์ž์ธ ์ž‘์—…, ๊ณตํ†ต ์šฉ์–ด ๋„๊ตฌ, ๋””์ž์ธ ํ”„๋ ˆ์ž„์›Œํฌ์™€ ์ „๋ฌธ ์ธ๋ ฅ ๊ตฌ์ถ• ๋ฐฉ๋ฒ•.
  2. UX ๋””์ž์ธ์—์„œ ์ ‘๊ทผ์„ฑ์˜ ์ค‘์š”์„ฑ.
  3. ์‚ฌ์šฉ์ž์™€ ๊ณต๊ฐํ•˜๋Š” ๊ฒƒ.
  4. ๋ฌธ์ œ์ ์„ ์ •์˜ํ•˜๊ณ  ์œ ์ € ์Šคํ† ๋ฆฌ, ํŽ˜๋ฅด์†Œ๋‚˜, ์‚ฌ์šฉ์ž ์—ฌ์ • ๋งต, ๊ฒฝ์Ÿ ๊ฐ์‚ฌ, ์•„์ด๋””์–ด ์†”๋ฃจ์…˜ ์ œ์ž‘.
  5. ๋ฌธ์ œ ์„ค๋ช…, ๊ฐ€์„ค ์„ค๋ช…, ๊ฐ€์น˜ ์ œ์•ˆ์œผ๋กœ ๋ชฉํ‘œ ์ •์˜.
  6. ์Šคํ† ๋ฆฌ๋ณด๋“œ, ์ข…์ด/๋””์ง€ํ„ธ ์™€์ด์–ดํ”„๋ ˆ์ž„, ์ €์ถฉ์‹ค๋„ ํ”„๋กœํ† ํƒ€์ž…๊ณผ ๊ณ ์ถฉ์‹ค๋„ ํ”„๋กœํ† ํƒ€์ž… ๊ตฌ์ถ•.
  7. UX ๋ฆฌ์„œ์น˜๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ  ์ดˆ๊ธฐ ๊ฐœ๋… ํ…Œ์ŠคํŠธ.
  8. ์‹œ๊ฐ ๋””์ž์ธ ์ธก๋ฉด๊ณผ ๋””์ž์ธ ์‹œ์Šคํ…œ์˜ ์ค‘์š”์„ฑ ๋ฐœ๊ฒฌ.
  9. ๋ฐ˜์‘ํ˜• ๋””์ž์ธ.
  10. ๋””์ž์ธ ํ‰๊ฐ€.
  11. ๊ตฌ์ง ์ค€๋น„ ๋ฐฉ๋ฒ•(์ธํ„ฐ๋ทฐ์™€ ํฌํŠธํด๋ฆฌ์˜ค)

. .   

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


 

 

 

๐ŸŽ„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ํ˜ธ

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