UI/UX의 이해

UI(User Interface)

- UI is focused on how a product's surfaces look and function

- 사용자가 제품/서비스를 사용할 때 마주하게 되는 시각적인 부분

- 폰트, 컬러, 레이아웃, 로고 등의 요소

 

UX(User Experience)

- UX is focused on the user's journey to solve a problem

- 사용자가 제품/서비스를 경험할 때 느끼는 모든 순간의 만족을 의미

- 사용자들의 경험 데이터를 분석하여 더 편하고 효율적인 방향으로 사용자 중심적으로 설계된 UI 디자인

 

출처 - Freepik

 

디자인 시스템

- 동일한 브랜드/제품/서비스 이용 경험을 위해 탄생한 디자인 시스템

* 일관성을 유지하기 위해

* 회사마다 UI가이드만 만드는 곳이 있고, UX가이드까지 만드는 곳이 있다.

ex) Google Material Design, Apple HIG, 라인 디자인 시스템, 스타벅스 디자인 가이드, 토스 디자인 시스템

 

UI/UX의 중요성

- 왜 회사마다 디자인 시스템을 만드는것인가?

 

1.사용자 만족도 향상

- 사용자가 웹사이트를 이용하며 느끼는 편리함과 만족도는 그들이 웹사이트를 이용하게 되는 결정적인 요인

- UI/UX를 고려하여 만든 웹사이트는 사용자에게 직관적이고 쉬운 사용 경험을 제공 => 만족도 향상

 

2.브랜드 이미지 제고

- UI/UX 디자인은 브랜드의 이미지를 형성하는 중요한 요소

- 디자인과 기능이 사용자 친화적인 웹사이트 => 브랜드에 대한 긍정적인 인식, 기업의 가치와 신뢰도를 높일 수 있음

 

3.사용자 행동 분석 용이

- UI/UX를 고려한 웹사이트는 사용자 행동에 대한 데이터 수집이 용이

- 사용자의 니즈를 파악 및 웹사이트의 기능과 디자인을 개선하여 최적화 =>  웹사이트의 전반적인 성능 향상

 

4.전환율 증가

- UI/UX를 고려한 웹사이트는 사용자들이 원하는 정보나 기능을 쉽게 찾을 수 있도록 도와줍니다. 이는 사용자들의 웹사이트 내 행동을 원활하게 이어지게 하여, 전환율(가입, 구매 등)을 높일 수 있습니다.

 

5.경쟁력 강화

- 시장에서 독보적인 위치를 차지하기 위해서는 높은 사용자 경험을 제공하는 것이 중요

- UI/UX를 고려한 웹사이트는 경쟁사들에 비해 사용자들에게 더 많은 만족감을 주어 더욱 높은 경쟁력을 갖게 되고, 기업의 지속 성장 및 시장에서 두각을 나타낼 수 있습니다.

 

UI/UX 트렌드

1. AI를 통합한 디자인의 진화
2. AR/VR에서의 공간 디자인
3. 메타버스의 고도화
4. 환경친화적 디자인과 접근성 고려
5. 3D 디자인 요소
6. 글래스모피즘 - 디자인에 시각적 위계를 부여하고 콘텐츠를 강조하기 쉬움 (애플)
7. 개인화된 마이크로 인터랙션
8. ButtonLess UI

자세한 내용은 아래 링크를 참고하시면 감사하겠습니다.
1~7. https://yozm.wishket.com/magazine/detail/2412/

2024년 UX/UI 디자인 트렌드 훑어보기 | 요즘IT

8. https://brunch.co.kr/@2c265fc170b74b6/20

알아두면 좋을 2024 UI 트렌드 5가지