3
4.2018
У цій статті ми підготували для вас ще 10 способів покращення юзабіліті вашого сайту. Більше способів ви зможете знайти у попередніх статтях “Юзабіліті вашого сайту — 10 способів підвищення конверсії. Частина 1” та Частина 2
22. Знайомство крок за кроком краще реєстрації похапцем
Замість того щоб просити користувача скоріше зареєструватися, чому б не запропонувати йому завдання, в процесі виконання якого стануть очевидні переваги товару або послуги. Коли користувач тільки починає взаємодіяти з продуктом, саме час показати йому плюси програми. Як тільки користувач усвідомлює цінність продукту і зрозуміє, що може стати його власником, він буде більш охоче ділитися додатковою інформацією про себе.
23. У центрі уваги — контент
Межі між блоками і контент конкурують за увагу користувача. А увага – дуже важливий ресурс, особливо враховуючи, що час на його залучення є обмеженим. Зрозуміло, що межі можуть використовуватися для розмітки простору, але на їх сприйняття витрачається дорогоцінний час користувача. Показати взаємозв’язок між елементами можна і іншими способами, що не вимагають так багато уваги. Смислові елементи можна згрупувати, задати їм однакове вирівнювання, виділити за допомогою фону або єдиної типографіки.
При проектуванні запросто можна розкидати по сторінці рамки для текстів і картинок. Але відчуття, що таким чином можна організувати простір екрану, оманливе. Сторінки з великою кількістю блоків в товстих рамках зазвичай виглядають перевантажено. Саме тому варто продумати і інші способи угрупування елементів, щоб ніщо не відволікало користувача від контенту.
24. Важливі переваги замість гори незрозумілих характеристик
Людей більше цікавлять переваги, які вони отримають, отримуючи продукт, ніж його характеристики. Переваги допомагають зрозуміти цінність продукту. Справді, як стверджує письменник і підприємець Кріс Гильбо, для людини по суті найважливіше отримати якомога більше любові, грошей, схвалення оточуючих і вільного часу. І в той же час людина прагне зменшити рівень стресу, позбутися від чвар і невпевненості.
Іноді і для перерахування характеристик знаходиться місце. Але говорячи про них, намагайтеся по можливості зв’язати їх з перевагами.
25. Як обіграти відсутність даних
Ми часто ламаємо голову над тим, як зручно представити користувачеві великі обсяги інформації (історію його покупок, збережене в обране). І при цьому зовсім забуваємо про початок використання продукту, коли і даних то ще ніяких немає.
Ми не продумуємо дизайн екрану на цей випадок, а користувачеві-новачкові може здатися, що їм знехтували. Якщо користувач вперше відкриває додаток і бачить лише білий екран без будь-яких вказівок про те, що робити далі, він, швидше за все, покине додаток. Потрібно використовувати цей момент для того, щоб допомогти новачкові подолати страх перших кроків. Саме час показати йому, куди рухатися і як взаємодіяти з інтерфейсом.
26. Не треба вчити наново, використовуйте логіку
Прагнення до логічності в дизайні для користувача інтерфейсу – один з найвідоміших принципів, який описував ще американський дослідник, автор книги «Дизайн звичних речей» Дональд Норман. Якщо процес взаємодії з додатком логічний і добре продуманий, користувачеві не доводиться вчитися користуватися продуктом. За допомогою кнопок і прокручуючи слайдери, ми звикаємо до того, як виглядають, як поводяться і де знаходяться інтерактивні елементи. Логіка взаємодії створюється за допомогою різних засобів: кольору, поведінка, розмір, форма, маркування та мову. Але не будемо забувати про те, що іноді і в порушенні логіки є свій сенс.
Ухвалені закони суперечать логіці елементи або поведінку яскравою плямою виділяються на тлі звичних дій, які ми здійснюємо машинально. І це відмінний спосіб привернути увагу. Спробуйте, але не забудьте вчасно зупинитися.
27. Заповнення за замовчуванням замість зайвих дій
Технології дозволяють попереднє заповнення форми за користувача (підтягнувши, наприклад, дані про адресу доставки з попереднього замовлення або взявши необхідні персональні дані з профілю в соціальних мережах), і це значно полегшує користування. Такий підхід дозволяє швидко заповнити форму і показує при цьому повагу до часу користувача. Немає ніякого сенсу знову і знову запитувати дані, які раніше вже були введені. Краще дайте користувачеві на перевірку автоматично заповнені поля.
28. Не потрібно винаходити велосипед
Якщо ми використовуємо типові елементи в усьому інтерфейсі, то, очевидно, що користувачеві не доведеться мучитися, щоб зрозуміти, навіщо потрібна та чи інша кнопка. Наприклад, стереотипи взаємодії навчили нас закривати вікна клацанням по хрестику в правому верхньому куті. Вони навчили нас і тому, що іконка меню налаштувань швидше за все виглядає як шестерня. Але треба зазначити, що з часом деякі стереотипи втрачають актуальність. Наприклад, як пояснити дитині, чому на кнопці «зберегти» зображена дискета, якщо він не знає, для чого вона потрібна? Якщо ж ви вирішили свідомо порушити патерн, переконайтеся, що ви точно все добре продумали.
29. «Страх втратити те, що є» проти «бажання отримати щось нове»
Нам подобається вигравати, але куди більше ми не любимо програвати. Згідно з правилами психології переконання, людина швидше віддасть перевагу уникнути втрат, ніж отримати вигоду. Це правило можна застосувати при оформленні торгової пропозиції.
Здатність продукту допомогти зберегти те, що вже є (здоров’я, матеріальний добробут, соціальний статус) майже напевно зацікавить користувача. У той час як обіцянку дати йому щось нове, чого до цього у нього ще не було, може і не викликати великого відгуку
30. Швидкісне шосе або мальовничий маршрут?
Добре оформлена візуально структура документа допомагає відокремити важливіше від менш важливого. Для структурування матеріалу використовуються: вирівнювання, угруповання, виділення кольором, відступи, кегль, розмір елементів, інтервали. При правильному використанні ці елементи візуальної мови допомагають користувачеві орієнтуватися на сторінці, привертають його увагу до найбільш значимих елементів. Цей прийом не дає просто так ковзнути поглядом вниз по сторінці. Погляд сповільнюється, чіпляючись за виділені інформаційні блоки. Детальніше про структурування тексту ви можете дізнатися зі статті “Як радикально покращити контент на вашому сайті”
Завдяки продуманій структурі користувач довше залишається на сторінці і встигає розглянути на ній більше деталей. Уявіть, що ви збираєтеся в подорож. Можна вибрати шосе і швидше дістатися до мети. А можна піти мальовничим маршрутом і побачити по дорозі багато цікавого.