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

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

23๋…„ 4์›” 1์ฃผ | Figma ์›Œํฌํ”Œ๋กœ์šฐ, UI ๋””์ž์ธ ํŒ, ์›น์‚ฌ์ดํŠธ 20๊ฐœ

2023.04.03 | ์กฐํšŒ 1.04K |
0
|

from.designer

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

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

1๏ธโƒฃ Figma ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ 15% ๋” ํšจ์œจ์ ์œผ๋กœ ๋งŒ๋“  ๋ฐฉ๋ฒ•
2๏ธโƒฃ ๋” ๋‚˜์€ SaaS ํ”„๋กœ๋•ํŠธ UI ๋””์ž์ธ์„ ์œ„ํ•œ 10๊ฐ€์ง€ ํŒ
3๏ธโƒฃ UI/UX ๋””์ž์ด๋„ˆ๊ฐ€ ๊ผญ ๋ฐฉ๋ฌธํ•ด์•ผ ํ•  20๊ฐœ ์›น์‚ฌ์ดํŠธ


1๏ธโƒฃ Figma ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ 15% ๋” ํšจ์œจ์ ์œผ๋กœ ๋งŒ๋“  ๋ฐฉ๋ฒ•

Deliveroo์—์„œ ๊ฒฝํ—˜ ํŒ€์€ Figma๋ฅผ ์บ”๋ฒ„์Šค๋กœ ์‚ฌ์šฉํ•˜์—ฌ ์ƒ๊ฐ์„ ํ•œ ๊ณณ์—์„œ ์บก์ฒ˜, ๋ฐ˜๋ณต & ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค. ์‹ค์ œ ํ”„๋กœ๋•ํŠธ ๋””์ž์ธ ์™ธ์—๋„ ๋ชจ๋“  ํŒŒ์ผ(ํŠนํžˆ "์ž‘์—…" ํŒŒ์ผ)์—๋Š” ๋‹ค์Œ์ด ํฌํ•จ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

1.ํ”„๋กœ์ ํŠธ ์ปจํ…์ŠคํŠธ(์˜ˆ: ๋ฌธ์ œ, ์‚ฌ์šฉ์ž ์—ฌ์ • ๋“ฑ)  2.Figma ์™ธ๋ถ€์—์„œ ์ƒ์„ฑ๋œ ๊ด€๋ จ ๋งํฌ(์˜ˆ: PRD, ์‚ฌ์šฉ์ž ํ…Œ์ŠคํŠธ ๋น„๋””์˜ค, ํƒ€์ž„๋ผ์ธ ๋“ฑ)  3.์ฝ˜ํ…์ธ  ํƒ์ƒ‰ & ๊ทผ๊ฑฐ  4.์—”์ง€๋‹ˆ์–ด๋ง ์‚ฌ์–‘, ๊ธฐ์ˆ  ์ œํ•œ ์‚ฌํ•ญ & Jira ์œ„์ ฏ  5.์ดˆ๊ธฐ ์„ค๊ณ„ ๋ฐ˜๋ณต  6.ํ˜„์ง€ํ™” ๋ณ€๊ฒฝ

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

๋ชจ๋“  ์‚ฌ๋žŒ์˜ ์‹œ๊ฐ„์„ ์ ˆ์•ฝํ•˜๊ธฐ ์œ„ํ•ด ์šฐ๋ฆฌ๋Š” ๋””์ž์ธ์— ๋” ๋งŽ์€ ์ปจํ…์ŠคํŠธ๋ฅผ ์ œ๊ณตํ•˜๊ณ  ๋น„์ฆˆ๋‹ˆ์Šค ์ „๋ฐ˜์˜ ์‚ฌ๋žŒ๋“ค์ด ํŒŒ์ผ์„ ๋ณด๋‹ค ํšจ์œจ์ ์œผ๋กœ ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ๋„๋ก "ํŒŒ์ผ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ" ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๊ตฌ์ถ•ํ–ˆ์Šต๋‹ˆ๋‹ค(Tanya Hirst, ๋””์ž์ด๋„ˆ).

