brunch

You can make anything
by writing

C.S.Lewis

by 비쥬얼스토리 Jul 04. 2023

2023 17가지 UX/UI 트랜드

웹디자인트랜드

1. 다크모드

올 해도 변함없이, 다크모드는 사랑받고 있습니다.

외관은 우아하고 세련되며 현대적입니다.

스마트폰과 노트북으로 더 많은 시간을 보내면서 다크 모드는 사용자 경험에서 중요한 역할을 합니다.

다크모드의 아름다움 외의 장점들에 대해서 살펴보시죠.  

장치가 OLED 또는 AMOLED 화면을 사용하는 경우에는 배터리가 절약됩니다.

텍스트 가독성 측면에서 좋습니다.

밤에 장치를 사용하는 동안 눈의 피로를 줄일 수 있습니다.

화면 눈부심 및 블루라이트를 최소화합니다.

2. Neumorphism(뉴모피즘)

스큐어모피즘(Skeuomorphism)은 대상을 원래 그대로의 모습으로 사실적으로 표현하는 기법을 말합니다.

그 스큐어모피즘과 new(새로운)의 합성어로 Neumorphism이 탄생했습니다.

스큐어모피즘 스타일의 아이콘과 뉴모피즘 스타일의 아이콘을 비교해보세요.

매우 사실적인 스큐어모피즘

이러한 사실적인 부분들을 보완해서 단순화시키고 플랫, 미니멀과 같은 수식어들이 붙여진 뉴모피즘 아이콘들을 보시죠.

뉴모피즘의 UI는 우아합니다.

부드러운 느낌의 UI 요소는 매우 편안합니다.

디자인 측면에서 아름답고 미래 지향적입니다.

따라서 2023년에는 Neumorphic UI가 더 많이 구현되는 것을 볼 수 있습니다.

3. Animations

디자이너는 UI 애니메이션을 활용하여 정적 그래픽보다 흐름을 훨씬 더 잘 안내하여 사용자 경험을 향상할 수 있습니다.

2023년에는 UI와 제품 프로모션 모두에서 점점 더 많은 애니메이션이 등장할 것입니다.

모바일 앱이 모달과 배너를 사용하지 않고 사용자에게 메시지를 전달하는 몰입형 방식입니다.

출처 : https://dribbble.com/shots/10865609-Travel-App-Concept


4. 진보된 마이크로 인터렉션

좋아요, 리트윗 등 제스처 및 터치리스 컨트롤, IPhone 14 시리즈 이후의 다이내믹 아일랜드 등 고급 마이크로 인터렉션들이 트렌드가 되고 있고, 이는 2023년에 더 성장하고 다양해질 예정입니다.


5. 굵은 타이포그래피

굵은 글꼴은 사용자의 관심을 끄는 가장 쉬운 방법 중 하나입니다.

6. 부드러운 그라디언트

Microsoft의 디자인 시스템과 macOS Big Sur에서 Apple의 새로운 디자인 접근 방식은 그래디언트 기반 디자인의 두 가지 큰 장점입니다.

7. 3D는 어디에나 있다

3D 디자인은 지난 몇 년 동안 사용자를 끌어들였습니다.

메모리 소비에 대한 몇 가지 단점에도 불구하고 3D는 모바일 및 웹 응용 프로그램 모두에서 추세입니다.

https://virtual.bbcmic.ro/?disc1=elite.ssd&autoboot


8. 빈 페이지나 에러 페이지의 illustration

오류나 에러 페이지의 끔찍함과 무서움을 귀엽고 유머러스하게 풀어내기 위한 한 방법입니다.

출처 : https://dribbble.com/shots/6606110-404-Page-Not-Found


9. 디자인 시스템

Material, Ant, Fluent 등 다양한 디자인 시스템들이 존재합니다.

점점 더 많은 회사들이 통합 디자인 경험과 디자인 시스템 구축에 대해서 진지하게 생각 중입니다.

https://daisyui.com/


10. 원격 및 가상공간의 협업에 대한 UX

원격 및 가상공간의 협업이 대두되던 2020년대에서 팬데믹의 영향으로 기하급수적으로 확산된 양상입니다.

다시금 줄어들고는 있지만, 이 트렌드는 스테디 한 상태가 되었습니다.

11. 증강 및 가상현실

AR/VR 내에서 다양하고 흥미진진한 경험을 혁신하고 창출할 수 있습니다.

출처 : https://www.roadtovr.com/


12. 음성 인터렉션과 터치하지 않는 인터렉션

팬데믹 이후 많은 사람들이 터치리스를 통한 인터렉션을 원합니다.

화장실을 이용할 때도 손을 대지 않고 모든 것을 사용할 수 있게끔 되었습니다.

포스트 팬데믹 이후에도 이러한 트렌드는 계속되리라 생각됩니다.


13. 사용자 온보딩 경험 향상

사용자가 직전에 이미 로그인 한 부분들에 대해서 바로 사용할 수 있고, 수백만 명이 화상회의 및 원격 작업을 함에 있어서 좋은 온보딩의 힘은 갈수록 강해지는 중입니다.

14. 원활한 인증

점점 password를 일일이 다 타이핑하기 귀찮아합니다.

생체 인식 로그인과 이미 로그인된 상황 등에 집중하고 수요가 계속되고 있습니다.

출처 : https://www.macrumors.com/


15. UX 작성 및 마이크로 카피

브랜드를 염두에 두고 작성된 특정 마이크로카피는 친근한 경험을 구축하는 데 큰 도움이 될 수 있습니다.

UX 작성 및 마이크로카피는 전체 UX 디자인에서 중요한 역할을 하며 올해 그 기반을 유지할 것입니다.


16. 개인화된 경험

예를 들어, 전자 상거래 사이트에서 개인화된 구매 권장 사항은 '필요하지 않습니다'라는 구매자 저항을 빠르게 극복합니다.

AI와 기계 학습의 부상으로 소프트웨어 제품에서 보다 개인화된 경험을 보게 될 것입니다.


17. 슈퍼앱의 부상

야놀자, 오늘의 집과 같은 소위 슈퍼 앱은 아시아 국가에서 엄청난 인기를 얻고 있습니다.

기존에는 숙박업, 인테리어에만 집중하다가 현재는 관련된 모든 사업들을 확장하여 다 진행할 수 있도록 업그레이드되었습니다.


왜 UX/UI 트렌드를 체크하는가?

새로운 트렌드가 지속적으로 등장하고 성장하고 있습니다.

UX/UI 전문가는 최신 트렌드에 대한 정보를 계속해서 흡수하고 이를 활용해야 합니다.

개편된 디자인 및 웹사이트는 사용자에게 신선한 느낌을 줍니다. 또한 제품에 대한 지속성과 회사의 신뢰성에 대한 증명을 합니다.



출처 : https://userguiding.com/blog/ux-ui-trends/

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari