Пандемія докорінно змінила наше життя. Вплинула вона і дизайн.
Пандемія докорінно змінила наше життя. Вплинула вона і на дизайн. Оскільки аудиторія цифрових продуктів стала ширшою, новітні технології пішли на другий план, поступившись місцем таким цінностям, як доступність, інклюзивність, локалізація, спрощення.
У статті ви знайдете 10 трендів, які будуть на піку популярності у 2022 році. Вони досить універсальні, тому швидше за все збережуться надовго. Ви дізнаєтеся:
що таке Lottie-анімації і чому зараз вони актуальні як ніколи,
які переваги має темний режим,
які нові метрики юзабіліті представив Google,
чому варто задуматися про локалізацію сайту/додатку і т.д.
Ми думали, що знаємо, яким буде наше майбутнє.
У міру того, як 2020 рік добігав кінця, тренди UI/UX-дизайну розвивалися в новому захоплюючому напрямку: поєднання простих інтерфейсів та потужних високопродуктивних технологій, таких як штучний інтелект, 3D, а також віртуальна та доповнена реальність.
Потім прийшла пандемія, а разом з нею і нові користувачі, які потребували простих рішень та інструментів. Дизайнерам довелося підлаштовуватися під зміни. Пріоритетом стала доступність. Тепер принципове значення мають проста навігація, велика типографіка та чіткі інструкції.
Вплив такого "ковідного" доступного підходу, ймовірно, ще довго відчуватиметься у світі UI/UX. Давайте звернемося до останніх дизайн-трендів, які виявляться на піку популярності цього року, привернуть увагу користувачів і допоможуть удосконалити ваш стиль.
1. Lottie-анімації
Оскільки цифровий ринок з кожним роком стає більш конкурентним, дизайнери шукають нові способи залучити споживачів і утримати їх. Але іноді й старі прийоми не менш ефективні — це доводить знову збільшений інтерес до анімації. У 2022 році саме анімація стане одним із найкращих способів завоювати увагу аудиторії (врешті-решт ми високовізуальні істоти).
Одна з найбільш помітних тенденцій, яку можна спостерігати у роботі сучасних дизайн-команд, – це використання Lottie-анімацій. За даними Exploding Topics, у період з 2017 до 2021 року кількість однойменних пошукових запитів зросла на 2300%.
Джерело: Lottie Files
Цей інструмент з відкритим вихідним кодом на основі JSON був розроблений для того, щоб дизайнери могли швидко створювати, тестувати та відображати анімації. Це не просто GIF - Lottie-анімації набагато менше за розміром, але при цьому відрізняються чудовою якістю.
2. Більше додатків та сайтів з темним режимом
Темний режим у тій чи іншій формі існує вже давно, але саме оновлення Apple Mojave 2018 зробило його по-справжньому популярним. З того часу він доступний не тільки в iOS - темний режим також реалізували такі світові гіганти, як Amazon, Microsoft, Google та багато інших компаній.
А для роботи з тими додатками та платформами, де він недоступний, користувачі можуть просто завантажити спеціальне розширення для браузера, наприклад, Dark Reader, яке дозволить примусово переключити інтерфейс у темний режим.
Є безліч причин додавання темного режиму. Наприклад, він допоможе збільшити час автономної роботи пристроїв та зменшити кількість лякаючого "синього світла", яке заважає нашому мозку спати ночами.
З точки зору UI/UX висока контрастність темного режиму дозволяє зробити тексти більш читаними, покращити кольори та деталізацію зображень та відео. Також він знижує навантаження на очі і тому ефективний для утримання користувачів.
Мова не просто про інверсію кольорів. Дизайнери повинні враховувати той факт, що чорний текст, розміщений поверх зображень, може зникнути, якщо користувач увімкне темний режим Google Chrome.
3. Зростання популярності голосових інтерфейсів користувача
Ще один тренд UI/UX, який варто звернути увагу, — голосовий пошук. Дизайн виходить за межі візуальних інтерфейсів. Наразі він задіює й інші органи почуттів.
Голосові інтерфейси користувача (VUI) вже стали мейнстримом завдяки Siri, Amazon Alexa і пристроям Google Nest. Згідно з звітом MarketsandMarkets до 2025 року ринок голосових інтерфейсів зросте майже до 25 мільярдів доларів. У 2022 році подібні рішення стануть ще актуальнішими.
Неважко зрозуміти чому. Людям потрібні швидкість і зручність, а голосовий інтерфейс користувача здатний це дати. Причому їм не доведеться навіть торкатися пристрою, не кажучи вже про те, щоб витрачати час на перехід до певної програми або введення повідомлення. У будь-який час, у будь-якому місці (хоча, можливо, і не варто кричати надто голосно у громадському транспорті).
Це особливо актуально для молодих користувачів, які не просто знайомі з VUI — вони сприймають цю технологію як належне.
4. Мікроводії мають ключове значення
Ми вже знаємо про те, що анімація знову в моді, але мікровзаємодії також стануть одним із основних інструментів у наборі UI/UX-дизайнера, особливо якщо ви проектуєте інтерфейси для мобільних пристроїв.
Невеликі графічні елементи та анімації – чудовий спосіб утримати користувачів. Бажаєте показати, що їхній запит обробляється? Додайте індикатор завантаження. Бажаєте звернути їхню увагу на нове повідомлення? Повідомлення у вигляді дзвіночка — саме те, що потрібно.
Використовуйте мікровзаємодії, щоб привернути увагу, інформувати користувачів та направляти їх туди, куди їм потрібно (або куди ви хочете).
5. Зберігається акцент на юзабіліті
Про те, як зробити досвід взаємодії зручнішим, думаєте не лише ви. Google також прагне покращити UX та представляє 3 нові метрики юзабіліті в рамках Core Web Vitals, “єдиного посібника з критеріїв якості, які забезпечують відмінний досвід взаємодії в Інтернеті”.
Ось ці метрики:
1. Largest Contentful Paint (LCP) - Відображення найбільшого елемента
LCP — це час рендерингу найбільшого видимого елемента на сторінці. Подбайте про те, щоб користувачам не довелося чекати більше 2,5 секунди.
2. First Input Delay (FID) - Затримка першого введення
FID – час реакції на першу дію користувача після завантаження сторінки. Наприклад, час між натисканням кнопки "Додати до кошика" та фактичним додаванням товару (і повідомленням про це користувача). Найкраще, якщо FID не перевищує 100 мілісекунд.
3. Cumulative Layout Shift (CLS) - Кумулятивний зсув макета
Цей показник використовується для виміру візуальної стабільності сайту. Прагніть CLS на сторінках не перевищувати 0,1.
6. Інклюзивність понад усе
Різноманітність. Інклюзивність. Доступність. Ключові UI/UX терміни 2022 року. Спираючись на успіхи технологічного сектора перед глобальною пандемією, дизайнери захочуть і надалі зміцнювати ці характеристики, щоб охопити ширшу аудиторію.
Це означає, що в основі підходу до дизайну та розробки веб-сторінок та мобільних додатків має лежати “інклюзивне мислення”. Пошукайте, що можна вдосконалити - витіюваті (але нечитані) шрифти, дрібний текст і кнопки, по яких важко потрапити, - це правильний спосіб відштовхнути користувачів з обмеженими можливостями.
Збирайте реальні відгуки і якнайчастіше тестуйте продукт, щоб переконатися, що ви подбали про всіх користувачів.
7. Спрощення шляху користувача та інформаційної архітектури
Що простіше, то краще.
З початку пандемії багато компаній представили нові функції та послуги, щоб допомогти користувачам. Але оскільки ситуація залишалася непередбачуваною, дизайнери та розробники мали діяти швидко та оперативно, тому хоча доповнення виявилися функціональними, вони не завжди можуть похвалитися якісним інтерфейсом.
Оскільки світ поступово встає на ноги, 2022 дає шанс, нарешті, доопрацювати ці рішення, зробивши їх не тільки естетично привабливими, а й зручними, щоб продукт не нагадував Франкенштейна.
Завдання полягає в тому, щоб додати більше послуг та функцій без шкоди для досвіду загалом. Простої підтримки недостатньо. Програми та сторінки необхідно оптимізувати та спростити (принаймні візуально).
8. Зближення дизайну та розробки: відмова від виключно графічних інструментів
Одна з головних складнощів для будь-якої UI/UX-команди - прірва між дизайном та розробкою. Це вічна боротьба тим, що класно виглядає, і тим, що можна реалізувати на практиці. Мені це нагадує розбіжності між режисером та продюсером.
Ви маєте бачення продукту. А команда розробників каже, що це нездійсненно — принаймні так, як ви це собі уявляєте…
Описаний підхід виявився неефективним і недоцільним у динамічному, ніколи не сплячому онлайн-світі. Тому в 2022 році дизайн і розробка стануть ближче, ніж будь-коли раніше. Багато фахівців відмовляться від суто графічних інструментів, які дозволяють створювати естетично привабливі, але позбавлені функціональності концепції.
9. Локалізація контенту та досвіду взаємодії
Персоналізація - ключ до створення інклюзивного досвіду, а в епоху глобалізації вона має на увазі локалізацію. Ваша команда має бути готова вирішити це завдання та запропонувати користувачам різні параметри налаштування.
У минулі часи багато користувачів заплющували на це очі. В Інтернеті панували американські компанії, а решті країн доводилося з цим миритися. Іноземні користувачі приймали американське написання, розташування контенту "зліва направо" та інші аспекти нелокалізованого досвіду взаємодії.
Тепер же вони очікують на дотримання норм їхньої власної онлайн-культури. Зрештою, Інтернет – місце для всіх. Зважайте на це, якщо розробляєте продукт для широкої аудиторії.
Наприклад, кнопка "Add to Cart" (додати до кошика) для британських користувачів може змінитися на "Add to Basket". Сторінка входу в систему може вимагати електронної пошти у західних користувачів, але в потрібний момент перемикатися на номер мобільного телефону – використовується за замовчуванням у деяких азіатських країнах.
Витратьте час вивчення різних ринків, щоб визначити, що й де необхідно локалізувати.
10. Користувальницькі шрифти (незвичайні та прості)
Настав час однієї з провідних тенденцій UI-дизайну - сміливої друкарні, яка допомагає виділитися з натовпу. На висококонкурентному цифровому ринку потрібно справити враження.
Показати свою індивідуальність.
Бути впізнаваним та відрізнятися від інших.
Популярним рішенням стають шрифти користувача. Швидше за все, це обійдеться вам недешево, оскільки розробка унікального шрифту, як і його подальша імплементація, потребують часу та зусиль.
Одна з ознак хорошого брендингу – коли користувачі можуть дізнатися про продукти та матеріали компанії, незважаючи на відсутність логотипу. Користувальницький шрифт, із засічками або без, — чудовий спосіб досягти такої унікальності.
Тренди UI/UX-дизайну: які варто запам'ятати?
У 2022 році вашим головним пріоритетом має стати створення доступних цифрових продуктів, які б цілі ви не переслідували — залучити користувачів з усього світу, створити додаток для людей різного віку або лише максимально спростити процес проектування/розробки для вашої команди.
У той же час необхідно зосередитися на створенні інтерфейсів, що притягують погляд. Використовуйте анімації, сміливі шрифти та простий дизайн, щоб залучити користувачів.
Джерело: UXPin