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

๐Ÿ”– 2021๋…„ 12์›” 4์ฃผ TOP3

UX/UI ๋กœ๋“œ๋งต / ๊ฒฐ์ •๊ณผ ๋””์ž์ธ ์—”ํŠธ๋กœํ”ผ / UI ๋””์ž์ธ ํ•„์ˆ˜ํŒ

2021.12.23 | ์กฐํšŒ 873 |
0
|

from.designer

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

๐Ÿ”– 2021๋…„ 12์›” 4์ฃผ TOP3

  • ์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•œ UI/UX ๋กœ๋“œ๋งต
  • ๊ฒฐ์ •๊ณผ ๋””์ž์ธ ์—”ํŠธ๋กœํ”ผ
  • UI ๋””์ž์ธ์„ ์œ„ํ•œ ํ•„์ˆ˜ ํŒ

์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•œ UI/UX ๋กœ๋“œ๋งต

์•ˆ๋…•ํ•˜์„ธ์š”,์—ฌ๋Ÿฌ๋ถ„! ์™€ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์ด ์ด์•ผ๊ธฐ์—์„œ๋Š” UI/UX ๋””์ž์ธ ๋กœ๋“œ๋งต์„ ๊ณต์œ ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. UI/UX๋ฅผ ์ผ๋ฐ˜์ธ ์šฉ์–ด๋กœ ์„ค๋ช…ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

UI

UI๋Š” ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์ œํ’ˆ์— ์ฐธ์—ฌํ•˜๋Š” ๋งค๊ฐœ์ฒด์ž…๋‹ˆ๋‹ค. UI๊ฐ€ ์‰ฌ์šธ์ˆ˜๋ก ์ž‘์—…์„ ์™„๋ฃŒํ•˜๋Š” ๋ฐ ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„์ด ์ค„์–ด๋“ญ๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๋ชจ๋“œ๋ฅผ ์ œ์–ดํ•˜๊ณ  ์‹œ๊ฐ„์„ ์กฐ์ •ํ•˜๋Š” ์ „์ž๋ ˆ์ธ์ง€์˜ ๋ฒ„ํŠผ์ผ ์ˆ˜๋„ ์žˆ๊ณ  ์˜คํ† ๋ฐ”์ด์˜ ์Šค์œ„์น˜๊ธฐ์–ด์ผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

UX

UX๋ผ๋Š” ์šฉ์–ด๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ œํ’ˆ์ด๋‚˜ ๋ธŒ๋žœ๋“œ์— ๋Œ€ํ•ด ์• ์ฐฉ์„ ๊ฐ–๋Š” ์ „๋ฐ˜์ ์ธ ๊ฒฝํ—˜์ž…๋‹ˆ๋‹ค. ๋‚˜์œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์€ ์‚ฌ์šฉ์ž์˜ ๋งˆ์Œ์— ๋ธŒ๋žœ๋“œ๋‚˜ ํšŒ์‚ฌ์— ๋Œ€ํ•œ ๋‚˜์œ ์ด๋ฏธ์ง€๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค. UX๋Š” UX ์—ฐ๊ตฌ ๋ฐฉ๋ฒ•์œผ๋กœ ์ˆ˜์ง‘ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ํ†ตํ•ด UI๋ฅผ ์•Œ๋ ค์ฃผ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

1. ๋งˆ์Œ๊ฐ€์ง์„ ์ค€๋น„ํ•˜๋ผ

