[PART1] 웹/디자인 - TERMS 04

[TERMS 04] UI/UX

UI와 UX의 차이를 설명하는 이미지

1. UI(사용자 인터페이스) / UX(사용자 경험)의 정의

UI(User Interface) : 정보 기기와 소프트웨어의 화면 같은 사용자와의 접점을 의미 

UX(User experience) : 정보 기기와 서비스를 사용하는 사람이 느끼는 경험을 의미

 

2. UI / UX는 어떻게 접하게 될까?

앱 간에 차이를 만드는 요소 : UX + UI

[ e.g. 카카오톡, 네이버, 유튜브 등 많은 사람이 사용하는 앱은 사용성이 좋다. 다른 앱에 비해서 메뉴, 배경 디자인도 예쁘고 각 요소가 이용하기 편하게 배치되어 있다.]

 

3. UI / UX 알아보기

> 개념

UI와 UX는 항상 같이 등장하는 개념이다.  그만큼 밀접하게 관련되어 있지만 역할은 다르다.

 

UI  : 사용자와 전자 기기가 상호 작용 하는 지점을 의미한다. 스마트폰의 터치스크린이나 키오스크의 스크린 등이 UI에 해당 세부적으로는 화면의 레이아웃, 색상, 그래픽, 글씨체, 크기 등 시각적으로 체감할 수 있는 요소 포함한다. UI의 구성에 따라 사용 후 느끼는 만족감이 달라진다. 따라서 현대의 회사들은 UI 디자인에 신경을 쓴다.  UI는 사용자가 회사의 제품과 서비스를 좋아하도록 노력하는 것이라고도 설명할 수 있다.(필요한 기능 제공 + 예쁜 디자인 + 좋은 이용성 = 높은 고객만족도) 

[ e.g. 브랜드 이미지에 맞게 메뉴, 버튼, 목록과 같은 요소의 디자인 일치, 목적에 따라 메뉴를 배치, 심미적으로 디자인]

[ e.g. 전자책 어플 : 바탕색을 옅은 미색으로 설정(=> 전자책을 읽는 사람의 눈에 자극을 줄이고 더 편하게 책을 읽도록 UI를 디자인), 책 제목이나 메뉴 바들은 숨겨 놓고 필요할때만 불러 내어 사용(독서에만 집중할 수 있도록)]

 

UX : 정의 1) 사용자와 회사, 회사의 서비스 또는 제품 사이의 상호 작용에서 발생하는 모든 측면을 아우르는 것 - 도널드 노르만

정의 2) 제품이나 서비스를 소비하면서 사용자가 얻는 경험, 일련의 경험이 목적에 맞고 긍정적이며 편안하도록 사용자의 경험 여정을 분석하고 가꾸는 작업. 

시각적인 요소만을 다루는 것이 아니다. 카페에 갔는데 줄이 길다면? 만족도는 떨어진다. 대형 카페는 고객들의 대기 경험이 긍정적이지 않다는 사실을 파악하고 모바일 주문 방식을 도입한다. 긍정적인 경험을 늘려 서비스 만족도와 브랜드 충성도를 높인다. 즉 사람들이 무엇을 원하는지 그리고 어떻게 하면 가장 편리하게 사용할 수 있을지 여정 지도를 그려 보고 기능을 구현해야 한다.

[ e.g. 네비게이션 앱의 경우 주로 운전할 때 사용하므로 중용한 안내선의 시인성이 좋아야 하고, 속도 제한 같은 특이 사항은 인지하기 쉽게 직관적으로 보여 줘야 한다. 막히지 않는 길로 자동 변경 역시 운전자의 마음을 반영한 UX이다.]

 

> UI와 UX의 특징

UI와 UX에서 가장 중요한 것은 'User', 즉 사용자이다. 같은 서비스일지라도 사용자에 따라 얻는 경험은 다르다.

[ e.g. 계단식 에스컬레이터 => 다리를 다친 사람에게는 그저 움직이는 계단 / 동일한 서비스이지만 사용자에게 따라 누군가에게는 편리한 서비스가 되고, 누군가에게는 불편한 서비스가 된다.]

 

UI와 UX는 밀접하게 연결되어 있어 항상 함께 활용된다. 매입과 매출을 빨강, 초록 막대 그래프로 표현 (UI측면은 좋지만 색맹인 사람들에게는 UX측면으로 바람직하지 않다.) => 막대 그래프의 패턴에 차이를 두어 구분. 주 사용자가 누구인지, 소외되는 사용자는 없는지 고려하여 UX 디자인을 해야 한다. 결국 UI와 UX는 반드시 같이 고려되어야 한다. 그렇지 않으면 사용자가 디자이너의 의도와는 다른 경험을 겪을 수 있다.

 

4. UI/UX를 사용하는 이유

사용자의 서비스 만족도는 곧 서비스의 성공과 직결된다. 좋은 기능이 많아도 불편한 기능 하나 때문에 서비스 전체의 만족도가 떨어진다. 앱 업데이트시 아이콘의 모양이나 메뉴의 위치 변경은 이용자들이 편하게 앱을 활용하도록 UI와 UX디자인을 업그레이드 하는 것이다. 최근 메타버스, AR, VR등의 가상현실을 활용한 콘텐츠들이 빠르게 발전중이다. 새로운 기술이 나오면 그 기술에 맞춘 UI/UX 디자인도 중요해진다. 사용자들의 기술 경험과 사용자 편의를 고려한 디자인이 반영되며 더욱 이용하기 편리한 기술로 발전된다.

 

5. UI/UX 더 알아보기

> 함께 알아 두면 좋은 용어

• HCI(Human Computer Interaction)
• UCD(User Centerd Design)
• HCD(Human Centered Design)
• Customer Journey Map