λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
"곡뢀" π‘Ÿπ‘’π‘π‘œπ‘Ÿπ‘‘/πΉπ‘Ÿπ‘œπ‘›π‘‘π‘’π‘›π‘‘

UI와 UXλž€? 그리고 UI와 UX의 관계

by ΰ·† Yoni ΰ·† 2022. 6. 27.
728x90
UI
(User Interface)

 

사전적 의미둜 직역해보면

 

User: μ‚¬μš©μž

Interface: μΈν„°νŽ˜μ΄μŠ€ (μƒν˜Έμž‘μš©)

 

을 μ˜λ―Έν•œλ‹€.

 

μ΄λŠ” μ‚¬λžŒλ“€μ΄ 컴퓨터와 μƒν˜Έ μž‘μš©ν•˜λŠ” μ‹œμŠ€ν…œμ„ μ˜λ―Έν•œλ‹€.

 

보톡 μ‚¬μš©μžκ°€ μ œν’ˆ / μ„œλΉ„μŠ€λ₯Ό μ‚¬μš©ν•  λ•Œ

κ°€μž₯ λ¨Όμ € μ ‘ν•˜κ²Œ λ˜λŠ” 뢀뢄이닀.

[좜처] Pixabay

ν™”λ©΄ μƒμ˜ κ·Έλž˜ν”½ μš”μ†Œ 외에도,

λ°˜μ‘ν˜• λ“±μ˜ 기술적인 μš”μ†Œλ„ λͺ¨λ‘

UI에 ν¬ν•¨λœλ‹€.

 

ν‚€λ³΄λ“œ, 마우슀 λ“±μ˜ 물리적 μš”μ†Œ λ˜ν•œ

컴퓨터와 μƒν˜Έ μž‘μš©ν•˜κΈ° μœ„ν•œ μ‹œμŠ€ν…œμœΌλ‘œ

UI라고 λ³Ό 수 μžˆλ‹€.

 

ν˜„λŒ€μ‚¬νšŒμ— λ“€μ–΄μ„œλŠ” λͺ¨λ°”일 λ””λ°”μ΄μŠ€μ—μ„œ

κ·Έλž˜ν”½ UI인 GUIκ°€ μ€‘μš”ν•΄μ§€κ²Œ λ˜μ—ˆλ‹€.

 


 

κ·Έλ ‡λ‹€λ©΄ UXλž€ λ¬΄μ—‡μΌκΉŒ?

 

UX
(User eXperience)

 

사전적 의미둜 직역해보면

 

User: μ‚¬μš©μž

eXperience: κ²½ν—˜

 

을 μ˜λ―Έν•œλ‹€.

 

μ΄λŠ” μ‚¬μš©μžκ°€ μ–΄λ–€

μ‹œμŠ€ν…œ / μ œν’ˆ / μ„œλΉ„μŠ€λ₯Ό

직·κ°„μ ‘μ μœΌλ‘œ μ΄μš©ν•˜λ©΄μ„œ

느끼고 μƒκ°ν•˜λŠ” 총체적 κ²½ν—˜μ΄λ‹€.

 

μ œν’ˆμ˜ 내ꡬ성이 μ•½ν•΄ 잘 λ§κ°€μ§€κ±°λ‚˜

AS μ„œλΉ„μŠ€, 홍보 λ“±μ˜

μ œν’ˆκ³Ό κ΄€λ ¨λœ λͺ¨λ“  μš”μ†Œκ°€

UX에 영ν–₯을 μ£ΌλŠ” 것이닀.

 

UX에 영ν–₯을 μ£ΌλŠ” λ§Žμ€ μš”μ†Œ 쀑 ν•˜λ‚˜κ°€

λ°”λ‘œ UI인 것이닀.

 


 

UI와 UX의 관계

 

κ²°λ‘ λΆ€ν„° λ§ν•˜μžλ©΄

UXλŠ” UIλ₯Ό ν¬ν•¨ν•˜λŠ” 관계이닀.

ν•˜μ§€λ§Œ, 쒋은 UXκ°€ 쒋은 UIλ₯Ό μ˜λ―Έν•˜κ±°λ‚˜

쒋은 UIκ°€ 항상 쒋은 UXλ₯Ό 보μž₯ν•˜μ§€λŠ” μ•ŠλŠ”λ‹€.

 

상상을 ν•΄λ³Έλ‹€λ©΄ μ΄ν•΄ν•˜κΈ° μ‰¬μšΈ 것이닀.

 

κΈ°λŠ₯ κ΅¬ν˜„μ΄ ν›Œλ₯­ν•˜κ²Œ λΌμžˆλŠ” μ œν’ˆμ΄ μžˆλŠ”λ°,

λ””μžμΈμ΄ κΉ”λ”ν•˜μ§€ μ•Šκ³  λ‚œμž‘ν•˜λ‹€λ©΄

μ΄λŠ” 쒋은 UIλ₯Ό μ˜λ―Έν•  수 μ—†λ‹€.

 

λ°˜λŒ€λ‘œ, κΉ”λ”ν•˜κ³  μ„Έλ ¨λœ λ””μžμΈμ„ κ°–μΆ”μ—ˆμ–΄λ„

κΈ°λŠ₯이 μ œλŒ€λ‘œ μž‘λ™λ˜μ§€ μ•ŠλŠ”λ‹€λ©΄

쒋은 UIκ°€ UXλ₯Ό 보μž₯ν•˜μ§€ μ•ŠμŒμ„ 보여쀀닀.

728x90

λŒ“κΈ€