[css] UX 와 UI의 차이점

UX 디자인이란 무엇인가?

UX는 User Experience의 약자로 '사용자가 제품이나 서비스에 대해 전체적으로 느끼는 사용자 경험'이다.

UI 디자인이란 무엇인가?

UI는 User Interface의 약자로 '사용자 인터페이스'를 의미한다.
쉽게 말해서 사용자가 '제품 혹은 서비스와 시각적으로 마주하는 디자인'을 뜻한다.

공통점

UX와 UI 디자인 모두 사용자를 위한 최상의 제품을 제공하기 위한 분야

차이점

UX 디자인은 사용자 조사 및 프로토타이핑에서부터 제품 마케팅에 이르기까지 제품 디자인 및 출시를 아울러 고려해야 하는 분석적 프로세스가 존재

사용자 경험의 7가지 원칙

• 유용성, 사용성, 검색성, 신뢰성, 매력성, 접근성, 가치성

웹디자인에 원칙을 적용하는 방법

사용성과 필요성

웹사이트의 각 요소가 사용자 경험에 영향을 미친다.
사용자가 목표를 효과적으로 달성할 수 있도록 '사용자가 원하는 정보나 서비스를 빠르게 얻을 수 있도록'한다.

검색성

사이트에서 방문자에게 가장 중요 부분을 쉽게 볼 수 있는 곳에 배치함으로써 사용자의 니즈를 충족할 수 있어야 한다.

신뢰성

신뢰할 수 있는 웹사이트란 꾸준한 업데이트, 해당 웹사이트의 브랜드 또는 비즈니스의 공식적인 이미지를 보여줄 수 있어야 한다.

매력성

로고, 차별화된 브랜드 색상 등을 통해 제품의 고유한 색깔과 일관된 브랜딩을 확실히 구축해야 한다.
웹사이트의 모든 요소가 브랜드 요소를 포함해야 한다.

접근성

비즈니스적으로 중요한 요소가 될 수 있다.
웹사이트의 접근성을 높일 때 고려해야 할 중요 세부 사항으로 색상 대비, 글꼴 크기, 대체 텍스트 등이 있다.
접근성이 좋은 웹사이트는 브랜드에 대한 인식을 높여준다.

출처: wix