์ด ๋ถ„์•ผ์—์„œ๋Š” ๋น„์ฆˆ๋‹ˆ์Šค์™€ ์‚ฌ์šฉ์ž ๋ชจ๋‘์—๊ฒŒ ์ด์ต์ด ๋˜๋Š” ์ œํ’ˆ์„ ๋””์ž์ธํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ์ž ์ž…์žฅ์ด ๋˜์–ด์•ผ ํ•  ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋น„์ฆˆ๋‹ˆ์Šค ์š”๊ตฌ ์‚ฌํ•ญ์„ ์ดํ•ดํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋‹น์‹ ์€ ์–ด๋–ป๊ฒŒ ๋งˆ์Œ๊ฐ€์ง์„ ์ค€๋น„ํ•  ์ˆ˜ ์žˆ๋‚˜์š”?

  • ์ฃผ๋ณ€์˜ ๋””์ง€ํ„ธ ์ œํ’ˆ์„ ๊ด€์ฐฐํ•˜๊ธฐ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.
  • ์‹ค์ƒํ™œ์— ์กด์žฌํ•˜๋Š” ๋ฌธ์ œ๋ฅผ ์ฐพ์•„๋ณด๊ฑฐ๋‚˜ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ๋””์ง€ํ„ธ ์ œํ’ˆ์„ ์‚ฌ์šฉํ•˜์—ฌ ์—…๋ฌด๋ฅผ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๊ด€์ฐฐํ•จ์œผ๋กœ์จ ๋ฐฐ์šฐ์„ธ์š”.
  • ๋‹น์‹ ์ด ๊ทธ ์ƒํ™ฉ์— ์žˆ๋‹ค๋ฉด, ๋ฌด์—‡์„ ์„ ํ˜ธํ•˜๋Š”์ง€์™€ ๊ฐ™์ด ์‚ฌ์šฉ์ž์˜ ๊ด€์ ์—์„œ ์ƒ๊ฐํ•˜๊ธฐ ์‹œ์ž‘ํ•˜์„ธ์š”.
  • ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๊ณณ์„ ๊ด€์ฐฐํ•˜๊ณ , ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ์ƒ๊ฐํ•ด ๋ณด์„ธ์š”.

2.๋””์ž์ธ ํˆด ๋ฐฐ์šฐ๊ธฐ๋ฅผ ์‹œ์ž‘ํ•˜์„ธ์š”.

UI ๋””์ž์ธ ๋ฐ UX ๋””์ž์ธ ํˆด์ด ๋งŽ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ UI ๋””์ž์ธ ํˆด์„ ๋ฐฐ์šฐ๋ฉด UI ๋””์ž์ธ์„ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, ์ €๋Š” UI ๋””์ž์ธ ํˆด์„ ๋จผ์ € ๋ฐฐ์šฐ๋Š” ๊ฒƒ์„ ๊ถŒํ•ฉ๋‹ˆ๋‹ค.

UI ๋””์ž์ธ ๋„๊ตฌ ์ค‘ ์ผ๋ถ€๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  • Adobe XD(Windows ๋ฐ MacOS)
  • Figma(Windows ๋ฐ MacOS)
  • ์Šค์ผ€์น˜(MacOS)
  • ๋น„์ „ 

3. ๋””์ž์ธ ์›๋ฆฌ ํ•™์Šต์„ ๋™์‹œ์— ์‹œ์ž‘

์ด๊ฒƒ๋“ค์€ ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด ๋””์ž์ธํ•  ๋•Œ ์—ผ๋‘์— ๋‘์–ด์•ผ ํ•  ์›์น™์ž…๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ๋””์ž์ธ ํ‘œ์ค€์„ ๋”ฐ๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ชจ๋“  ์›์น™์€ ์‚ฌ์‹ค์— ๋”ฐ๋ผ ํ•ฉ์˜๋œ ์‚ฌํ•ญ์ด๋ฏ€๋กœ ์‹œ๊ฐ„์„ ๋‚ญ๋น„ํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

๋””์ž์ธ ์›์น™์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ์ตœ๊ณ ์˜ ๋ฆฌ์†Œ์Šค๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  • Lawsofux.com
  • UX Collective 
  • NNGroup 
  • Google Material Design 
  • Human Interface Guidelines (Apple)

..

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


๊ฒฐ์ •๊ณผ ๋””์ž์ธ ์—”ํŠธ๋กœํ”ผ

