๐Ÿฅธ UX, UI, GUI ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ๋‚˜์š”? ์ตœ๊ทผ์—๋Š” UI/UX ๋””์ž์ด๋„ˆ๋ผ๋Š” ์ง๋ฌด๋ฅผ ํ•˜๋‚˜์˜ ๊ฐœ๋…์œผ๋กœ ์ทจ๊ธ‰ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์€๋ฐ UX, UI, GUI์— ๋Œ€ํ•œ ์ง๋ฌด๋ฅผ ์‹ค๋ฆฌ์ฝ˜๋ฐธ๋ฆฌ ๊ธฐ์—…์˜ ์ฑ„์šฉ ๊ณต๊ณ ๋ฅผ ํ† ๋Œ€๋กœ ์ •๋ฆฌํ•œ ๊ธ€์ด ์žˆ์–ด์„œ ์ฝ์–ด๋ณด์•˜๋‹ค. UX๋””์ž์ด๋„ˆ๋Š” ๊ธฐํšโ€ข๋ฆฌ์„œ์น˜๋ผ๋Š” ๋ฉ”์ธ ์ž‘์—…๊ณผ ์ง๋ฌด๋กœ ๊ตฌ๋ถ„๋˜์–ด ์žˆ๋‹ค๋ฉด UI/GUI์˜ ๊ฒฝ์šฐ๋Š” ์ž‘์—… ์˜์—ญ์€ ๋‚˜๋‰˜์ง€๋งŒ Product Designer, UI Designer ๋“ฑ ์ง๋ฌด๋กœ ํ†ตํ•ฉ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์€ ๋“ฏํ•˜์˜€๋‹ค. ํ—ˆ๋‚˜ ๋Œ€๋‹ค์ˆ˜ ๊ธฐ์—…์˜ ์‹ค๋ฌด์—์„œ๋Š” ํ”„๋กœ๋•ํŠธ ๋งค๋‹ˆ์ €(๊ธฐํš์ž)๊ฐ€ UX ๊ธฐํš ๋ฐ ๋ฆฌ์„œ์น˜๊นŒ์ง€ ๋‹ด๋‹นํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๊ณ , ํ”„๋กœ๋•ํŠธ ๋””์ž์ด๋„ˆ๋Š” ์‚ฌ์šฉ์„ฑ์„ ๊ณ ๋ คํ•œ UI/GUI ๋””์ž์ธ์„ ๋‹ด๋‹นํ•˜๋ฉฐ ์‚ฌ์šฉ์ž์™€ ์„œ๋น„์Šค์˜ ์ธํ„ฐ๋ ‰์…˜์„ ๊ฐœ์„ ํ•จ๊ณผ ๋™์‹œ์— ์‹œ๊ฐ์ ์ธ ํ†ต์ผ์„ฑ์„ ๊ณ ๋ คํ•˜๋Š” ๊ฒฝ์šฐ๋ฅผ ๋งŽ์ด ๋ด์™”๋‹ค. ๊ฐ ์ง๋ฌด์— ๋Œ€ํ•œ ๊ตฌ๋ถ„์€ ํ•„์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜์ง€๋งŒ ํšŒ์‚ฌ์˜ ์ƒํ™ฉ์— ๋งž๊ฒŒ ๋ณธ์ธ์˜ ๋กค์„ ์–ด๋””๊นŒ์ง€ ํ™•์žฅํ•ด์„œ ์ปค๋ฒ„ํ•ด์•ผ ํ•˜๋Š”์ง€ ๊พธ์ค€ํžˆ ๊ณ ๋ฏผํ•ด ๋ณด๊ณ  ์‹ค๋ฌด์—์„œ ๋ฐฐ์›Œ๊ฐ€๋Š” ์ž์„ธ๊ฐ€ ํ•„์š”ํ•  ๊ฒƒ ๊ฐ™๋‹ค. (๋‹ค์–‘ํ•œ ์ง๋ฌด๋ฅผ ๊ตฌ๋ถ„ํ•œ๋‹ค๋Š” ๊ฒƒ์€ ์—ฌ์ „ํžˆ ์–ด๋ ค์šด ๊ฒƒ ๊ฐ™๋‹ค) ๐Ÿ“ ์ดํ•˜ ์•„ํ‹ฐํด ๋ฉ”๋ชจ 1. ์‹ค๋ฌด์ž์—๊ฒŒ์กฐ์ฐจ UI์™€ UX์˜ ๊ฒฝ๊ณ„๊ฐ€ ๋ชจํ˜ธํ•  ๋•Œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ตญ๋‚ด ๊ธฐ์—…์€ "UI/UX ๋””์ž์ด๋„ˆ"๋ผ๋Š” ์ง๋ฌด๋กœ IT ๊ธฐํš์ž์™€ UI ๋””์ž์ด๋„ˆ๋ฅผ ๋ชจ๋‘ ์ฑ„์šฉํ•  ๋งŒํผ UI/UX๋ฅผ ํ•˜๋‚˜์˜ ๊ฐœ๋…์œผ๋กœ ์ทจ๊ธ‰ํ•ฉ๋‹ˆ๋‹ค. 2. ์‹ค๋ฆฌ์ฝ˜ ๋ฐธ๋ฆฌ์˜ ์ฑ„์šฉ ๊ณต๊ณ ์—์„œ UX๋Š” R&D๋ฅผ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฆฌ์„œ์น˜ ์ง๊ตฐ์œผ๋กœ ํ™•์‹คํžˆ ๊ตฌ๋ถ„๋˜๋Š” ๋ฐ˜๋ฉด UI์™€ GUI ๋””์ž์ด๋„ˆ๋Š” ๊ตฌ๋ถ„์ด ๋ถˆ๋ถ„๋ช…ํ•œ ๊ฒฝํ–ฅ์„ ๋ณด์˜€์Šต๋‹ˆ๋‹ค. 3. UX ๊ธฐํš : ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ๋กœ ๋ฌธ์ œ์ ์„ ์ฐพ๋Š”๋‹ค. ์ƒˆ๋กœ์šด ์„œ๋น„์Šค๋ฅผ ์ œ์•ˆํ•˜๊ฑฐ๋‚˜ ์ˆ˜์ • ๋ฐฉํ–ฅ์„ ์ œ์‹œํ•œ๋‹ค. 4. UI ๋””์ž์ธ : ์‚ฌ์šฉํ•˜๊ธฐ ํŽธ๋ฆฌํ•œ UI๋ฅผ ๋””์ž์ธํ•˜๊ณ  ์‚ฌ์šฉ์ž์™€ ์„œ๋น„์Šค์˜ interaction ๊ฒฝํ—˜์„ ๊ฐœ์„ ํ•œ๋‹ค. 5. GUI ๋””์ž์ธ: ์‹œ๊ฐ์ ์œผ๋กœ ํ†ต์ผ์„ฑ์ด ์žˆ๊ณ  ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ํ‘œํ˜„ํ•œ๋‹ค. 6. ์ฑ„์šฉ ๊ณต๊ณ ๊ฐ€ UI์™€ UX๋ฅผ ๊ตฌ๋ถ„ํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ, ํ•ด๋‹น ๊ณต๊ณ ์—์„œ ์š”๊ตฌํ•˜๋Š” ์กฐ๊ฑด์ด UI์— ๊ฐ€๊นŒ์šด์ง€ UX์— ๊ฐ€๊นŒ์šด์ง€ ์Šค์Šค๋กœ ํŒ๋‹จํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

