Поради щодо інтерфейсу користувача - 7 важливих моментів

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

Ступінь SEO-оптимізації, рівень користувальницького досвіду, правильність коду відповідно до рекомендацій W3C і так далі тощо.....

Одним з елементів веб-сайтів також є термін UI, або пользователь Він відноситься до зовнішнього шару веб-сайту – тісно пов'язаний з тим, що ми бачимо.

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

7 порад за інтерфейсом користувача

1. Знайте, на кого орієнтований ваш веб-сайт.

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

Що це таке?

Про створення сайтів на свій смак.

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

Якби це був особистий сайт, це було б нормально. Однак це інтернет-магазин.

Чому я про це говорю? Тому що власник магазину любить цей колір і наполягає на тому, що сайт має бути покритий ним.

Проблема, однак, у тому, що таким чином він явно стримує потенціал продажу. В Интернете существуют определенные стандарты, и нарушать их никогда не следует:

• обозначение успеха зеленым цветом, а неудачи - красным
• размещение главного меню в верхней части страницы
• делать кнопки достаточно большими, чтобы на них можна було легко натискати або торкатися до них
• встановлення "хрестика" у верхньому кутку (зазвичай у правому) будь-яких діалогових вікон або спливаючих вікон правила можна зробити винятки, але вони мають бути сильно мотивовані, інакше відвідувачі будуть шоковані.

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

  2. Протидія помилковим діям.

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

  Тому скрізь, де користувач може припуститися помилки, необхідно протидіяти цьому. Я маю на увазі, наприклад, контактну форму.

  Якщо він містить поле "номер телефону", користувач повинен мати можливість вводити лише цифри.

  Якщо будь-які поля повинні бути обов'язково заповнені, форма не зможе відправити повідомлення, доки не буде введена відповідна інформація.

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

  3 Пам'ятайте, що розмір та розташування мають значення.

  Рада з інтерфейсу користувача не могла обійтися без обговорення цього моменту.

  Зверніть увагу, як розташована кнопка швидкої цитати на нашому сайті.

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

  Прийнято робити важливі елементи більші за інші. Причина банальна: їх легше побачити. Дизайнер чи власник сайту хоче таким чином привернути увагу до таких елементів.

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

  4 Заохочуйте до дії за допомогою чіткого послання.

  Ви пропонуєте певний спектр послуг? Покажіть це наочно, щоб відвідувачі якнайшвидше побачили, що конкретно ви робите.

  Користувач пропустив поле у ​​формі? Вкажіть конкретно, яке поле мають на увазі, і підкажіть їм, як правильно його заповнити.

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

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

  Все зводиться до ясності.

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

  5. Дійте відповідно до зразків.

  Я вже згадував у першому пункті цього запису про деякі стандарти, до яких ми звикли. Однак цим справа не обмежується.

  Кнопка для пошуку інформації повинна мати текстову мітку (типу "Пошук") або, якщо ви хочете вставити туди символ, значок лупи.

  На мобільних пристроях кнопка для виклику меню повинна знаходитись у місці, до якого легко дотягнутися великим пальцем.

  Саме про такий "смак" і йдеться. Точніше, йдеться про те, щоб не дивувати користувачів незвичайними рішеннями за принципом "бо".

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

  6. намагайтеся не об'єднуватись насильно.діри не погодяться з вашою думкою.

  Я знаю, що багато власників сайтів відчувають спокусу якось вирватися зі звичної колії. Зробити щось інше, незвичне.

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

  Я знаю один сайт, на якому можна побачити кілька прайс-листів. Але це не, наприклад, 3 або 4 прайс-листи. Їх вісім.

  І всі вони видно поруч один з одним, в одному ряду. З великою кількістю рядів, де багато хто з них повторюється у всіх упаковках.

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

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

  Таким чином, принцип справді досить простий. Чим простіше загальний інтерфейс, тим легше відвідувачам орієнтуватися у ньому. Тоді вони зможуть швидше досягти цілей, про які ви дбаєте (наприклад, встановити контакт).

  7. регулярно перевіряйте статистику.

  І, нарешті, кліше, що вінчає пораду з інтерфейсу користувача.

  Там, де це має сенс, впроваджуйте аналітичні системи. Нехай це буде виключно Google Analytics.

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

  Поради щодо інтерфейсу користувача - короткий зміст запису

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

  Тому завжди тримайте їхні потреби на першому плані.