๋””์ž์ธ์€ ๋‹จ์ˆœํžˆ ๋ณด์ด๋Š” ๊ฒƒ๊ณผ ๋Š๋ผ๋Š” ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. ๋””์ž์ธ์€ ์ž‘๋™ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค.

์Šคํ‹ฐ๋ธŒ ์žก์Šค

80๋…„๋Œ€์— ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด๋ง์€ ๊ฐ์ฒด ์ง€ํ–ฅ ์–ธ์–ด๋กœ ์ „ํ™˜ํ•˜๊ธฐ ์‹œ์ž‘ํ•˜์—ฌ ๋‹ค์Œ์„ ๋‹ฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค.

โ€ข ์ฝ”๋“œ ์žฌ์‚ฌ์šฉ

โ€ข ๋ฐ์ดํ„ฐ ์บก์Šํ™”

โ€ข ์†Œํ”„ํŠธ์›จ์–ด ์œ ์ง€๊ด€๋ฆฌ๊ฐ€ ์šฉ์ดํ•ฉ๋‹ˆ๋‹ค.

๋””์ž์ธ์€ ์†Œํ”„ํŠธ์›จ์–ด์ฒ˜๋Ÿผ ์‰ฝ๊ฒŒ ํ™•์žฅ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

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

๋””์ž์ธ์€ ๊ฐ๊ด€์ ์ด์–ด์•ผ ํ•˜๋ฉฐ ๊ทœ์น™๊ณผ ๊ทœ์œจ์— ๋”ฐ๋ผ ์ฃผ๊ด€์ ์ด์–ด์„œ๋Š” ์•ˆ ๋ฉ๋‹ˆ๋‹ค. ๋””์ž์ธ ์‹œ์Šคํ…œ๊ณผ ์—ฐ๊ตฌ๋Š” ์–ด๋–ค ํ”„๋กœ๋•ํŠธ๋„ ์„ฑ์žฅํ•˜๋„๋ก ๋„์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋งˆ์ดํด ์ฟ ๋ฃจํŒŒํ‚ค์Šค

์—”ํŠธ๋กœํ”ผ๋ž€?

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

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

๋” ๋งŽ์€ ์‚ฌ๋žŒ๋“ค, ๋” ๋งŽ์€ ์˜๊ฒฌ, ๋” ๋งŽ์€ ์‹œ๊ฐ„์„ ๊ฒฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐœ์ธ ํ•„ํ„ฐ์™€ ์ง€์†์ ์ธ ์žฌํ˜‘์ƒ์€ ์‹œ๊ฐ„์ด ๋งŽ์ด ๊ฑธ๋ฆฌ๋Š” ๋†’์€ ์—”ํŠธ๋กœํ”ผ๋ฅผ ๊ฐ€์ ธ์˜ค๊ณ  ๋ถ„๋ช…ํžˆ ํŒ€ ํ˜‘์—…๊ณผ ์˜์‚ฌ ๊ฒฐ์ •์— ๊ทธ๋‹ค์ง€ ์ข‹์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

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

๋ง์น˜๋กœ ๋ชป์„ ์น˜๋Š” ๋ฒ•์„ ์•Œ์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํž˜ ์—†์ด ์ฒœ์ฒœํžˆ ํ•˜๋ฉด ์•„๋ฌด ๊ฒƒ๋„ ํ•˜์ง€ ์•Š๊ณ  ํž˜์œผ๋กœ ๋นจ๋ฆฌ ํ•˜๋ฉด ๋‚˜๋ฌด๊ฐ€ ๋ถ€๋Ÿฌ์ง€๋ฏ€๋กœ ์ฑ„์šฉ์ด ์ •๋ง ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ์ฒด์Šค ๋ง์„ ์›ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์˜๋ฆฌํ•˜๊ฒŒ ์›€์ง์ผ ์ˆ˜ ์žˆ๋Š” ์‚ฌ๋žŒ๋“ค์„ ์›ํ•ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ์ด์ „์— ๋ณด์—ฌ์ฃผ์—ˆ๋“ฏ์ด "์ผ์ด ์—†์œผ๋ฉด ์—”ํŠธ๋กœํ”ผ๋Š” ๊ฒฐ์ฝ” ์ž‘์•„์งˆ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค".

