[웹] UI & UX 를 알아보자

Jes·2022년 6월 27일
0
post-thumbnail

📌 UI & UX 개념

UI(User Interface, 사용자 인터페이스) 는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다. 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다.

UX(User Experience, 사용자 경험)의 사전적 의미는 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험이다. 제품, 서비스 그 자체에 대한 경험은 물론, 홍보, 접근성, 사후 처리 등 직간접적으로 관련된 모든 경험을 사용자 경험이라고 할 수 있다

❓ 둘의차이

ux는 ui를 포함한다. 둘은 서로 상호보완하는 밀접한 관계이지만, UI가 좋게 디자인되었다고 UX가 모두 훌륭하지는 않다. 유튜브를 예를들면

  • 검색 기능, 저장, 구독, 좋아요 등.. UI가 좋게 디자인되어 있지만, 영상 하나 시청을 하려는데 본인인증, 스킵 없는 5분짜리 광고 등을 거친 후 재생이 된다면 사용자가 절반은 줄었을 것이고 사용자에게 나쁜 경험이 될 것이다.

  • 반대로 광고 없이 즉시 재생이 되지만, 검색 기능이 없고 버튼이 따로 없어서 터미널로 코드를 쳐서 찾은 뒤 재생해야 된다면? 아무도 안 볼 것이다.

💡 효과적인 UX 디자인 방법

좋은 UX를 만들려면 무엇을 고려해야 할까? 피터 모빌(Peter Morville)의 벌집 모형은 더 좋은 UX 개발을 할수있게 점검하도록 도와준다.

유용성(Useful) 사용 가능한가?

  • 제품이나 서비스가 목적에 맞는, 사용 가능한 기능을 제공하고 있는가에 관한 요소

사용성(Usable) 사용하기 쉬운가?

  • 기능이 아무리 잘 작동하더라도 사용자가 사용하기 어렵다면 좋은 UX를 제공하기 어렵다. 그러므로 단순하면서 직관적으로 사용하기 쉽도록 점검

매력성(Desirable) 매력적인가?

  • 단순히 디자인이 보기에 좋은지부터 시작해서, 이미지, 브랜딩 등의 여러 요소들이 사용자에게 긍정적인 감정을 불러일으킬 수 있는지, 사용자들이 해당 제품이나 서비스를 이용하고 싶어 하는지 점검

신뢰성(Credible) 신뢰할 수 있는가?

  • 실제 제품이나 서비스를 통해 얻을 수 있는 가치를 과장하여 홍보 한다거나 사용자의 개인 정보를 유출하는 등 사용자의 신뢰성을 떨어뜨리는 일이 없어야 한다.

접근성(Accessible) 접근하기 쉬운가?

  • 시력이 좋지 않은 고연령자 사용자들을 위한 글자 키우기나 돋보기 기능, 혹은 시각 장애인을 위한 음성 안내 기능 등 누구든지 서비스에 접근 할 수 있는지 점검

검색 가능성(Findable) 찾기 쉬운가?

  • 사용자가 원하는 정보를 쉽게 찾을수 있도록 내비게이션바 같은 검색기능을 추가하여 검색할 수 있는지 점검

가치성(Valuable) 가치를 제공하는가?

  • 모든 요소들을 총합하여 고객에게 가치를 제공하고 있는가에 관한 요소이다. 사용자마다 가치판단 기준이 다르다. 그러므로 모든 요소를 고르게 고려하여 공통적으로 중요하게 생각하는 요소를 찾아 집중하도록 한다.

🌴 결론

  • 서로 상호보완 관계이고, 둘중 어떤게 중요한가 구분짓지 않도록 한다.(둘다 공존해야함)
  • UI 디자인은 사용자가 서비스에 접근할때 필요한 컴포넌트나, 위치선정,시각적인 부분 등 편리하게 접근할 수 있도록 돕는 수단이다.
  • UX 디자인은 광고를 없애고, 자막을 넣어 사용자에게 만족스러운 경험을 하도록 디자인 하는것
profile
Escape Newbie

0개의 댓글