UI/UX

여동희·2023λ…„ 2μ›” 15일
0

UI

πŸ’‘UI(User Interface) : μ‚¬μš©μž μΈν„°νŽ˜μ΄μŠ€
μ‚¬λžŒλ“€μ΄ 컴퓨터와 μƒν˜Έ μž‘μš©ν•˜λŠ” μ‹œμŠ€ν…œμ„ μ˜λ―Έν•œλ‹€.
보톡 ν™”λ©΄μƒμ˜ κ·Έλž˜ν”½ μš”μ†Œλ§Œ μƒκ°ν•˜μ§€λ§Œ, ν‚€λ³΄λ“œ, 마우슀 λ“±μ˜ 물리적 μš”μ†Œλ‘œλ„ 컴퓨터와 μƒν˜Έμž‘μš©ν•˜κΈ° μœ„ν•œ μ‹œμŠ€ν…œμœΌλ―€λ‘œ UI라고 λ³Ό 수 μžˆλ‹€.

ν„°μΉ˜λ‘œ μƒν˜Έ μž‘μš©ν•  수 μ—†μ—‡λ˜ κ³Όκ±°μ—λŠ” μˆ«μžλ²„νŠΌ, λ°©ν–₯λ²„νŠΌ λ“± λ‹€μ–‘ν•œ μ’…λ₯˜μ˜ 물리적 UI와 터미널과 같은 CLI와 ν‚€λ³΄λ“œλ₯Ό μ΄μš©ν•΄μ„œ ν…μŠ€νŠΈλ§ŒμœΌλ‘œ 컴퓨터와 μƒν˜Έμž‘μš© ν•  수 밖에 μ—†μ—ˆμ§€λ§Œ, 슀마트폰이 λŒ€μ€‘ν™”λ˜κ³ , 점차 μŠ€λ§ˆνŠΈμ›ŒμΉ˜, ν‚€μ˜€μŠ€ν¬ λ“± 화면과이 μƒν˜Έ μž‘μš©μ„ 톡해 μ‚¬μš©ν•˜λŠ” 기기듀을 어렡지 μ•Šκ²Œ μ°Ύμ•„λ³Ό 수 있게 되며, ν˜„λŒ€μ‚¬νšŒμ—μ„œλŠ” κ·Έλž˜ν”½ UI, 즉 GUIκ°€ ꡉμž₯히 μ€‘μš”ν•œ 역할을 ν•˜κ²Œ λ˜μ—ˆλ‹€.

πŸ’‘CLI(Command Line Interface) : λͺ…령쀄 μΈν„°νŽ˜μ΄μŠ€ ex) 터미널
πŸ’‘GUI(Graphical User Interface) : κ·Έλž˜ν”½ μ‚¬μš©μž μΈν„°νŽ˜μ΄μŠ€

GUI

μ‚¬μš©μžκ°€ κ·Έλž˜ν”½μ„ 톡해 컴퓨터와 정보λ₯Ό κ΅ν™˜ν•˜λŠ” μž‘μ—…ν™˜κ²½μ„ μ˜λ―Έν•œλ‹€. ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžλ‘œμ„œμ˜ UIλŠ” λŒ€λΆ€λΆ„ 이 GUIλ₯Ό μ˜λ―Έν•œλ‹€.
ex) 운영체제(Window, Mac OS)의 ν™”λ©΄, λ˜λŠ” μ• ν”Œλ¦¬μΌ€μ΄μ…˜ ν™”λ©΄

UX

πŸ’‘UX(User Experience) : μ‚¬μš©μž κ²½ν—˜
μ‚¬μš©μžκ°€ μ–΄λ–€ μ‹œμŠ€ν…œ, μ œν’ˆ, μ„œλΉ„μŠ€λ₯Ό 직접적, κ°„μ ‘μ μœΌλ‘œ μ΄μš©ν•˜λ©΄μ„œ 느끼고 μƒκ°ν•˜λŠ” 총체적 κ²½ν—˜μ„ μ˜λ―Έν•œλ‹€.
μ œν’ˆ, μ„œλΉ„μŠ€ κ·Έ μžμ²΄μ— λŒ€ν•œ κ²½ν—˜μ€ λ¬Όλ‘ , 홍보, μ ‘κ·Όμ„±, 사후 처리 λ“± μ§κ°„μ ‘μ μœΌλ‘œ κ΄€λ ¨λœ λͺ¨λ“  κ²½ν—˜μ„ μ‚¬μš©μž κ²½ν—˜μ΄λΌκ³  ν•  수 μžˆλ‹€.

UX에 영ν–₯을 μ£ΌλŠ” λ§Žμ€ μš”μ†Œ 쀑 ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžμ—κ²Œ κ°€μž₯ μ€‘μš”ν•œ μš”μ†Œκ°€ λ°”λ‘œ UI이닀.
μ œν’ˆμ΄λ‚˜ μ„œλΉ„μŠ€μ˜ UIκ°€ μ‚¬μš©μžλ‘œ ν•˜μ—¬κΈˆ κ°€λŠ₯ν•˜λ©΄ 쒋은 UXλ₯Ό κ°€μ§ˆ 수 μžˆλ„λ‘, μ΅œμ†Œν•œ λ‚˜μœ κ²½ν—˜μ€ ν•˜μ§€ μ•Šλ„λ‘ ν•΄μ•Ό ν•œλ‹€.

UI와 UX의 차이점

UI와 UX의 관계

UXλŠ” UIλ₯Ό ν¬ν•¨ν•œλ‹€.
쒋은 UXκ°€ 쒋은 UIλ₯Ό μ˜λ―Έν•˜κ±°λ‚˜, λ°˜λŒ€λ‘œ 쒋은 UIκ°€ 항상 쒋은 UXλ₯Ό 보μž₯ν•˜μ§€λŠ” μ•ŠλŠ”λ‹€.
κ·Έλ ‡μ§€λ§Œ λ‚˜μœ UIλŠ” 보톡 λ‚˜μœ UXλ₯Ό μœ λ°œν•œλ‹€.
λ‚˜μœ UI의 μ˜ˆμ‹œ

UI와 UXλŠ” μ„œλ‘œ λ‹€λ₯΄μ§€λ§Œ λ–Όμ–΄λ‚Ό 수 μ—†λŠ” 관계이며, μ„œλ‘œλ₯Ό λ³΄μ™„ν•˜λŠ” 역할을 ν•œλ‹€.
UXκ°€ 쒋지 μ•Šμ€ 곳을 μ°Ύμ•„λƒ„μœΌλ‘œμ¨ UI κ°œμ„ μ μ„ μ°Ύμ•„λ‚Ό 수 있고, UIλ₯Ό κ°œμ„ ν•¨μœΌλ‘œμ¨ UXκ°€ 쒋아지기도 ν•œλ‹€. μ΄λ ‡κ²Œ UX와 UIλŠ” μ„œλ‘œλ₯Ό κ³„μ†ν•΄μ„œ λ°œμ „μ‹œν‚¬ 수 μžˆλ‹€.

profile
ν”„λ‘ νŠΈμ—”λ“œ 개발자 쀀비생

0개의 λŒ“κΈ€