์Šคํ‹ฐ์ปค ๋ฉ”๋ชจ, ์ธ์šฉ ๋ธ”๋ก & ๊ธฐํƒ€ ์œ ์šฉํ•œ ์ •๋ณด์— ์‰ฝ๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜๋ฉด์„œ ์‚ฌ๋žŒ๋“ค์€ ์‹ค์ œ๋กœ ์ž์‹ ์˜ ์ž‘์—…์— ์ฃผ์„์„ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐ ๋” ๋งŽ์€ ๋…ธ๋ ฅ์„ ๊ธฐ์šธ์ผ ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ๊ณ  ์ด๋Š” ์šฐ๋ฆฌ๊ฐ€ ์—”์ง€๋‹ˆ์–ด, PM & ์„œ๋กœ ํ˜‘์—…ํ•˜๋Š” ๋ฐฉ์‹์— ๊ธ์ •์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์ณค์Šต๋‹ˆ๋‹ค.

ํŠนํžˆ ํฐ ํ”„๋กœ์ ํŠธ์—์„œ ํŒŒ์ผ์„ ๊น”๋”ํ•˜๊ฒŒ ์œ ์ง€ํ•˜๋Š” ๋ฐ ๋งค์šฐ ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ ์—”์ง€๋‹ˆ์–ด์™€์˜ ๋น„๋™๊ธฐ ํ†ต์‹ ๋„ ํ›จ์”ฌ ์›ํ™œํ•ด์ง‘๋‹ˆ๋‹ค(Early Attoh, ๋””์ž์ด๋„ˆ).

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—์„œ ๊ฐ€์žฅ ์ธ๊ธฐ ์žˆ๋Š” ์„น์…˜์€ Documentation ํŽ˜์ด์ง€๋กœ, 6๊ฐœ์˜ ์นดํ…Œ๊ณ ๋ฆฌ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์–ด ๊ตฌ์„ฑ ๋ฐ ๋ฌธ์„œ ์ž‘์—…์— ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.

1. ์„น์…˜

๋ฐฐ๋„ˆ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํŒŒ์ผ์˜ ํ๋ฆ„์„ ๊ตฌ๋ถ„ํ•ฉ๋‹ˆ๋‹ค.

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

์„น์…˜ ๋ฐฐ๋„ˆ์™€ ํ•˜์ด๋ผ์ดํŠธ๋Š” ์šฐ๋ฆฌ๊ฐ€ ์ผํ•˜๋Š” ๋ฐฉ์‹์„ ๊ฐœ์„ ํ•˜๋Š” ๊ฒŒ์ž„ ์ฒด์ธ์ €์˜€์Šต๋‹ˆ๋‹ค. ํ•˜๋ฃจ ์ข…์ผ ์ปจํ…์ŠคํŠธ๋ฅผ ์ „ํ™˜ํ•œ ํ›„ Figma ํŒŒ์ผ์— ๋„๋‹ฌํ•˜๊ณ  ์ฆ‰์‹œ ๋ฐฉํ–ฅ์„ ์žก๊ณ  ๋””์ž์ธ์— ๋ชฐ์ž…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค(ํ”„๋กœ๋•ํŠธ ๊ด€๋ฆฌ์ž Sarah Roach).

2. ํ๋ฆ„ ์„ธ๋ถ€ ์‚ฌํ•ญ

์ด๋Ÿฌํ•œ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ๋ฆ„์˜ ์‹œ์ž‘๊ณผ ์ƒํƒœ(์˜ˆ: WIP, ์™„๋ฃŒ, ์•„์ด๋””์–ด ๋“ฑ)๋ฅผ ๋ฌธ์„œํ™”ํ•ฉ๋‹ˆ๋‹ค. ์–ด๋–ค ์‚ฌ๋žŒ๋“ค์€ ์„น์…˜ ๋ฐฐ๋„ˆ ๋Œ€์‹  ์ด๊ฒƒ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ์„ ํ˜ธํ•˜๊ณ  ์–ด๋–ค ์‚ฌ๋žŒ๋“ค์€ ๋‘ ๊ฐ€์ง€๋ฅผ ํ•จ๊ป˜ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ํ๋ฆ„ ์„ธ๋ถ€ ์ •๋ณด ๊ตฌ์„ฑ ์š”์†Œ๋Š” ์žฅ์น˜ ์œ ํ˜•์— ๋”ฐ๋ผ ๋ณ€ํ˜•์„ ํ‘œ์‹œํ•  ๋•Œ ์œ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

3. ํ™”๋ฉด ์ƒ์„ธ

ํ๋ฆ„ ์„ธ๋ถ€ ์ •๋ณด์™€ ์œ ์‚ฌํ•˜๊ฒŒ ์ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐœ๋ณ„ ํ™”๋ฉด์— ๋Œ€ํ•œ ์„ธ๋ถ€ ์‚ฌํ•ญ์„ ๋ฌธ์„œํ™”ํ•ฉ๋‹ˆ๋‹ค. ํ˜„์žฌ ํ”„๋กœ๋•ํŠธ์— ์ ์šฉ๋˜๋Š” ๋””์ž์ธ๊ณผ ํ–ฅํ›„ ๊ฐœ์„ ํ•ด์•ผ ํ•  ์•„์ด๋””์–ด๋ฅผ ๊ตฌ๋ณ„ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.

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