๋””์ž์ธ ์—”ํŠธ๋กœํ”ผ๋ž€?

์—ด์—ญํ•™ ์ œ2๋ฒ•์น™์—์„œ ์•ฝ๊ฐ„์˜ ์ƒ์ƒ๋ ฅ์„ ๋ฐœํœ˜ํ•˜์—ฌ ๋””์ž์ธ ๋Œ€์ƒ์—์„œ ๋ฐœ๊ฒฌ๋˜๋Š” ๋ฌด์งˆ์„œ์— ๋Œ€ํ•œ ์„ค๋ช…์œผ๋กœ ์ •์˜๋ฉ๋‹ˆ๋‹ค. (์ง€์ €๋ถ„ํ•œ!=์—”ํŠธ๋กœํ”ผ)

์™ธ๊ด€ ๋””์ž์ธ ์—”ํŠธ๋กœํ”ผ(๋ ˆ์ด์•„์›ƒ, ๋ฐ€๋„, ํ˜•ํƒœ), ์ธํ„ฐ๋ž™์…˜ ๋””์ž์ธ ์—”ํŠธ๋กœํ”ผ(์‰ฌ์šด ํ•™์Šต, ํšจ์œจ์„ฑ, ์˜ค๋ฅ˜์œจ)์™€ ์ „์ฒด ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(์ฆ๊ฑฐ์›€, ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ์Œ, ์ธ์ƒ์ )์€ ์ƒ๊ด€ ๊ด€๊ณ„๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚ฎ์€ ์—”ํŠธ๋กœํ”ผ ๋””์ž์ธ์€ ๋” ๋†’์€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

๋””์ž์ธ ์—”ํŠธ๋กœํ”ผ๊ฐ€ ๋†’์€ ํ”„๋กœ๋•ํŠธ๊ฐ€ ์žˆ์ง€๋งŒ. ์ด์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์ฑ…์€ ํ›ˆ๋ จ์ด๋‹ค. ์˜ˆ๋กœ๋Š” ๋น„ํ–‰๊ธฐ ๋Œ€์‹œ๋ณด๋“œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋•Œ๋•Œ๋กœ ์šฐ๋ฆฌ๋Š” ๋ณด์•ˆ์ƒ์˜ ์ด์œ ๋กœ ํ”„๋กœ๋•ํŠธ๊ฐ€ ๋†’์€ ๋””์ž์ธ ์—”ํŠธ๋กœํ”ผ๋ฅผ ๊ฐ–๊ธฐ ์›ํ•ฉ๋‹ˆ๋‹ค.

..

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


UI ๋””์ž์ธ์„ ์œ„ํ•œ ํ•„์ˆ˜ ํŒ

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

๋‹ค์Œ์€ ๋””์ž์ธ์„ ์‹œ๊ฐ์ ์œผ๋กœ ์‰ฌ์šธ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฝ๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ๋ช‡ ๊ฐ€์ง€์˜ ๊ฐ„๋‹จํ•œ ํŒ๋“ค์ž…๋‹ˆ๋‹ค.

Nielsen์˜ 10๊ฐ€์ง€ ์‚ฌ์šฉ์„ฑ ํœด๋ฆฌ์Šคํ‹ฑ

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

