2024년 17가지 UX/UI 트렌드
2023년은 롤러코스터를 탄 해였습니다. 그해에는 정말 많은 일이 일어났고 빠르게 일어났습니다.
가상 및 원격 근무 문화가 확산되면서 UX/UI 트렌드는 일년 내내 급격한 변화를 보였습니다.
UX/UI 실무자로서 끊임없이 변화하는 이러한 트렌드에 대한 최신 정보를 얻고 UX 디자인의 좋은 예를 따르고 복제하는 것이 중요합니다 .
이번 글에서는 17가지 주요 UX/UI 트렌드, 트렌드 변화에 영향을 미치는 요소, 새로운 트렌드를 확인해야 하는 이유를 살펴보겠습니다.
시간이 없나요? 빠른 비디오 가이드는 다음과 같습니다 ⬇️
UX를 개선하기 위한 주요 UX/UI 트렌드
#1 다크 모드
다크사이더의 증가세는 올해에도 계속될 것으로 보인다.
외관은 우아하고 세련되며 현대적입니다. 스마트폰과 노트북을 사용하는 시간이 늘어나면서 다크 모드는 사용자 경험에 중요한 역할을 합니다.
하지만 다크 모드는 단순히 어두운 배경에 흰색 텍스트만 표시되는 것이 아닙니다. 여기에는 몇 가지 장점이 더 있습니다.
- 장치가 OLED 또는 AMOLED 화면을 사용하는 경우 배터리를 절약합니다.
- 텍스트 가독성 측면에서는 더 좋습니다.
- 밤에 장치를 사용할 때 눈의 피로를 줄이는 데 더 좋습니다.
- 화면 눈부심을 줄이고 블루라이트를 최소화합니다.
(출처: XDA 개발자)
(macOS 시스템 앱의 다크 모드 ux/ui)#2 신경형성
뉴모피즘은 플랫 디자인과 스큐어모피즘을 결합한 것입니다. UI 요소의 그래픽 강도를 보장하기 위해 배경색, 모양, 그라데이션 및 그림자를 결합한 시각적 스타일입니다. 이 모든 것을 통해 부드럽고 돌출된 플라스틱 모양과 거의 3D 스타일을 얻을 수 있습니다.
뉴로모픽 UI는 우아합니다. 그것에 대해서는 의심의 여지가 없습니다. 부드러운 UI 요소가 너무 편안해요.
Dribbble의 UI 디자이너들 사이에서는 매우 인기가 있지만 대부분의 UX 전문가들은 정반대로 생각합니다.
뉴모피즘은 기본적인 사용성 원칙과 잘 어울리지 않습니다. 직관성과 접근성을 거의 죽입니다. 그리고 이 스타일을 기반으로 구축된 실제 앱은 많지 않습니다.
하지만 디자인 측면에서는 아름답고 미래지향적입니다. 따라서 내년에도 Neumorphic UI가 더 많이 구현되는 것을 볼 수 있습니다.
(출처: 드리블 )
(출처: 드리블 )#3 애니메이션
최근 UI 애니메이션이 큰 인기를 얻었습니다.
디자이너는 UI 애니메이션을 활용하여 정적 그래픽보다 흐름을 훨씬 더 효과적으로 안내함으로써 사용자 경험을 향상시킬 수 있습니다. UI와 제품 프로모션 모두에서 애니메이션이 점점 더 많아질 것입니다. 모바일 앱이 모달과 배너를 사용하지 않고 사용자에게 메시지를 전달하는 몰입형 방법입니다.
예를 들어 Iconscout의 Lottie 애니메이션은 이러한 추세에 대한 인기 있는 리소스입니다.
(출처: 드리블 )#4 고급 마이크로 상호작용
모든 소프트웨어 애플리케이션에는 미세한 상호 작용이 존재합니다. 우리는 다른 응용 프로그램을 사용하면서 매번 사용합니다. 인스타그램의 '좋아요' 기능과 트위터의 '리트윗'은 마이크로 인터랙션의 완벽한 예입니다.
제스처 및 터치리스 컨트롤과 같은 고급 마이크로 상호 작용은 보다 직관적인 경험을 만들 수 있는 새로운 기회를 제공합니다. 우리는 이러한 것들을 점점 더 많이 보게 될 것입니다.
인스타그램 마이크로 인터랙션 UX/UI
트위터 마이크로 인터랙션 UX/UI
#5 대담한 타이포그래피
웹 타이포그래피가 점점 더 커지고 굵어지고 있다는 사실을 알고 계셨나요?
특히 랜딩 페이지와 마이크로사이트의 경우.
굵은 타이포그래피는 사용자의 관심을 끄는 가장 쉬운 방법 중 하나입니다.
대담한 타이포그래피는 주변 환경보다 눈에 띄고 읽기를 요구합니다. 그러나 그것은 전체 미학의 필수적인(통합된) 부분이어야 합니다.
인기 있는 웹사이트에서는 이 기술을 채택하고 있습니다. 대담한 타이포그래피는 직선적이고 적극적인 접근 방식을 유지하며 계속해서 성장할 것으로 보입니다.
Dropbox, Drift 및 Nike의 랜딩 페이지는 대담한 타이포그래피 사용의 가장 좋은 예입니다.
(드롭박스 홈페이지)
(드리프트 홈페이지)
(나이키-캐나다 랜딩 페이지)#6 부드러운 그라데이션
부드러운 그라데이션의 지배가 본격화되고 있습니다.
Microsoft의 유창한 디자인 시스템과 macOS Big Sur에서 Apple의 새로운 디자인 접근 방식은 그라데이션 기반 디자인의 두 가지 큰 추진력입니다. Google도 Gmail, 캘린더, 드라이브, Docs, Meet의 로고를 새롭게 디자인하여 파티에 합류했습니다.
(Microsoft Office용 Fluent 아이콘)
MacOS Big Sur의 새로운 아이콘
(일부 Google 제품의 새로운 아이콘)#7 3D는 어디에나 있습니다
3D 디자인은 지난 몇 년 동안 사용자의 관심을 끌었습니다. 메모리 소비에 대한 몇 가지 단점에도 불구하고 3D는 모바일과 웹 애플리케이션 모두에서 추세입니다.
3D는 특히 VR 및 AR 기술의 인기가 높아짐에 따라 계속해서 성장할 것입니다.
(출처: 드리블 )
(출처: 드리블 )#8 비어 있음 및 오류 상태 그림
오류는 무섭고 공허함은 지루합니다.
그러나 둘 다 소프트웨어 애플리케이션의 필수적인 부분입니다.
그래서 UX/UI 전문가들은 이를 더욱 흥미롭고 편안하게 만들기 위해 한발 더 나아가고 있습니다. 이런 추세는 올해도 계속될 예정이다.
(출처: 드리블 )
(캡션: YouTube 오류 상태 그림)
(출처: 핀터레스트 )#9 디자인 시스템
이러한 추세는 디자인 세계의 규율에 관한 것이며 새로운 것이 아닙니다.
점점 더 많은 기업들이 통합된 디자인 경험과 디자인 시스템 구축에 대해 진지하게 생각하고 있습니다. Material Design , Ant Design , Fluent Design System 은 가장 널리 사용되는 오픈 소스 디자인 시스템입니다. 또한, 그 밖에도 수많은 무료 디자인 시스템이 있습니다. 올해는 더욱 포괄적인 디자인 시스템을 볼 수 있기를 기대합니다.
(출처: Saif71.com )
(출처: 드리블 )#10 원격 및 가상 협업
우리는 모두 (대부분) 집에서 일하고 있습니다.
중소기업부터 대기업까지 이 새로운 문화를 매우 빠르게 채택하고 있습니다. 따라서 원격 및 가상 도구와 서비스에 대한 수요가 급증하고 있습니다. 가상 협업을 우선시하면서 최신 서비스와 기존 서비스의 디자인을 개편하고 있습니다. 이러한 추세는 확실히 계속해서 증가할 것입니다.
(출처: NextPlane )#11 증강 및 가상 현실
AR/VR 공간에는 혁신하고 흥미로운 경험을 창출할 수 있는 무한한 기회가 있습니다.
많은 AAA 게임이 VR 플랫폼으로 출시되고 있습니다. AR을 위한 UI 디자인은 중요한 트렌드 중 하나가 될 것입니다.
(출처: VR로 가는 길 )#12 음성 사용자 인터페이스(VUI) 및 비접촉 상호작용
팬데믹 이후 시작된 또 다른 UI 및 UX 트렌드는 비접촉 상호작용, 즉 음성 사용자 인터페이스입니다.
음성 제어, 에어 제스처 제어 등 장치와 상호 작용하는 다양한 방법이 인기를 얻고 있습니다. 작년에 우리는 음성 인식 서비스를 많이 보았습니다. VUI는 내년에도 새로운 핫케이크가 될 것입니다.
(출처: chatbotsmagazine.com )#13 훌륭한 사용자 온보딩 경험
수백만 명의 사람들이 화상 회의 및 원격 근무 서비스를 설치하고 사용하는 작업을 처리해야 할 때 올바른 온보딩 의 힘이 커지고 있습니다. 이러한 추세는 내년에도 빛날 것이다.
(Slack 모바일 앱 온보딩 UI)#14 원활한 인증
우리 모두는 비밀번호를 싫어합니다.
복잡하고 기억하기 어렵고 보안 수준도 낮습니다. 소셜 로그인, 생체인식 로그인 등 원활한 인증에 대한 수요가 계속해서 나타날 것입니다.
(출처: MacRumors )#15 UX 글쓰기와 마이크로카피
브랜드를 염두에 두고 작성된 특정 마이크로카피는 친근한 경험을 구축하는 데 큰 도움이 될 수 있습니다. UX 라이팅과 마이크로카피는 전반적인 UX 디자인에서 중요한 역할을 하며 올해도 그 자리를 굳힐 것입니다.
(Dropbox의 파일 요청 페이지)#16 개인화된 경험
개인화되고 맞춤화된 경험은 사용자의 관심을 유지하는 새로운 방법입니다.
예를 들어, 전자상거래 사이트에서는 개인화된 구매 추천이 '필요하지 않습니다'라는 구매자의 저항을 빠르게 극복합니다. AI와 머신러닝의 등장으로 소프트웨어 제품에서 더욱 개인화된 경험을 보게 될 것입니다.
(Google 포토의 추억)
(이날 페이스북에서)#17 슈퍼앱의 부상
요즘 Wechat, Yandex Go와 같은 소위 '슈퍼 앱'이 아시아 국가에서 엄청난 인기를 누리고 있습니다.
실리콘 밸리는 항상 슈퍼앱에 대해 회의적이었습니다. 하지만 이제 시대가 바뀌고 있습니다. 우리는 앞으로 '슈퍼앱'의 등장을 보게 될 것입니다.
( 얀덱스 고 )
(Wechat: 하나의 앱이 12개의 인기 앱의 모든 기능을 포함합니다)UX/UI 트렌드를 확인하는 이유는 무엇인가요?
UX/UI는 다른 지식과 마찬가지로 진화하고 있습니다.
그리고 다른 모든 발전과 마찬가지로 새로운 트렌드도 지속적으로 나타나고 성장하고 있습니다 . UX/UI 전문가는 최신 동향을 파악하고 활용해야 합니다. 업데이트된 디자인은 사용자에게 신선함을 선사합니다. 이는 또한 제품에 대한 회사의 헌신을 입증합니다.
그렇기 때문에 움직임과 디자인, 낡은 소프트웨어 경험을 놓치지 말고 최신 디자인 트렌드를 주시하는 것이 필수적입니다 .
매년 트렌드에 영향을 미치는 것은 무엇입니까?
모두가 팬데믹을 겪고 있는 세상에서 제품 디자인은 변화하고 있습니다. 소프트웨어 세계에서는 폐쇄, 매장 강제 폐쇄 등이 엄청난 영향을 미쳤습니다.
원격 협업, 온라인 쇼핑, 스트리밍 서비스, 재택근무, 커뮤니케이션 플랫폼이 빠르게 성장하고 있습니다. 늘 그렇듯, 급격한 변화의 시대에는 기술과 디자인 트렌드가 고객의 요구를 반영합니다. 따라서 앞으로 UI 트렌드는 속도, 단순한 페이지 디자인, 모바일 우선 접근 방식, 그리고 가장 중요한 인공 지능을 우선시하게 될 것입니다.
