9 Трендів ux, які повинен знати кожен веб-дизайнер
Відео: Що розробникам інтерфейсів потрібно знати про дизайн
Досвід взаємодії, як всі ми тепер знаємо, це все те, що підвищує задоволеність і задоволення користувача, роблячи програмне забезпечення або веб-сайт більш зручним, доступним і простим у використанні.
З кожним роком UX дизайн стає все більш і більш витонченими, охоплюючи кожне взаємодія між користувачем (потенційний або поточний клієнт) і компанією. У 2015 році UX-дизайнери відстояли «вільні ідеї» в дизайні, в результаті чого, сайти почали ставати все більш чуйним, а інтуїтивно зрозумілі програми та залучення послуг також відчули стрибок.
Минуло майже два роки, багато чого змінилося, і тепер існують певні тенденції UX, які ви повинні знати, як веб-дизайнер. Ось деякі з них:
1. Віковий чуйний дизайн
Ми вже не раз чули і обговорювали чуйність в значній мірі, і ми всі знаємо, що коли ми говоримо, що сайт чуйний, то ми маємо на увазі, що він пропонує однаково відмінний перегляд сайту і роботу в Інтернеті незалежно від пристрою, на якому він проглядається. Але, є нова тенденція, яка набирає популярність - вікова чуйність. Незабаром ми побачимо сайти, адаптують контент, оформлення та структуру для різних вікових груп користувачів.
Так само як маленька дитина, підліток і пенсіонер не дивляться одні й ті ж програми по телевізору, вони будуть по-різному реагувати на однаковий зміст сайту - будучи повністю байдужі до одного, і схвильовані іншим.
Прикладом може служити меню навігації, які розширюються і стискаються, грунтуючись на очевидною користувальницької компетентності: мінімальні інтерфейси, які дозволяють взаємодіяти з обмеженим набором функцій новачкам або не дуже розбираються в технологіях. Розміри шрифтів і відстані, які природно збільшуються відповідно до поганим зором літніх людей. Більш яскраві відтінки для молодих користувачів, як і більш стримані відтінки для літніх людей, і так далі. Метадані і перегляд історії допоможуть сформувати видимий рівня веб-грамотності користувачів.
2. Відображення збою
З такою кількістю мобільних пристроїв, що з`являються по всьому світу, зростає і кількість користувачів, багато з яких не дуже розбираються в технологіях, і в результаті вони роблять багато помилок, коли вони спочатку використовують ці пристрої. UX-дизайнерам доведеться прийняти це до уваги, і створювати дизайн для не ідеально сценаріїв, так що помилкове використання продуктів і послуг, буде оброблятися кращим чином.
Відео: Що потрібно знати веб-дизайнеру
3. Дослідження дизайну
Всякий раз, коли користувачі отримують новий досвід, вони стають допитливими, а це, як правило, схиляє до того, щоб зробити їх щасливими. Як?
Ну, наукові дослідження говорять нам, що коли будь-яка людина має абсолютно новий досвід, його мозок вивільняє дофамін в великих кількостях, назвемо його хімічною речовиною «щастя». Це викликає у них інтерес і радість від нового досвіду, і постійно підштовхує їх до пошуку такого ж переживання.
Таким чином, дизайн, який забезпечує новий досвід для користувачів з точки зору інформації або взаємодії, безумовно, є необхідність на сьогоднішній день. Подивіться на соціальні мережі - ви робите так багато різних речей в них: іноді ви перевіряєте профілі інших, іноді новинні стрічки, коментуєте чужі пости або публікуєте свої. Стільки багато різної активності. Тому, коли ви допомагаєте користувачам «мандрувати» посередництвом їх цифрового досліди і робити відкриття, ви прямуєте до того, щоб стати успішним у їх залученні до взаємодії з брендом. Елементи, які змушують користувачів досліджувати ваш сайт, як можна більше, це, як правило, блоги, спільноти, форуми, партнерські можливості, точки продажу товарів і багато іншого.
4. Мікровзаімодействія будуть важливішими, ніж будь-коли
Ці маленькі шматочки активності, про які більшість дизайнерів навіть не замислюються, на відміну від функцій, які мають набагато ширші можливості, і включають в себе численні призначені для користувача історії. Мікровзаімодействій прості, навряд чи припускають будь-які зусилля і, дуже короткі за тривалістю. Ефективні мікровзаімодействія слідують наступного розпорядку:
- Тригер - візуальний сигнал, який виділяє дію
- Правила - визначають, що відбувається, коли користувач здійснює дію, і в якому певному порядку
- Зворотній зв`язок - користувач отримує, щоб перевірити, що відбувається, коли він робить певну дію
- Петлі і режими - як довго мікровзаімодействіе триває (негайно припиняється або повторюватися?)
Прикладом мікровзаімодействія можуть послужити вкладки у верхній частині сторінки, які відображають інформацію при наведенні миші, кнопки в футере, які призводять користувача прямо на початкову сторінку, і так далі. Хоча це дуже маленькі елементи, вони можуть зіграти важливу роль в тому полюблять користувачі сайт або він їм просто сподобається.
Сконцентруйтеся, в тому числі, на елементах, які спрощують взаємодію з докладною інформацією, зворотним зв`язком, повідомленнями і навіть трохи розвагами. І переконайтеся, що ви робите це таким способом, який передає інформацію, не перевантажуючи і не відволікаючи користувачів.
5. Штучний інтелект в UX
Досить імовірно, що найближчим часом дизайнери почнуть тестування декількох елементів комп`ютерної техніки в UX-дизайні. Ці радикально змінити веб-сайти, прокладаючи шлях для розумних, вільнодумних складових для взаємодії з користувачем. Хорошим прикладом є клавіатура iOS (також доступна на Android): коли ви друкуєте на клавіатурі, ви, по суті, контактуєте з штучним інтелектом, ніж він змінює свої здогадки та припущення про слово, яке ви збираєтеся друкувати.
Штучний інтелект на основі UX-дизайну означає, що для того, щоб завоювати увагу користувачів, необхідно розробити прототип своїх цілей, а потім включити штучний інтелект для інтерпретації дій користувача щодо цих цілей.
Саме чудове те, що ІІ може бути легко інтегрований в дизайн, не привертаючи особливої уваги до себе, що означає - користувач може не знати, що є розумний код, що виконується в фоновому режимі сайту, який вони переглядають.
Як дизайнер, ви повинні також пам`ятати, що збагачений досвід приходить більше від того, як представлена ідея, ніж сама ідея.
6. Автоматичні каруселі залишаться в минулому
Відео: Веб дизайн 80lvl: створення Діджитал екосистем (Артем Геллер)
Це було запропоновано декількома експертами в галузі, каруселі з оголошеннями будуть влаштовані гідні похорони в цьому році. Автоматичні повзунки з зображеннями, як вважають експерти, насправді відволікають користувача, і рідко досягають успіху в перетворенні відвідувачів. Часто їх плутають з рекламними банерами, і ви знаєте, як користувачі уникають всього, що схоже на рекламу, коли вони зайняті чимось конкретним.
Дуже мало відвідувачів натискають на каруселі, а низький коефіцієнт віддачі інвестицій навряд чи варто ваших зусиль і витрат. Замість того щоб витрачатися на каруселі, ви можете зробити краще, створивши головний образ на задньому фоні з відмінною типографікою.
7. Інноваційний відображення контенту
Не дивуйтеся, коли побачите все більше число дизайнерів, які об`єдналися з контент-маркетологами і копирайтерами, щоб продемонструвати контент новими цікавими способами. Звичайно, відвідувачі люблять читати блоги: чому б трохи не збільшити їх досвід, показуючи контент новаторському, з використанням різних елементів - графіки, таблиці, списки, кнопки і так далі.
Людський мозок здатний обробляти візуальний контент набагато легше, ніж звичайний текст. Цільовий сторінці зазвичай не вистачає місця, щоб відобразити весь контент, який ви хочете показати вашим відвідувачам.
Є просте рішення: запропонувати їм можливість прочитати текст, навівши курсор мишки на контент або посилання на іншу сторінку, так що вони зможуть прочитати більш детальну інформацію. Порожні білі простору можуть стати нудним, і цілком можуть скоро вийти з моди. Зрештою, відвідувач або користувач, є головним, тому варто очікувати зростання популярності цього напрямку.
8. Персоналізація
Відео: До і Після: Речі які кожен дизайнер повинен знати
Давайте подивимося правді в очі, всі ми любимо побалувати себе і відчувати себе особливими. Давати користувачам те, що вони хочуть, перш, ніж вони попросять про це, це те, що ми маємо на увазі під персоналізацією.
Існують відмінності в ступені персоналізації, але найбільш поширеними прикладами є відповідний контент, повідомлення для спеціальних заходів, таких як дні народження, рекомендації по статтях, підключення до соціальних мереж, продукти і так далі.
Отже, як ви можете добитися успіху у вирішенні цього завдання? Ви повинні дійсно добре знати свого користувача. Проводячи анкетування, дослідження і опитування, ви отримаєте чітке уявлення про те, що вважає за краще ваша цільова аудиторія. Це допоможе вам впровадити ці переваги в дизайн. Створення сегментів користувачів може допомогти вам класифікувати тих, для кого ви створюєте дизайн, і що вони шукають.
9. гіпнотична зворотний зв`язок
Це використання почуття дотику в віртуальному інтерфейсі, такому як клавіатура, наприклад-ми знаємо, що ми отримуємо тактильну зворотний зв`язок, коли ми натискаємо клавіші на клавіатурі смартфонів. Тактильна технологія стала більш складною протягом останнього часу, особливо в зв`язку з експоненціальним збільшенням використання більш високого класу мобільних пристроїв.
Можна очікувати, що ця технологія стане ще більш витонченою в найближчому майбутньому, тим більше що вартість електро-активних полімерних виконавчих механізмів (EAPs) різко зменшилася. Фахівці тепер можуть створювати інноваційні та цікаві способи, які змінюють поведінку користувачів за допомогою елегантних сигналів, таких послідовна делікатна вібрація, щоб м`яко підштовхнути користувача в сторону кнопки «Купити зараз». Запобігати вихід користувача, створюючи приємне відчуття текстури на сторінці і так далі. Порівнюючи цю тактику з тонкощами гіпнозу, дизайнери називають її гіпнотичною зворотним зв`язком. Незважаючи на те, що ця тенденція тільки набирає обертів, вона має величезний потенціал, і, безумовно, буде затребувана в найближчим часом.
В ув`язненні
Пам`ятаєте, який би дизайн ви не створювали, ви створюєте його в першу чергу для користувачів. Від того, як вони будуть взаємодіяти з веб-сайтом, наскільки просто їм буде це робити, і як довго дизайн буде утримувати їх увагу, залежить ваш успіх. Зробіть щасливим користувача, і це вам повернеться в потрійному розмірі!