What's Design

웹디자인에서 ui와 ux의 차이

윤흐이 2024. 11. 26. 15:38

 

ui랑 ux는 단순히 디자인일까?

ui는 웹디자인이고, ux는 앱디자인으로 알고 있는 경우도 있다.

오늘은 그 둘의 차이를 작성해보려고 한다.

 

 

  • UI(User Interface):
    • 사용자가 직접 접촉하는 인터페이스의 시각적, 상호작용적 설계
    • 버튼, 아이콘, 스크롤바, 색상, 타이포그래피 등 웹사이트의 시각적 요소
    • UI는 주로 디자인 미학과 사용성
    • 웹사이트의 미적인 아름다움, 어떻게 보이는가에 초점

 

  • UX(User Experience):
    • 사용자가 웹사이트 또는 서비스와 상호작용하면서 느끼는 총체적인 경험을 설계
    • 사용자 여정의 흐름, 접근성, 효율성, 만족감 등의 사용자 중심 설계에 중점
    • UX는 문제 해결과 편의성
    • 서비스 흐름의 논리성과 효율성, 사용자의 편리함과 만족감
    • 어떻게 작동하는가에 초점

 

UI UX
웹사이트의 시각적 요소와 스타일
➡️ 버튼은 둥근 모양에 빨간색
사용자의 여정과 경험의 논리적 흐름
➡️ 버튼 클릭 후 다음 단계로의 자연스러운 이동

 

 

 

UI디자이너는 버튼과 폰트 등 요소의 크기와 색상 등을 결정하고, 사용자가 시각적으로 반응하도록 유도

UX디자이너는 사용자가 적절한 순서로 작업을 수행하며, 목표를 효율적으로 달성할 수 있도록 과정 설계

 

버튼을 클릭하고 싶게 보이도록 디자인 : UI

사용자가 클릭 후 원하는 정보를 빠르게 찾을 수 있도록 경로 설계 : UX

 

 

UI는 보이는 외관을,

UX는 느끼는 것을 설계한다.

 

반응형