๋‹˜์˜ ํ”„๋กœํ•„ ์‚ฌ์ง„

[ ๐Ÿค” UI/UX ๋””์ž์ธ๊ณผ ๊ฒŒ์ŠˆํƒˆํŠธ ์‹ฌ๋ฆฌ ์ด๋ก  ] ์ง€๋‚œ๋ฒˆ์—๋Š” [ ๐Ÿ„ ์Šˆํผ ๋งˆ๋ฆฌ์˜ค๊ฐ€ UX ๋””์ž์ธ์— ๋Œ€ํ•ด ์šฐ๋ฆฌ์—๊ฒŒ ๊ฐ€๋ฅด์ณ์ค€ ๊ฒƒ ] ์ด๋ผ๋Š” ํ•ด์™ธ ์•„ํ‹ฐํด์˜ ์š”์•ฝ๋ณธ์„ ๊ฐ€์ ธ์™”์—ˆ์ฃ . ์ด ์ด์•ผ๊ธฐ๋ฅผ ํ•˜๋Š” ์ด์œ ๋Š”, ์ด๋ฒˆ ๊ฒŒ์‹œ๊ธ€๊ณผ ์—ฐ๊ด€์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค๐Ÿ˜‰ (์ง€๋‚œ ๊ฒŒ์‹œ๊ธ€ ๋งํฌ : https://careerly.co.kr/comments/20451?utm_campaign=user-share) ์ง€๋‚œ ๊ฒŒ์‹œ๊ธ€์—๋Š” '๊ทผ์ ‘์„ฑ์˜ ํž˜Power of Proximity'์ด๋ผ๋Š” ๋‚ด์šฉ์ด ๋“ฑ์žฅํ–ˆ๋Š”๋ฐ์š”. ์‚ฌ์‹ค ์ด '๊ทผ์ ‘์„ฑ์˜ ํž˜' ๋˜๋Š” '๊ทผ์ ‘์„ฑ์˜ ์›์น™'์€ ๊ฒŒ์ŠˆํƒˆํŠธ ์‹ฌ๋ฆฌ ์ด๋ก ์œผ๋กœ๋ถ€ํ„ฐ ๋น„๋กฏ๋œ ๊ฒƒ์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๊ฒŒ์ŠˆํƒˆํŠธ(Gestalt)๋ž€ ๊ฒŒ์ŠˆํƒˆํŠธ ์‹ฌ๋ฆฌํ•™(Gestaltpsychology)์—์„œ ๋น„๋กฏ๋œ ๋…์ผ์–ด ์šฉ์–ด๋กœ, '์ „์ฒด' 'ํ˜•ํƒœ' '๋ชจ์Šต'์„ ๋œปํ•ฉ๋‹ˆ๋‹ค. ๊ฒŒ์ŠˆํƒˆํŠธ ์‹ฌ๋ฆฌํ•™์ž๋“ค์— ์˜ํ•˜๋ฉด ์šฐ๋ฆฌ๊ฐ€ ์–ด๋–ค ๋Œ€์ƒ์„ ์ง€๊ฐํ•  ๋•Œ, ๊ทธ๊ฒƒ์„ ๊ฐœ๋ณ„์ ์ธ ๋ถ€๋ถ„๋“ค์˜ ์‚ฐ๋งŒํ•œ ์ง‘ํ•ฉ์ด ์•„๋‹ˆ๋ผ ํ•˜๋‚˜์˜ ์˜๋ฏธ ์žˆ๋Š” ์ „์ฒด๋กœ ๋ณธ๋‹ค๊ณ  ํ•ด์š”. ๊ทธ๋ž˜์„œ ๊ฒŒ์ŠˆํƒˆํŠธ ์‹ฌ๋ฆฌํ•™์€ ์ „์ฒด์™€ ๋ถ€๋ถ„์˜ '์ „์ฒด์„ฑ' 'ํ†ตํ•ฉ์„ฑ'์„ ๊ฐ•์กฐํ•˜์ฃ . ์ด๋Ÿฐ ๊ฒŒ์ŠˆํƒˆํŠธ ์‹ฌ๋ฆฌ ์ด๋ก ์ด UI/UX ๋””์ž์ธ์—๋„ ์ ์šฉ๋  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ์š”. ๊ฒŒ์ŠˆํƒˆํŠธ์˜ ๋œป๋งŒ ๋ณด์•„๋„, ํ™•์‹คํžˆ ์ง๊ด€์ ์ด๋ฉฐ ํšจ๊ณผ์ ์ธ UI/UX๋ฅผ ์„ค๊ณ„ํ•˜๋Š” ๋ฐ์— ๋„์›€์ด ๋  ๊ฒƒ ๊ฐ™์ง€ ์•Š๋‚˜์š”? ๊ทธ๋ž˜์„œ, ์ด๋ฒˆ ๊ฒŒ์‹œ๊ธ€์—์„œ๋Š” ๊ฒŒ์ŠˆํƒˆํŠธ ์ด๋ก ๊ณผ UI/UX ๋””์ž์ธ์˜ ๊ด€๊ณ„๋ฅผ ์ด์•ผ๊ธฐํ•œ ๊ตญ๋‚ด ์•„ํ‹ฐํด๋“ค์„ ์†Œ๊ฐœํ•ด๋“œ๋ฆฌ๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค! ๐Ÿ”น ์ฒซ ๋ฒˆ์งธ ์•„ํ‹ฐํด์€ '์ด์œ ์ง„'๋‹˜์˜ <๊ฒŒ์ŠˆํƒˆํŠธ ์ด๋ก ์— ๊ธฐ๋ฐ˜ํ•œ UI ๋””์ž์ธ> ์ž…๋‹ˆ๋‹ค. ์ด ์•„ํ‹ฐํด์—์„œ๋Š” ๊ฒŒ์ŠˆํƒˆํŠธ ์ด๋ก ์— ๊ธฐ๋ฐ˜ํ•œ UI ๋””์ž์ธ ์›์น™์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ์š”. 1๏ธโƒฃ ๊ทผ์ ‘์„ฑ์˜ ์›์น™ 2๏ธโƒฃ ๊ณตํ†ต ์˜์—ญ์˜ ์›์น™ 3๏ธโƒฃ ์œ ์‚ฌ์„ฑ์˜ ์›์น™ 4๏ธโƒฃ ๊ด€๋… ์† ์›ํ˜•์˜ ์›์น™ 5๏ธโƒฃ ๋Œ€์นญ์˜ ์›์น™ 6๏ธโƒฃ ์—ฐ์†์„ฑ์˜ ์›์น™ 7๏ธโƒฃ ๋™์‹œ ์ด๋™์˜ ์›์น™ ์ด๋ ‡๊ฒŒ ์ด 7๊ฐ€์ง€ ์›์น™์ด ์†Œ๊ฐœ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. '์ด์œ ์ง„'๋‹˜๊ป˜์„œ ์›์น™๋งˆ๋‹ค ์งง๊ณ  ๋ช…์พŒํ•œ ์„ค๋ช…์„ ์จ๋†“์•„ ์ฃผ์…จ์œผ๋‹ˆ, ์›๋ฌธ์œผ๋กœ ๊ทธ ๋‚ด์šฉ์„ ์ง์ ‘ ํ™•์ธํ•ด ๋ณด์„ธ์š”! โžก http://www.pentabreed.com/sub/view/?idx=1884&sbCd=003003&pageIndex=1&cateCd= ๐Ÿ”น ๋‘ ๋ฒˆ์งธ, ์„ธ ๋ฒˆ์งธ ์•„ํ‹ฐํด์€ 'Eric'๋‹˜์˜ <UX๋””์ž์ธ๊ณผ ์ธ๊ฐ„์‹ฌ๋ฆฌ 1ยท2ํŽธ> ์ž…๋‹ˆ๋‹ค. 'Eric'๋‹˜๊ป˜์„œ๋Š” ์•ž์„  '์ด์œ ์ง„'๋‹˜์˜ ์•„ํ‹ฐํด ์† ์›์น™ ์ค‘, '์œ ์‚ฌ์„ฑ'๊ณผ '๊ทผ์ ‘์„ฑ'์— ๋Œ€ํ•ด ๊ฐ ํ•œ ํŽธ์”ฉ ๊ธ€์„ ๊ธฐ์žฌํ•ด ์ฃผ์…จ๋Š”๋ฐ์š”. UI๊ฐ€ ์•„๋‹Œ UX์˜ ๊ด€์ ์—์„œ, ์Šคํฌ๋ฆฐ์ƒท ์˜ˆ์‹œ์™€ ํ•จ๊ป˜ ๋‘ ์›์น™์„ ์กฐ๊ธˆ ๋” ์ƒ์„ธํ•˜๊ฒŒ ํ’€์–ด ์จ์ฃผ์…จ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ '๊ทผ์ ‘์„ฑ'์˜ ์›์น™์€ UX/UI ๋””์ž์ด๋„ˆ๋“ค์—๊ฒŒ ๋งŽ์€ ๋„์›€์ด ๋œ๋‹ค๊ณ  ํ•˜๋‹ˆ, (์ง€๋‚œ ๊ฒŒ์‹œ๊ธ€ ์›๋ฌธ ์•„ํ‹ฐํด์˜ ์ž‘์„ฑ์ž์ด์ž ๋””์ž์ธ ๊ตฌ๋ฃจ์ธ Ward Andrews๋„ ๊ทผ์ ‘์„ฑ์˜ 'ํž˜'์„ ์ด์•ผ๊ธฐํ–ˆ์ฃ ๐Ÿ™„) ๊ผญ ์ผ๋…ํ•ด๋ณด์‹œ๊ธฐ๋ฅผ ์ถ”์ฒœํ•ด ๋“œ๋ฆฝ๋‹ˆ๋‹ค! โžก https://brunch.co.kr/@nyeric/45 โžก https://brunch.co.kr/@nyeric/49

๊ฒŒ์ŠˆํƒˆํŠธ ์ด๋ก ์— ๊ธฐ๋ฐ˜ํ•œ UI ๋””์ž์ธ

Pentabreed

๊ฒŒ์ŠˆํƒˆํŠธ ์ด๋ก ์— ๊ธฐ๋ฐ˜ํ•œ UI ๋””์ž์ธ

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

๋˜๋Š”

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

2021๋…„ 4์›” 16์ผ ์˜คํ›„ 12:36

๋Œ“๊ธ€ 0




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

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

    1

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

    ์š” ๋ฉฐ์น  GPT-5 Reasoning - High ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ง„

    2

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

    ๋‚ด๊ฐ€ ๊ฐ€๋ณธ ์šฐ๋ฆฌ๋‚˜๋ผ

    3

    ์„๋ฏผ ์ปค๋ฆฌ์–ด ์ฝ”์น˜

    ํ™•์‹ ์€ ์–ด๋””์—์„œ ์˜ค๋Š”๊ฐ€?

    3

    ๊น€์„ ํ˜ธ ์—ฌ๊ธฐ์–ด๋•Œ์ปดํผ๋‹ˆ / User Behavior Team Lead

    ๋งค์šฐ ๊ณต๊ฐํ•˜๋Š” ๊ธ€. ์ข€ ๋” ์ฒจ์–ธํ•ด๋ณด์ž๋ฉด, - ๋ฌธ์ œ๊ฐ€ ๋ญ”์ง€ ์ •์˜ํ•˜

    5

    ์žฅํ™์„ ์ŠคํŽ˜์ด์Šค์˜ค๋””ํ‹ฐ ๋ถ€๋Œ€ํ‘œ/CPO

    < ๋ชจ๋ฅธ๋‹ค๊ณ  ๋งํ•˜๋Š” ์ˆœ๊ฐ„, ๋‡Œ๋„ ๋ฉˆ์ถ˜๋‹ค >

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