2๏ธโƒฃ ๋” ๋‚˜์€ SaaS ํ”„๋กœ๋•ํŠธ UI ๋””์ž์ธ์„ ์œ„ํ•œ 10๊ฐ€์ง€ ํŒ

SaaS(Software as a Service) ํ”„๋กœ๋•ํŠธ์—์„œ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI)๋Š” ํ”„๋กœ๋•ํŠธ์˜ ์„ฑ๊ณต์— ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ž˜ ๋””์ž์ธ๋œ UI๋Š” ์‚ฌ์šฉ์ž ์ฐธ์—ฌ, ์œ ์ง€ ๋ฐ ์ „๋ฐ˜์ ์ธ ๋งŒ์กฑ๋„๋ฅผ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐ˜๋ฉด์— ์ž˜๋ชป ์„ค๊ณ„๋œ UI๋Š” ์‚ฌ์šฉ์ž๋ฅผ ๋ฉ€์–ด์ง€๊ฒŒ ํ•˜๊ณ  ํ”„๋กœ๋•ํŠธ์˜ ๋ช…์„ฑ์„ ํ•ด์น  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

SaaS ํ˜•ํƒœ๊ฐ€ ๋œ๋‹ค๋Š” ๊ฒƒ์€ ํ”„๋กœ๋•ํŠธ ๋ฐ ๋ธŒ๋žœ๋“œ ์ค‘์‹ฌ ์กฐ์ง์—์„œ ๊ณ ๊ฐ ์ค‘์‹ฌ ์กฐ์ง์œผ๋กœ ์ „ํ™˜ํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

- Luigi Mallardo

UX/UI ๋””์ž์ด๋„ˆ๋กœ์„œ SaaS ํ”„๋กœ๋•ํŠธ์˜ UI๋ฅผ ๋””์ž์ธํ•  ๋•Œ ๋‹ค์Œ 10๊ฐ€์ง€ ํŒ์„ ์—ผ๋‘์— ๋‘๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.

1. ๊ฐ„๋‹จํ•จ์„ ์œ ์ง€

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

2. ์ผ๊ด€๋œ ๋””์ž์ธ ์š”์†Œ ์‚ฌ์šฉ

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

3. ๊ณต๋ฐฑ ํ™œ์šฉ

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

4. ์ ์ ˆํ•œ ์ƒ‰์ƒ ๊ตฌ์„ฑํ‘œ ์‚ฌ์šฉ

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

5. ๋ช…ํ™•ํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ์‚ฌ์šฉ

ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ๋Š” ๊ฐ€๋…์„ฑ๊ณผ ์ฝ๊ธฐ ์‰ฌ์›€์— ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ฝ๊ธฐ ์‰ฌ์šด ๋ช…ํ™•ํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ๊ธ€๊ผด์„ ์‚ฌ์šฉํ•˜๊ณ , ํ…์ŠคํŠธ์™€ ๋ฐฐ๊ฒฝ ์‚ฌ์ด์— ์ถฉ๋ถ„ํ•œ ๋Œ€๋น„๊ฐ€ ์žˆ๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. New York Times๋Š” ๊ฐ€๋…์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ๋ช…ํ™•ํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ํšŒ์‚ฌ์˜ ์ข‹์€ ์˜ˆ์ž…๋‹ˆ๋‹ค.

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


3๏ธโƒฃ UI/UX ๋””์ž์ด๋„ˆ๊ฐ€ ๊ผญ ๋ฐฉ๋ฌธํ•ด์•ผ ํ•  20๊ฐœ ์›น์‚ฌ์ดํŠธ

์—…๊ณ„ ์ตœ๊ณ ์˜ ๋ฆฌ์†Œ์Šค ๊ฐ€์ด๋“œ

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

์ด ์ด์•ผ๊ธฐ์—์„œ๋Š” UI/UX ๋””์ž์ด๋„ˆ๊ฐ€ ๋ถ๋งˆํฌํ•ด์•ผ ํ•˜๋Š” ํ•„์ˆ˜ ์›น ์‚ฌ์ดํŠธ์— ๋Œ€ํ•œ ๊ถŒ์žฅ ์‚ฌํ•ญ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

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

