Огляд трендів UX/UI дизайну
![](https://worker.romasheva.com/imgur/14MWW0y.png?w=768)
Технології та дизайн розвиваються стрімко. Тому я люблю періодично виринати з потоку щоденних завдань і озиратися по сторонах. Загалом тримайте мою подборочку свіжих трендів.
Тренди UI-дизайну та дизайну інтерфейсів
Ілюстрації
Ілюстрації продовжують стрімко поширюватися в інтерфейсах. Особливо популярні ілюстрації намальовані руками в Procreate за допомогою Apple Pencils. Ця парочка вже в 10 раз прискорила процес створення унікальної графіки з характером. Тепер ви можете без зайвий метушні, максимально природним способом створити ефектну роботу і підкреслити унікальність бренду. Особливо гарні такі ілюстрації в статтях і онбордінг-сценаріях.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/eMgeHQ2.png?w=768)
Анімація і дизайн руху
Моушн-дизайн в інтерфейсах і стильна анімація особливо гарні коли підкреслюють технологічність і дружність додатки. З ними будь-який софт відчувається приємним для очей, спритним у вирішенні завдань і зробленим професійно. Крім анімації в інтерфейсах, є ще точка докладання Моушн в живих відеосценках на сайті і в онбордінг-сценаріях. Такі сценки допомагають показати продукт в розпал роботи або розповісти історію про користувача продукту з метою викликати відгук і привести до реєстрації. Тобто анімації у всіх проявах веде до збільшення метрик додатки (реєстрацій, покупок, підвищує залученість), а значить вона все ще буде в тренді.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/2a7iAqy.gif?w=768)
Ефекти при Скроллі
Так, це не нова фішка, але все ще дуже популярна. Штука виглядає дуже ефектно, допомагає залучати користувача в вивчення матеріалу, привертає увагу, тому дуже популярна в дизайні веб-і мобільних додатків.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/TRRoBPh.png?w=768)
Ретро
Ретро-стиль зі світу кіно і мистецтва проник навіть в світ призначених для користувача інтерфейсів. Що поробиш, клієнтам подобається.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/SuXam8R.gif?w=768)
Помітні кольори
Помітні кольору ще тримають планку, але приглушені спокійні тони їх звичайно тіснять. Особливо популярні помітні поєднання на промостраніцах. Рекомендую спробувати, як підвернеться відповідний проект!
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/OCOBLHj.png?w=768)
Креативні шрифти
Дуже популярні в веб-дизайні. Дизайнери на сайтах просто відриваються в цьому плані. Стандартні шрифти, звичайно, вже не годяться для вираження характеру бренду. А шрифти Open Sans, Lato, Roboto вже давно пішли в додатки і там допомагають дизайнерам забезпечувати принцип доступності до можливостями додатки з будь-якого екрану і будь-якого пристрою. Але на сайтах, важливо брати зухвалі і запам’ятовуються шрифти, працювати на брендинг. Крім того, шрифти хороші якфон з додатковою комунікацією, так і в якості посилення основного послання.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/4Ljox3e.png?w=768)
Графічні образи в стилі Баухаус
Часто встречается в веб-дизайне. Веб-дизайнеры видимо решили серьезно вдохновиться Баухаузом. Отличительные черты Баухауза прямые и ровные линии, строгие геометрические формы, а также отсутствие отвлекающих и нефункциональных деталей. Графические узоры Баухауза хорошо сочетаются с фотографиями, жизненной графикой и иллюстрациями и вполне дельно смотрятся как самостоятельные графические решения.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/XtmuCq8.png?w=768)
Темна тема vs Світла тема
Здається, темна тема стала вже класикою. А перевірити дизайн-систему на роботу в темному режимі вже стало стандартом в дизайні мобільних додатків. Що цінують користувачі в темній темі? Зменшення напруги очей і зниження споживання батарей на смартфонах і планшетах.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/e2dhrlj.png?w=768)
3D
У боротьбі за увагу користувача дизайнери шукають все нове, активно пробують свіжі рішення. Поки конкуренти плоскі, дизайнери накочуються 3D з метою викликати відгук і підвищити конверсію. 3D можна зустрітися як в статиці, так і в динаміці. На зорі 3D в інтернеті на сайтах частіше зустрічалися абстрактні і геометричні композиції, а зараз вже це роботи професійних ілюстраторів, тільки в 3D.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/vwtvN8G.gif?w=768)
Бруталізм
Подивіться на сайти Figma і Tubik Crew. У них простежуються прості і прямолінійні форми, сміливі кольору, поєднання грубих і простих форм з мікро-штрихуванням на ілюстраціях - все це теж мікротренди, які склалися в один великий тренд сміливого дизайну. Зараз він він набирає обертів, особливо в області продуктового дизайну і брендингу.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/1kqh73F.png?w=768)
Неоморфізм
Колись, на зорі перших айфонів був дуже популярний скевоморфізм. Потім він застарів і на зміну йому прийшла хвиля Flat Design, а за нею і Material Design. Потім циклічність смаків зробила свою справу і ось перед нами Скеоморфізм 2.0 - Неоморфізм. Неоморфізм - це поєднання Flat Design з об’єктами реального світу, світу з текстурами, тінями, глибиною. Тренд не нова, але в дизайн-концепції його можна зустріти часто.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/JW4ziBC.png?w=768)
Тренди UX дизайну
Мікровзаімодія
Мікровзаімодія - це один з найефективніших способів поліпшити користувальницький досвід. Мікровзаімодія допомагають прокачати ux продукту помітно простіше і плавніше. Я вважаю, що цей тренд довгограючий, так як продуктів, які виходять на планку м’якого і плавного користувацького досвіду стає все більше.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/BB1RQgE.png?w=768)
Доповнена реальність (AR) і віртуальна реальність (VR)
Цифровий світ прокачує наші можливості для роботи і розваг все більше, інженери винаходять нові датчики і сенсори, з’являються нові алгоритми машинного навчання і тепер максимально зручні інтерфейси зовсім не за горами.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/G3ToRLe.png?w=768)
Голосова технологія
Edison Research і Triton Digital опублікували щорічний опитування Infinite Dial, згідно з опитуванням 62% + респондентів використовують голосових віртуальних помічників в телефонах і ноутбуках. За даними Statista 50% + респондентів використовують голосовий інтерфейс (VUI). Так що, ця технологія вже проникла в наше життя і продовжує рости.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/WHxwqt6.png?w=768)
Онбродінг і туторіали
Кожен виробник софта і девайсів тепер турбується про якісне навчання на старті в продукті. Творці гаджетів і софта давно зрозуміли, що вони створюють щось зовсім нове і тому важливо грамотно навчити користувачів знайти застосування новинок у своєму житті. Інтерфейси професійних додатків все більше починають походити на ігри, в яких завжди щось щось нове стає просто необхідним і вкрай зручним у вирішенні завдань саме завдяки онбордінгу.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/FVVr7tW.png?w=768)
Сторітеллінг
Сторітеллінг (вербальний і візуальний) допомагає створити емоційний зв’язок з користувачами. Саме історії в продукті формують особливе поле в яке пірнає користувач, коли починає працювати з додатком. Саме сторітеллінг першим виводить споживача на контакт, розпалює інтерес до бренду і залучає його до функцій продукту.
![Photo courtesy of olivia mew(CC No Derivatives)](https://worker.romasheva.com/imgur/iSHSPpD.png?w=768)