UI๋‚˜ UX๋‚˜ ๊ทธ๊ฒŒ ๊ทธ๊ฑฐ ์•„๋‹ˆ์•ผ?

Brunch Story

UI๋‚˜ UX๋‚˜ ๊ทธ๊ฒŒ ๊ทธ๊ฑฐ ์•„๋‹ˆ์•ผ?

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

๋˜๋Š”

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

2021๋…„ 3์›” 22์ผ ์˜ค์ „ 12:25

 โ€ข 

์ €์žฅ 392 โ€ข ์กฐํšŒ 9,339

๋Œ“๊ธ€ 0

    ํ•จ๊ป˜ ์ฝ์€ ๊ฒŒ์‹œ๋ฌผ

    ใ€Š์นœ๊ตฌ์˜ ์ทจํ–ฅใ€‹

    ๋‚˜

    ... ๋” ๋ณด๊ธฐ

    ๋””์ž์ธ ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ AI ํ”„๋กœํ† ํƒ€์ดํ•‘

    A

    ... ๋” ๋ณด๊ธฐ

    - YouTube

    YouTube

     - YouTube

     โ€ข 

    ์ €์žฅ 15 โ€ข ์กฐํšŒ 834


    โŸชํ† ์Šค๊ฐ€ ๋งŒ๋“  ๋ฆฌ์„œ์น˜ํˆด, TNSโŸซ

    ํ† 

    ... ๋” ๋ณด๊ธฐ

    ํ† ์Šค๊ฐ€ ํŠนํ—ˆ ๋‚ธ ๋ฆฌ์„œ์น˜ํˆด, TNS (Toss Navigation Score) ์ œ์ž‘๊ธฐ

    toss.tech

    ํ† ์Šค๊ฐ€ ํŠนํ—ˆ ๋‚ธ ๋ฆฌ์„œ์น˜ํˆด, TNS (Toss Navigation Score) ์ œ์ž‘๊ธฐ

     โ€ข 

    ์ €์žฅ 3 โ€ข ์กฐํšŒ 750


    < ์šฐ๋ฆฌ๊ฐ€ ์Œ์•…์— ์ค‘๋…๋˜๋Š” ์ด์œ  (feat. ๋„ํŒŒ๋ฏผ) >

    1. ์šฐ๋ฆฌ๋Š” ์Œ์•…์ด ์šฐ๋ฆฌ์˜ ๊ธฐ๋Œ€๋ฅผ ์ถฉ์กฑํ•˜๊ณ  ์šฐ๋ฆฌ์˜ ๊ธฐ๋Œ€๋ฅผ ์œ„๋ฐ˜ ํ•˜๋Š” ๋ฐฉ์‹์—์„œ ์ฆ๊ฑฐ์›€์„ ์–ป๋Š”๋‹ค.

    ... ๋” ๋ณด๊ธฐ

    ํšŒ์‚ฌ ๋•Œ๋ ค์น˜๊ณ  ์‚ฌ์—…์ด๋‚˜ ํ•œ๋ฒˆ ํ•ด๋ณผ๊นŒ?

    ํšŒ

    ... ๋” ๋ณด๊ธฐ

    [B๋ผ์šด์ง€] (์ง์žฅ์ธ ์ดํ›„์˜ ์‚ถ์„ ์œ„ํ•œ) ์‚ฌ์—… ์•„์ด๋””์–ด ์„ ๋ช…ํ•˜๊ฒŒ ๋‹ค๋“ฌ๊ธฐ : PBR

    www.pbr.kr

    [B๋ผ์šด์ง€] (์ง์žฅ์ธ ์ดํ›„์˜ ์‚ถ์„ ์œ„ํ•œ) ์‚ฌ์—… ์•„์ด๋””์–ด ์„ ๋ช…ํ•˜๊ฒŒ ๋‹ค๋“ฌ๊ธฐ : PBR

     โ€ข 

    ์ €์žฅ 14 โ€ข ์กฐํšŒ 769


    < ์„ฑ๊ณตํ•œ ์‚ฌ๋žŒ๋“ค์€ โ€˜์˜๋„์ ์œผ๋กœโ€™ ์„ ํƒํ•œ๋‹ค >

    1. '์˜๋„์ '์€ ๋‹น์‹ ์—๊ฒŒ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๋‹จ์–ด๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ๊ฒฐ์ •ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜๋Š” ์œ ์ผํ•œ ํ•ต์‹ฌ ๋‹จ์–ด์ผ ์ˆ˜๋„ ์žˆ๋‹ค.

    ... ๋” ๋ณด๊ธฐ

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

    1

    ๊ถŒํƒœ๊ด€ NAVER ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด

    6๋…„๊ฐ„์˜ ํ† ์ดํ”„๋กœ์ ํŠธ ์—ฌ์ •์„ ๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ - ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ ๊ตฌ๋…์„œ๋น„์Šค

    2

    psmon ์›น๋…ธ๋ฆฌ๋ผ์ดํ„ฐ

    DDD์™€ AI

    3

    Arawn Park Senior Engineer & Engineering Lead

    ์˜ฌํ•ด๋กœ ๊ฐœ๋ฐœ์ž ์ƒํ™œ์ด ํ–‡์ˆ˜๋กœ 20๋…„์งธ๋‹ค

    3

    ์œ ์šฉ์šฐ(์š”์šฐ) NAVER ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž

    ๊ฐ„๋งŒ์— ์žฌ๋ฐŒ๊ฒŒ ์ฝ์€ ๊ธฐ์ˆ  ํฌ์ŠคํŠธ ์—ฌ๋ฆ„ ์ด๋ฒคํŠธ ๊ด€๋ จ ๊ฐœ๋ฐœ ํšŒ๊ณ ์™€ ๋†’

    3

    ์ด์›ํ˜• ๋ผ์ธํ”Œ๋Ÿฌ์Šค ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด

    ๊ณ ์šฉ๋…ธ๋™๋ถ€์—์„œ ์ฃผ๊ด€ํ•˜๋Š” ์ฒญ๋…„๋ฏธ๋ž˜ํ”Œ๋Ÿฌ์Šค 3๊ธฐ๋ฅผ ๋ชจ์ง‘ ์ค‘์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค