9 Трендів ux, які повинен знати кожен веб-дизайнер

Відео: Що розробникам інтерфейсів потрібно знати про дизайн


Досвід взаємодії, як всі ми тепер знаємо, це все те, що підвищує задоволеність і задоволення користувача, роблячи програмне забезпечення або веб-сайт більш зручним, доступним і простим у використанні.

З кожним роком UX дизайн стає все більш і більш витонченими, охоплюючи кожне взаємодія між користувачем (потенційний або поточний клієнт) і компанією. У 2015 році UX-дизайнери відстояли «вільні ідеї» в дизайні, в результаті чого, сайти почали ставати все більш чуйним, а інтуїтивно зрозумілі програми та залучення послуг також відчули стрибок.

Минуло майже два роки, багато чого змінилося, і тепер існують певні тенденції UX, які ви повинні знати, як веб-дизайнер. Ось деякі з них:

1. Віковий чуйний дизайн

Ми вже не раз чули і обговорювали чуйність в значній мірі, і ми всі знаємо, що коли ми говоримо, що сайт чуйний, то ми маємо на увазі, що він пропонує однаково відмінний перегляд сайту і роботу в Інтернеті незалежно від пристрою, на якому він проглядається. Але, є нова тенденція, яка набирає популярність - вікова чуйність. Незабаром ми побачимо сайти, адаптують контент, оформлення та структуру для різних вікових груп користувачів.

Так само як маленька дитина, підліток і пенсіонер не дивляться одні й ті ж програми по телевізору, вони будуть по-різному реагувати на однаковий зміст сайту - будучи повністю байдужі до одного, і схвильовані іншим.


Прикладом може служити меню навігації, які розширюються і стискаються, грунтуючись на очевидною користувальницької компетентності: мінімальні інтерфейси, які дозволяють взаємодіяти з обмеженим набором функцій новачкам або не дуже розбираються в технологіях. Розміри шрифтів і відстані, які природно збільшуються відповідно до поганим зором літніх людей. Більш яскраві відтінки для молодих користувачів, як і більш стримані відтінки для літніх людей, і так далі. Метадані і перегляд історії допоможуть сформувати видимий рівня веб-грамотності користувачів.

2. Відображення збою

З такою кількістю мобільних пристроїв, що з`являються по всьому світу, зростає і кількість користувачів, багато з яких не дуже розбираються в технологіях, і в результаті вони роблять багато помилок, коли вони спочатку використовують ці пристрої. UX-дизайнерам доведеться прийняти це до уваги, і створювати дизайн для не ідеально сценаріїв, так що помилкове використання продуктів і послуг, буде оброблятися кращим чином.

Відео: Що потрібно знати веб-дизайнеру

3. Дослідження дизайну

Всякий раз, коли користувачі отримують новий досвід, вони стають допитливими, а це, як правило, схиляє до того, щоб зробити їх щасливими. Як?

Ну, наукові дослідження говорять нам, що коли будь-яка людина має абсолютно новий досвід, його мозок вивільняє дофамін в великих кількостях, назвемо його хімічною речовиною «щастя». Це викликає у них інтерес і радість від нового досвіду, і постійно підштовхує їх до пошуку такого ж переживання.




Таким чином, дизайн, який забезпечує новий досвід для користувачів з точки зору інформації або взаємодії, безумовно, є необхідність на сьогоднішній день. Подивіться на соціальні мережі - ви робите так багато різних речей в них: іноді ви перевіряєте профілі інших, іноді новинні стрічки, коментуєте чужі пости або публікуєте свої. Стільки багато різної активності. Тому, коли ви допомагаєте користувачам «мандрувати» посередництвом їх цифрового досліди і робити відкриття, ви прямуєте до того, щоб стати успішним у їх залученні до взаємодії з брендом. Елементи, які змушують користувачів досліджувати ваш сайт, як можна більше, це, як правило, блоги, спільноти, форуми, партнерські можливості, точки продажу товарів і багато іншого.

4. Мікровзаімодействія будуть важливішими, ніж будь-коли

Ці маленькі шматочки активності, про які більшість дизайнерів навіть не замислюються, на відміну від функцій, які мають набагато ширші можливості, і включають в себе численні призначені для користувача історії. Мікровзаімодействій прості, навряд чи припускають будь-які зусилля і, дуже короткі за тривалістю. Ефективні мікровзаімодействія слідують наступного розпорядку:

  • Тригер - візуальний сигнал, який виділяє дію
  • Правила - визначають, що відбувається, коли користувач здійснює дію, і в якому певному порядку
  • Зворотній зв`язок - користувач отримує, щоб перевірити, що відбувається, коли він робить певну дію
  • Петлі і режими - як довго мікровзаімодействіе триває (негайно припиняється або повторюватися?)

Прикладом мікровзаімодействія можуть послужити вкладки у верхній частині сторінки, які відображають інформацію при наведенні миші, кнопки в футере, які призводять користувача прямо на початкову сторінку, і так далі. Хоча це дуже маленькі елементи, вони можуть зіграти важливу роль в тому полюблять користувачі сайт або він їм просто сподобається.

Сконцентруйтеся, в тому числі, на елементах, які спрощують взаємодію з докладною інформацією, зворотним зв`язком, повідомленнями і навіть трохи розвагами. І переконайтеся, що ви робите це таким способом, який передає інформацію, не перевантажуючи і не відволікаючи користувачів.

5. Штучний інтелект в UX

Досить імовірно, що найближчим часом дизайнери почнуть тестування декількох елементів комп`ютерної техніки в UX-дизайні. Ці радикально змінити веб-сайти, прокладаючи шлях для розумних, вільнодумних складових для взаємодії з користувачем. Хорошим прикладом є клавіатура iOS (також доступна на Android): коли ви друкуєте на клавіатурі, ви, по суті, контактуєте з штучним інтелектом, ніж він змінює свої здогадки та припущення про слово, яке ви збираєтеся друкувати.

Штучний інтелект на основі UX-дизайну означає, що для того, щоб завоювати увагу користувачів, необхідно розробити прототип своїх цілей, а потім включити штучний інтелект для інтерпретації дій користувача щодо цих цілей.


Саме чудове те, що ІІ може бути легко інтегрований в дизайн, не привертаючи особливої уваги до себе, що означає - користувач може не знати, що є розумний код, що виконується в фоновому режимі сайту, який вони переглядають.


Як дизайнер, ви повинні також пам`ятати, що збагачений досвід приходить більше від того, як представлена ідея, ніж сама ідея.

6. Автоматичні каруселі залишаться в минулому

Відео: Веб дизайн 80lvl: створення Діджитал екосистем (Артем Геллер)

Це було запропоновано декількома експертами в галузі, каруселі з оголошеннями будуть влаштовані гідні похорони в цьому році. Автоматичні повзунки з зображеннями, як вважають експерти, насправді відволікають користувача, і рідко досягають успіху в перетворенні відвідувачів. Часто їх плутають з рекламними банерами, і ви знаєте, як користувачі уникають всього, що схоже на рекламу, коли вони зайняті чимось конкретним.

Дуже мало відвідувачів натискають на каруселі, а низький коефіцієнт віддачі інвестицій навряд чи варто ваших зусиль і витрат. Замість того щоб витрачатися на каруселі, ви можете зробити краще, створивши головний образ на задньому фоні з відмінною типографікою.



7. Інноваційний відображення контенту

Не дивуйтеся, коли побачите все більше число дизайнерів, які об`єдналися з контент-маркетологами і копирайтерами, щоб продемонструвати контент новими цікавими способами. Звичайно, відвідувачі люблять читати блоги: чому б трохи не збільшити їх досвід, показуючи контент новаторському, з використанням різних елементів - графіки, таблиці, списки, кнопки і так далі.

Людський мозок здатний обробляти візуальний контент набагато легше, ніж звичайний текст. Цільовий сторінці зазвичай не вистачає місця, щоб відобразити весь контент, який ви хочете показати вашим відвідувачам.


Є просте рішення: запропонувати їм можливість прочитати текст, навівши курсор мишки на контент або посилання на іншу сторінку, так що вони зможуть прочитати більш детальну інформацію. Порожні білі простору можуть стати нудним, і цілком можуть скоро вийти з моди. Зрештою, відвідувач або користувач, є головним, тому варто очікувати зростання популярності цього напрямку.

8. Персоналізація

Відео: До і Після: Речі які кожен дизайнер повинен знати

Давайте подивимося правді в очі, всі ми любимо побалувати себе і відчувати себе особливими. Давати користувачам те, що вони хочуть, перш, ніж вони попросять про це, це те, що ми маємо на увазі під персоналізацією.

Існують відмінності в ступені персоналізації, але найбільш поширеними прикладами є відповідний контент, повідомлення для спеціальних заходів, таких як дні народження, рекомендації по статтях, підключення до соціальних мереж, продукти і так далі.


Отже, як ви можете добитися успіху у вирішенні цього завдання? Ви повинні дійсно добре знати свого користувача. Проводячи анкетування, дослідження і опитування, ви отримаєте чітке уявлення про те, що вважає за краще ваша цільова аудиторія. Це допоможе вам впровадити ці переваги в дизайн. Створення сегментів користувачів може допомогти вам класифікувати тих, для кого ви створюєте дизайн, і що вони шукають.

9. гіпнотична зворотний зв`язок

Це використання почуття дотику в віртуальному інтерфейсі, такому як клавіатура, наприклад-ми знаємо, що ми отримуємо тактильну зворотний зв`язок, коли ми натискаємо клавіші на клавіатурі смартфонів. Тактильна технологія стала більш складною протягом останнього часу, особливо в зв`язку з експоненціальним збільшенням використання більш високого класу мобільних пристроїв.

Можна очікувати, що ця технологія стане ще більш витонченою в найближчому майбутньому, тим більше що вартість електро-активних полімерних виконавчих механізмів (EAPs) різко зменшилася. Фахівці тепер можуть створювати інноваційні та цікаві способи, які змінюють поведінку користувачів за допомогою елегантних сигналів, таких послідовна делікатна вібрація, щоб м`яко підштовхнути користувача в сторону кнопки «Купити зараз». Запобігати вихід користувача, створюючи приємне відчуття текстури на сторінці і так далі. Порівнюючи цю тактику з тонкощами гіпнозу, дизайнери називають її гіпнотичною зворотним зв`язком. Незважаючи на те, що ця тенденція тільки набирає обертів, вона має величезний потенціал, і, безумовно, буде затребувана в найближчим часом.

В ув`язненні

Пам`ятаєте, який би дизайн ви не створювали, ви створюєте його в першу чергу для користувачів. Від того, як вони будуть взаємодіяти з веб-сайтом, наскільки просто їм буде це робити, і як довго дизайн буде утримувати їх увагу, залежить ваш успіх. Зробіть щасливим користувача, і це вам повернеться в потрійному розмірі!


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 74