코드스테이츠| PMB 11/Review

[정리] 2022년 UI/UX 디자인 트렌드

Sutella 2022. 4. 5. 11:22
728x90
 

2022: Top 12 UI UX Trends to follow - UIUX Trend

The top UI UX trends 2022 not to miss out on. UI UX trends in 2022 include metaverse, screen size optimizations, inclusive design, etc.

uiuxtrend.com

UI

1. 다크모드

일부 시각 장애가 있는 사용자에게 향상된 가시성 제공 (접근성 체크리스트 항목 중 하나)

전력 사용량 감소

 

2. 3D 및 애니메이션

이전에도 애니메이션은 있었지만 웹사이트나 앱의 로딩 속도 감소, 데이터 소모라는 한계 존재

-> 5G 기술의 도약으로 데이터 전송 속도 가속화 (해결)

 

3. 더 많은 화면 크기 및 픽셀 최적화

웨어러블 장치, 모바일 장치, 태블릿, 작은 화면, 폴더블 장치, 랩톱, 데스크톱, 큰 화면, 초대형 화면 및 TV 수용 필요

 

4. 대형 화면용 앱 준비

폴더블 폰 및 데스크탑 같은 더 큰 화면에 맞게 디자인 적용 필요

* 애플의 M1칩 개발과도 연관 있는듯

 

5. 복잡성 최소화 #슈퍼앱

Google) Gmail = Gmail + Google Meet + Google Hangout 채팅용 여러 앱 등

 

6. 디자인 시스템 및 라이브러리 #Figma

동일한 회사 또는 외부 당사자 내 모든 사람이 사용할 UI 디자인의 공통 라이브러리 구축

 

UX

1. 포괄적인 디자인

단순한 접근성 그 이상

사람의 다양성 인정, 디자인 과정에서 인종, 사회문화적 배경, 성별, 나이, 언어, 장애 등 다양한 인적 요소 고려

ex. 인종/성정체성/연령을 고려하는 이모티콘 세트

 

2. AR, VR, B2B로 확장

코로나19로 인한 원격 근무 추세 -> 원격 AR 기반 교육 및 가상 이벤트에 대한 기회 창출

 

3. 메타버스

- Horizon Workrooms 앱을 사용하면 Facebook 브랜드인 Oculus Quest 2 헤드셋 사용자가 자신의 아바타 버전으로 회의를 개최 가능

 

4. 클럽하우스의 죽음에서 배운 경험

그동안 대표 이미지, 색상, 타이포그래피, 비디오 등에 중점. 시각적 디자인과 콘텐츠에만 의지 (오디오 거의 X)

클럽하우스를 통해 오디오 콘텐츠가 재검토할 가치가 있음을 일깨움

 

5. 더 많은 부분에서의 접근성

  • 대비되는 색상 사용(예: 밝은 배경의 어두운 텍스트 또는 어두운 배경의 밝은 텍스트) 
  • 사용자가 텍스트 크기를 늘릴 수 있도록 허용
  • 동영상에 캡션 제공
  • 이미지에 대한 설명 제공

6. 사용자 경험 및 콘텐츠 현지화

사용자가 대시보드, 알림 및 표시되는 콘텐츠를 사용자 지정할 수 있도록 허용해야 함

728x90