и система дає можливість її відновити рис. 3.
Рис. 3 - Інтерфейс з можливістю відкату досконалого дії
1.4 Единбурзі і стандарти
Не плутайте користувача, описуючи одні й ті самі речі різними словами і термінами. Дотримуйтеся однаковості і дотримуйтесь стандартам.
Одного разу зрозумівши принцип роботи вашого ресурсу, користувач повинен бути впевнений, що незалежно від його переміщень по сайту, це розуміння його не покине. Завжди дотримуйтесь одним і тим же правилам всередині ресурсу.
Якщо ви використовуєте кнопку Додати в кошик на картках товару, то вона не повинна змінитися на зображення візки на інших сторінках сайту, де зустрічається цей товар.
Якщо ж усі товари у вас знаходяться в Каталозі товарів, то при переході зі сторінки на сторінку користувач не повинен раптом виявити розділ Наша продукція.
1.5 Запобігання помилок
Зведіть до мінімуму кількість умов, в яких можуть бути допущені помилки.
Рис. 4 - Спливаюче вікно підказки
Навіть самі зрозумілі повідомлення про помилки не зможуть зробити сайт настільки доброзичливим, наскільки це зробить продумана логіка роботи, що дозволяє їм запобігати. Наприклад, можна давати користувачам підказки, що пояснюють, яку інформацію треба вводити рис. 4:
Або ще краще - з прикладами даних рис. 5:
Рис. 5 - Приклад правильного заповнення форми
Слід заздалегідь продумати, де можуть бути помилки, і передбачити варіанти перетворення невірних даних від користувача, наприклад, щоб пошукова рядок на сайті виправляла орфографічні помилки і видавала релевантні результати пошуку.
1.6 На увазі, а не в пам'яті
Не змушуйте користувача запам'ятовувати велику кількість об'єктів, дій і опцій. Відвідувач не повинен тримати в голові інформацію, переміщаючись з однієї частини системи в іншу.
Наприклад, хорошим тоном в сучасних інтернет-магазинах є вказівка ??на картках товарів інформації про те, як його купити і отримати. Відвідувачу не потрібно йти з обраного товару в розділ Доставка - вся інформація є на цій же сторінці рис. 6.
Рис. 6 - Вся необхідна інформація під рукою
1.7 Гнучкість і ефективність
Чи не навантажуйте досвідчених користувачів зайвою інформацією, надайте їм можливість здійснювати часто повторювані дії якомога швидше і простіше.
Спрощуйте функції, якими відвідувачі вашого сайту користуються найчастіше рис.7:
У наведеному прикладі пояснення до вже звичною для багатьох користувачів інтернет-опції Замовити дзвінок явно надлишкові і містять непотрібну інформацію.
Ще один приклад гнучкості на сайті - використання випадаючих списків в формах реєстрації/замовлення замість полів вільного введення з клавіатури. Дослідження підтверджують: вибирати з варіантів набагато простіше, ніж вписувати дані. Особливо дивно виглядають форми, в поля яких потрібно вписати місто проживання або дату доставки.
Рис. 7 - Громіздке опис часто використовуваних функцій
Рис. 8 - Надмірність необхідної інформації
1.8 Естетичний і мінімалістичний дизайн
Тексти не повинні містити марною або застарілої інформації. Кожне зайве слово робить сприйняття все більш важким і позбавляє відвідувача можливості знайти те, за чим він прийшов на сайт.
Хороший рада для власників неінформаційних сайтів: прочитайте текст на просувної вами сторінці і скоротіть його в два рази. У більшості випадків це вийде навіть без спотворення сенсу тієї інформації, яку ви хотіли розповісти відвідувачеві.
На жаль, надмірність - це властивість не тільки текстів на сучасних ресурсах, а й властивість дизайну, кількості полів у формах і т. п. рис. 8.
І хоча про позбавлення від зайвих полів у формах не говорив тільки ледачий, але сайтів, де для оформлення замовлення потрібно заповнити аж 10-15 пунктів, менше не стає. Зауважу, що це тільки перший крок оформлення замовлення, попереду ще оплата!
1.9 Розуміння проблем та їх вирішення
Повідомлення про помилки повинні бути виражені на зрозумілій користувачеві мові, як можна більш точно описувати проблему і надавати можливі варіанти її вирішення.
Розглянемо приклад: користувач в пошуку на сайті ввів некоректний запит. Хороший ресурс не ляка...