UI๊ฐ€ ์˜ˆ์˜๋ฉด ๋ณด๊ธฐ์—๋„ ์ข‹์ง€๋งŒ ๊ฐ€๋”์”ฉ ์‚ฌ์šฉ์ž๊ฐ€ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ๋•Œ์—๋Š” ๋ฐฐ๊ฒฝ์œผ๋กœ ์‚ฌ๋ผ์ง€๊ฒŒ ํ•˜๊ณ  ๋ฐฐ๊ฒฝ ํ†ค์„ ๋‚ฎ์ถ”๋Š” ๊ฒƒ์ด ๋” ๋‚˜์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์—์„œ 10๊ฐ€์ง€ ์‚ฌ์šฉ์„ฑ ํœด๋ฆฌ์Šคํ‹ฑ์ด ๋“ฑ์žฅํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ํšจ๊ณผ์ ์œผ๋กœ ์ž‘์—…์„ ์™„๋ฃŒํ•  ์ˆ˜ ์žˆ๋„๋ก ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋””์ž์ธํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค์ค๋‹ˆ๋‹ค. ์ด ๋ชฉ๋ก์—๋Š” ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด๋ง ํ”„๋กœ์ ํŠธ ๊ณผ์ •์— ์žˆ๋Š” ๊ทธ๋ฃน ํ”„๋กœ์ ํŠธ์˜ ์ผ๋ถ€ ์Šค๋‹ˆํŽซ๋“ค๋„ ํฌํ•จ๋˜์–ด, ์ด๋Ÿฌํ•œ 10๊ฐ€์ง€ ํœด๋ฆฌ์Šคํ‹ฑ์„ ์ตœ๋Œ€ํ™”ํ•˜๋„๋ก ์•ฑ์„ ๋””์ž์ธํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

 ์ข‹์€ ๋””์ž์ธ์€ ์‹ค์ œ๋กœ ๋‚˜์œ ๋””์ž์ธ๋ณด๋‹ค ์•Œ์•„์ฐจ๋ฆฌ๊ธฐ๊ฐ€ ํ›จ์”ฌ ๋” ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ๋ถ€๋ถ„์ ์œผ๋กœ๋Š” ์ข‹์€ ๋””์ž์ธ์ด ์šฐ๋ฆฌ์˜ ์š”๊ตฌ์— ๋„ˆ๋ฌด ์ž˜ ๋งž์•„ ๋””์ž์ธ์ด ๋ˆˆ์— ๋„์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

โ€” ๋„๋„๋“œ A. ๋…ธ๋จผ

1. ์‹œ์Šคํ…œ ์ƒํƒœ์˜ ๊ฐ€์‹œ์„ฑ

์ด๋Š” ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฌด์—‡์„ ํ•ด์•ผํ•˜๋Š”์ง€ ๊ณ„์† ์•Œ๋ ค์•ผ ํ•จ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์‚ฌ์šฉ์ž๊ฐ€ ์ตœ๊ทผ์— ์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ํ•ญ๋ชฉ์„ ์ถ”๊ฐ€ํ•œ ๊ฒฝ์šฐ, ์ถ”๊ฐ€ํ•œ ํ•ญ๋ชฉ ์ˆ˜๋ฅผ ์ถ”์ ํ•˜๋Š” ์ž‘์€ ์•„์ด์ฝ˜์„ ๊ฐ–๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

ํŒ์—…์ฒ˜๋Ÿผ ๊ฐ„๋‹จํ•œ ๊ฒƒ๋งŒ์œผ๋กœ๋„ ์‚ฌ์šฉ์ž์—๊ฒŒ ์‹œ์Šคํ…œ์ด ์ˆ˜ํ–‰ํ•œ ์ž‘์—…์„ ์•Œ๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ…์ŠคํŠธ์˜ ๊ฒฝ์šฐ "์„ฑ๊ณต! ์ด ๊ณ„์ •์ด ์„ฑ๊ณต์ ์œผ๋กœ ์Šน์ธ๋˜์—ˆ์Šต๋‹ˆ๋‹ค."์ฒ˜๋Ÿผ์š”.

2. ์‹œ์Šคํ…œ๊ณผ ํ˜„์‹ค ์„ธ๊ณ„์˜ ๋งค์น˜

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

์•ฑ์˜ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉ์ž์˜ ์–ธ์–ด์™€ ์ผ์น˜์‹œํ‚ค์„ธ์š”!

3. ์‚ฌ์šฉ์ž ์ œ์–ด ๋ฐ ์ž์œ 

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

..

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

 

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

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