UI & UX

UI

• UI(User Interface) : 사용자 인터페이스를 디자인
• 기기와 유저가 서로 상호작용 할 수 있도록 연결해주는 매개체
• ex) 디스플레이 화면, 아이콘, 검색창, 색상, 폰트, 문자...
• 디자인의 구성요소인 폰트, 색, 줄간격 등 상세한 요소가 포함되고 기술적 부분은 반응형이나 에니메이션 효과등이 포함
• 사용자가 사용할 때 큰 불편함이 없어야 하며, 만족도를 높여야 한다!!

UX

• UX(User Experience) : 사용자 경험을 디자인
• 사용자가 컴퓨터 웹사이트 등의 UI를 직.간접적으로 이용하며 경험한 모든 것을 말함.
• ex) 디바이스를 매장에서 구매할 때의 느낌, 디바이스를 초기 세팅하고 어플리케이션을 설치할 때의 느낌
• 사용자들의 경험을 분석하여 더 편하고 효율적인 방향으로 프로세스가 진행될 수 있도록 만드는 것

UI Vs UX

• UI는 보편적인 인간을 모델로 분석한다면 UX에서는 특정 사용자를 모델로 공감한다.
  • UI가 누구에게나 편리하고 아름다운 소프트웨어를 지향한다면 UX 는 기능의 제거나 제약에 따른 개성있는 소프트웨어를 만들기 위해 특정사람만 만족시키는 주관성을 지향한다.
    ex) 아이폰
    보편적이지 않은 UI(호환되지 않는 기능, 일반적이지 않은 디자인)
    하지만 복잡한 기능을 제거하고 필요한 것을 단순하게 제공하면서 미적인 디테일을 높인점, 익숙해지면 편리한 기능들...
• UI는 UX를 기반으로 시각적인 요소에 중점을 두는 반면, UX는 UI를 사용하는 사용자의 경험을 분석하여 보완하는 것에 중점을 둔다.
  -> UX로 유저의 니즈파악 -> UI 업그레이드 -> UX 만족감 상승 -> UI 업그레이드 -> UI와 UX 상호작용!!!!

UI, UX를 이해하는 사진들..

디자이너가 이쁘게 길을 만들어놨지만 경험상 가로지르는게 더 빠름!!

항상 뒤집어서 사용하는 것을 착안한 디자인

UI 디자이너 : 어떤 색을 써야 사용자들에게 바로 보일까?
UX 디자이너 : 버튼이 1번에 오는게 꼭 필요한거야??