UX 와 UI 의 차이점

🔶 UX 

UX는 사용자의 경험을 고려한 디자인이다.

우리가 웹 사이트를 사용하며 시스템이나 서비스 등을 이용하면서 느낀 반응이나 경험을 토대로 디자인하는것이다.

 

예를 들어 우리가 웹 페이지를 이용할 때

버튼을 클릭하면 보이지않던 메뉴가 나온다거나

Top 버튼을 누르면 상단으로 이동하는 등 

 

웹사이트를 이용하면서 여러 기능들과 서비스를 경험해보았을것이다.

 

이렇듯 사용자의 경험을 관점으로 더 편리하게 이용할수있도록 설계를 하여

시각적으로 풀어내어 배치하고 디자인하는것을 UX 라고 한다.

 

🔶 UI

UI 는 사용자의 사용환경 즉 시각적으로 접하는 디자인을 총칭한다.

웹 페이지를 이용할때 우리가 필요한 기능들과 요소들을 디자인 한다.

 

예를 들어 UX 에서 TOP 버튼을 눌러 상단으로 가는것을 설계하면

                UI는 그 TOP 버튼을 어떻게 꾸밀것인가를 설계하고

 

                UX에서 클릭하면 안 보이던 메뉴가 나오도록 설계하면

                UI는 클릭할 버튼의 디자인을 또는 드러날 메뉴를 어떤 형태로 만들지를 설계하는것이다.

 

UI는 UX가 사용자의 경험에 따라 설계한 것을 바탕으로 요소들을 디자인하여

직관적인 인터페이스를 통해 사용자들이 헷갈리지않고 사용할수있게 디자인하는것을 UI 라고한다.

 

🔷 예시

🔹UX : 버튼을 누르면 숫자가 증가하고 텍스트로 출력 하도록 설계하여 디자인

🔹UI : 기능을 하는 버튼을 디자인