1. Mobbin

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

2. GoodUI

GoodUI๋Š” UI/UX ๋””์ž์ด๋„ˆ์—๊ฒŒ Amazon, Netflix, Airbnb, Etsy, Google ๋ฐ Booking.com๊ณผ ๊ฐ™์€ ์ตœ๊ณ ์˜ ํšŒ์‚ฌ์—์„œ ์ˆ˜ํ–‰ํ•œ A/B ํ…Œ์ŠคํŠธ์˜ ์ธ์‚ฌ์ดํŠธ๋ฅผ ์ œ๊ณตํ•˜๋Š” ์›น์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค. UI ๋””์ž์ธ์—์„œ ์ž‘๋™ํ•˜๋Š” ๊ฒƒ๊ณผ ๊ทธ๋ ‡์ง€ ์•Š์€ ๊ฒƒ์— ๋Œ€ํ•œ ์‹ค์ œ ์‚ฌ๋ก€๋ฅผ ํ†ตํ•ด ํ•™์Šตํ•  ์ˆ˜ ์žˆ๋Š” ํ›Œ๋ฅญํ•œ ๋ฆฌ์†Œ์Šค์ด๋ฉฐ, ๊ฐ€์žฅ ์ตœ๊ทผ์˜ UI ํŠธ๋ Œ๋“œ์™€ ์œ ์ถœ๋œ ์ฒดํ—˜ํŒ์— ๋Œ€ํ•œ ์ตœ์‹  ์ •๋ณด๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

3. Iconfinder

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

4. Freepik

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

5. Glazestock

Glazestock์€ ๋‹ค์–‘ํ•œ ๋ชฉ์ ์„ ์œ„ํ•ด ๋กœ์—ดํ‹ฐ ํ”„๋ฆฌ ๊ทธ๋ž˜ํ”ฝ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ์›น์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค. ์ด ์ปฌ๋ ‰์…˜์—๋Š” ์ œํ’ˆ, ๋ธŒ๋žœ๋”ฉ ๋ฐ ํ”„๋ ˆ์  ํ…Œ์ด์…˜ ํ”„๋กœ๊ทธ๋žจ์šฉ ๊ทธ๋ž˜ํ”ฝ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. Glazestock์˜ ๊ทธ๋ž˜ํ”ฝ์„ ์‚ฌ์šฉํ•˜๋ฉด ๋…ํŠนํ•˜๊ณ  ์ „๋ฌธ์ ์ธ ์Šคํƒ€์ผ์„ ๋ถ€์—ฌํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์˜ˆ์‚ฐ์— ๋ฏผ๊ฐํ•œ ๋””์ž์ด๋„ˆ์—๊ฒŒ ํ›Œ๋ฅญํ•œ ๋Œ€์•ˆ์ด ๋ฉ๋‹ˆ๋‹ค.

6. Screenlane

Screenlane์€ ๋ฉ”์ผํ•จ์œผ๋กœ ์ง์ ‘ ์ „์†ก๋˜๋Š” ์ตœ์‹  ๋ชจ๋ฐ”์ผ UI ๋””์ž์ธ ์•„์ด๋””์–ด์˜ ๋ฌด๋ฃŒ ์ฃผ๊ฐ„ ์—…๋ฐ์ดํŠธ๋ฅผ ์ œ๊ณตํ•˜๋Š” ์›น์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค. ์—„์„ ๋œ UI ๋””์ž์ธ ํŒจํ„ด ๋ฐ ์˜ˆ์ œ๋ฅผ ์ œ๊ณตํ•˜๋ฉฐ, ์ด ๋ฆฌ์†Œ์Šค๋Š” ๋ชจ๋ฐ”์ผ ํ”Œ๋žซํผ์—์„œ ์ตœ์‹  ๋””์ž์ธ ํŠธ๋ Œ๋“œ ๋ฐ ์˜๊ฐ์„ ๋น ๋ฅด๊ฒŒ ํŒŒ์•…ํ•˜๊ณ ,์ด ๋ถ„์•ผ์— ๊ด€์‹ฌ์ด ์žˆ๋Š” 29,458๋ช… ์ด์ƒ์˜ ๋””์ž์ด๋„ˆ ๋ฐ ์ œํ’ˆ ๋‹ด๋‹น์ž์™€ ํ•จ๊ป˜ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค๋‹ˆ๋‹ค.

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

๐ŸŽ„from.designer 

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” UXUI ์ปค๋ฎค๋‹ˆํ‹ฐ 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ํ˜ธ

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