Хоча зараз багато злодіяння юзабіліті дизайну зустрічаються рідше, ніж раніше, вони все ж є. Розглянемо десять найбільш кричущих злочинів проти користувачів. Це лиха веб-дизайну і жахи HTML.
У 1996 році я склав безліч топ-10 найбільших «провалів» в веб-дизайні і періодично їх оновлював. У цій статті представлені основні моменти: найгірші помилки в веб-дизайні.
Содержание | Быстрая навигация
1. Поганий пошук на сайті.
Пошукові системи, що вимагають буквального введення, знижують зручність використання. Вони не можуть обробляти помилки, множини, дефіси та інші варіанти умов запиту. Ними особливо важко користуватися літнім людям, вони не зручні всім.
Пошукові системи розставляють пріоритети для результатів виключно на основі кількості термінів запиту, які вони містять, а не за важливістю кожного документа.
Набагато краще, якщо сервіс для роботи з інформацією в Інтернеті відводить «кращі ставки» у верхній частині списку для важливих запитів, таких як назви ваших продуктів.
Незважаючи на те, що іноді при складнощах з пошуком може допомогти розширений пошук, простий пошук зазвичай працює краще. Він повинен бути зручно розташований і відразу помітний.
Пошук повинен бути представлений у вигляді простого поля, так як це те, що шукають користувачі.
2. PDF файли для онлайн читання.
Користувачі ненавидять натрапляти на PDF-файли під час перегляду, тому що це порушує ритм пошуку відомостей і читання. Навіть прості речі, такі як друк або збереження документів, складні і вимагають додатково витрачати час.
Макети часто оптимізуються для аркуша паперу, який рідко відповідає розміру вікна браузера користувача.
Прощай, плавна прокрутка. Привіт крихітні шрифти. Найгірше те, що PDF - це недиференційований блок контенту, за яким важко орієнтуватися.
PDF відмінно підходить для друку та розповсюдження посібників та інших великих документів, які необхідно роздрукувати. Зарезервуйте його для цієї мети і перетворіть будь-яку інформацію, яку необхідно переглянути або прочитати на екрані, в реальні веб-сторінки.
3. Не змінюється колір відвіданих посилань.
Простий і важливий прийом юзабіліті для підвищення конверсії.
Добре розуміння минулого навігації допоможе вам бачити ваше поточне місце розташування на сторінці браузера. Це полегшує вирішення, куди йти далі.
Посилання є ключовим фактором в навігації. Користувачі можуть виключати ті джерела, які виявилися безрезультатними. І навпаки, вони можуть повернутися до посилань, які вони знайшли корисними в минулому.
Найголовніше: знання того, які сторінки користувачі вже відвідали, звільняє їх від випадкового відвідування одних і тих же сторінок знову і знову.
Ці переваги доступні лише в одному випадку. Користувачі можуть розрізняти відвідані і не відвідані посилання, якщо сайт показує їх різними кольорами. Коли відвідувані посилання не змінюють колір, користувачам складно орієнтуватися в тому, які сторінки вони вже відвідували.
4. Дизайн-многобукв. Чи не сканований текст на сторінках.
Стіна тексту смертельна при перегляді сторінок! Лякає. Нудно. Боляче читати.
Пишіть для Інтернету, а не для друку. Щоб залучити користувачів до тексту і підтримати Сканируемое, використовуйте добре документовані прийоми:
- підзаголовки;
- марковані списки;
- виділені ключові слова;
- короткі абзаци;
- перевернуту піраміду;
- простий стиль письма.
5. Фіксований розмір шрифту в дизайні.
На жаль, таблиці стилів CSS дають веб-сайтам можливість відключити кнопку «змінити розмір шрифту» в веб-браузері і вказують постійну величину букв, цифр і знаків.
Приблизно в 95% випадків фіксований розмір шрифту крихітний, що значно знижує читабельність для більшості людей старше 40 років.
Збережіть власні налаштування і дозволяйте їм змінювати розмір тексту в міру необхідності. Крім того, вказуйте розміри шрифту в відносному вираженні, а не як абсолютна кількість пікселів.
6. Заголовки сторінок з низькою видимістю в пошукових системах.
Пошук є найбільш важливим способом виявлення веб-сайтів користувачами. Також це один з найбільш зручних способів пошуку по окремим веб-сайтам.
Короткий заголовок, що відображає зміст змісту сторінки - це ваш основний інструмент для залучення нових відвідувачів. Він допоможе вашим існуючим користувачам знайти потрібні їм відомості.
Заголовок сторінки міститься в тезі HTML
Заголовки сторінок також використовуються в якості запису за замовчуванням в «Вибраному», коли користувачі створюють закладки для сайту. Для вашої домашньої сторінки почніть з назви компанії, після чого додайте короткий опис сайту.
Перше слово заголовка має починатися з тієї букви, під якою ви хочете його каталогізувати.
Для сторінок, що відрізняються від домашньої, почніть заголовок з декількох найбільш важливих слів. Вони повинні бути про те, що користувачі знайдуть на цій сторінці.
Заголовок сторінки використовується в якості заголовка вікна в браузері. Він також використовується в якості мітки для цього вікна на панелі завдань в Windows.
Це означає, що досвідчені користувачі будуть переміщатися між декількома вікнами під керівництвом перших слів кожного заголовка сторінки. Якщо все заголовки ваших сторінок починаються з одних і тих же слів, це буде не зручно для користувачів, що працюють з декількома вікнами.
Слогани на домашніх сторінках є пов'язаною темою: вони також повинні бути короткими і швидко повідомляти про мету сайту.
7. Багато того, що виглядає як реклама в дизайні сторінок.
Виборче увагу дуже потужне. Користувачі Інтернету перестали звертати увагу на будь-яку рекламу, яка заважає їх цілеспрямованої навігації. Основним винятком є лише текстові оголошення в пошукових системах.
На жаль, користувачі також ігнорують законні елементи дизайну, які виглядають як поширені форми реклами. Зрештою, коли ви ігноруєте щось, ви не вивчаєте це докладно, щоб з'ясувати, що це таке.
Краще уникати будь-яких конструкцій, які виглядають як рекламні оголошення.
Те, як застосовувати цю пораду, буде залежати від нових форм реклами. В даний час дотримуйтесь наступних правил:
- Банерна сліпота. Це означає, що користувачі ніколи не зупиняються на чомусь схожому на рекламний банер через форми або позиції на сторінці.
- уникнення анімації. Воно змушує користувачів ігнорувати області з миготливим або миготливим текстом або іншими агресивними анімаціями.
- спливаючі чистки. Користувачі закривають спливаючі вікна до того, як вони повністю відображають вміст.
8. Порушення правил Юзабіліті дизайну.
узгодженість - це один з найпотужніших принципів юзабіліті: коли речі завжди поводяться однаково, користувачам не потрібно турбуватися про те, що станеться. Замість цього вони знають, що станеться, грунтуючись на попередньому досвіді.
Кожен раз, коли ви відпускаєте яблуко над сером Ісааком Ньютоном, воно падає на його голову.
Чим більше очікування користувачів виправдаються, тим більше вони будуть відчувати себе керуючими системою і тим більше їм сподобається. Чим більше система розчаровує користувачів, тим більше вони будуть відчувати себе невпевнено.
Ой, може бути, якщо я відпущу це яблуко, воно перетвориться в помідор і стрибне на милю в небо.
Закон Якоба про призначеному для користувача досвід в Інтернеті свідчить, що «користувачі проводять більшу частину свого часу на інших сайтах ».
Це означає, що вони формують свої очікування щодо вашого сайту на основі того, що зазвичай робиться на більшості сайтів. Якщо ваш веб-ресурс буде сильно відрізнятися від інших, з ним стане важче працювати, і користувачі підуть.
9. Відкриття нового вікна в браузері.
Відкриття нових вікон браузера подібно продавцеві пилососів, який починає відвідування, висипаючи попільничку на килим клієнта.
Чи не забруднюйте екран користувачів додатковими вікнами. Особливо, тому що у поточних операційних систем жалюгідне управління вікнами.
Дизайнери додають нові вікна браузера, вважаючи, що користувачі залишаються на їх веб-ресурсі. Ця стратегія самогубна, оскільки відключає кнопку «Назад". Вона є звичайним способом повернення користувачів на попередні сайти.
Користувачі часто не помічають, що відкрилося нове вікно, особливо якщо вони використовують невеликий монітор, де вікна максимально розгорнуті, щоб заповнити екран. Тому користувач, який намагається повернутися до вихідної точки, буде збитий з пантелику сірої кнопкою «Назад" .
Посилання, які не ведуть себе належним чином, підривають розуміння користувачами їх власної системи. Посилання має бути простий гіпертекстової посиланням, яка замінює поточну сторінку новим контентом.
Користувачі ненавидять необгрунтовані спливаючі вікна. Коли вони хочуть, щоб місце призначення з'явилося на новій сторінці. Вони можуть використовувати команду свого браузера «відкрити в новому вікні» за умови, що посилання не є фрагментом коду, який заважає стандартному поведінки браузера.
10. Вміст сторінки не відповідає на запитання користувачів.
Люди дуже цілеспрямовані в Інтернеті. Вони відвідують сайти, тому що хочуть чогось досягти. Це може бути навіть покупка вашого продукту. Остання невдача веб-сайту - не надати інформацію, яку шукають користувачі.
Іноді відповіді просто немає, і ви втрачаєте продаж, тому що користувачі повинні припустити, що ваш продукт або послуга не відповідають їхнім потребам, якщо ви не повідомите їм специфіку.
В інших випадках презентація продукту ховається під товстим шаром ринкових і розпливчастих гасел. Оскільки у користувачів немає часу на прочитання всього, такий прихованої інформації майже не повинно бути.
Найгірший приклад того, щоб не відповідати на запити користувачів, - це уникати перерахування цін на товари і послуги.
Жоден сайт електронної комерції В2С не допустив би такої помилки, але він зустрічається в B2B, де представлено більшість «корпоративних рішень». Ви не можете визначити, чи підходять вони для 100 осіб або 100 000 чоловік.
Ціна - це сама конкретна частина інформації, яку клієнти використовують для розуміння природи пропозиції. Її відсутність змушує людей відчувати себе втраченими і знижує їх розуміння продуктової лінійки.
Навіть сайти B2C часто роблять помилку, забуваючи про ціни в списках товарів, таких як сторінки категорій або результати пошуку. Знання ціни є ключовим в обох ситуаціях. Це дозволяє користувачам розрізняти продукти і переходити до найбільш підходящим для них.
За матеріалами сайту: www.nngroup.com.
✔️ Які бувають види пошукових систем?
Пошукові каталоги, рейтингові системи, пошукові покажчики.
✔️ Який буває веб-реклама на сайтах?
Контекстної, банерної, вірусної і тізерній.
✔️ Що таке B2B і В2С?
Це види маркетингової стратегії.
Бізнес для бізнесу, це коли послуги фірми розраховані на клієнтів у вигляді інших підприємств. Бізнес для клієнтів, коли замовниками є кінцеві споживачі.
✔️ Що таке слоган?
Це лаконічна фраза, що несе рекламну пропозицію компанії.
✔️ Як оцінити зручність використання сайту?
Методи оцінки юзабіліті.
Базове тестування зручності використання на існуючому сайті.
Фокус-групи, опитування або інтерв'ю для визначення цілей користувачів.
Тестування Card Sort для допомоги в розробці IA.
Тестування каркаса для оцінки навігації.
✔️ Які типові проблеми з графічним інтерфейсом ви шукаєте на веб-сторінці?
5 ознак, що вказують на проблеми в експлуатації веб-сайту.
Погане перше враження. З очевидних причин одним з найбільш важливих аспектів зручності використання веб-сайту є те, як завантажується ваш веб-сайт і як ви структуруєте свою головну сторінку.
Погано структуровані посилання.
Надмірний текст на веб-сайті.
Відсутність послідовності.
Складна навігація.
✔️ Що робить додаток поганим?
Погане додаток не відповідає потребам користувача і не виконує те, для чого призначене. Всі додатки створюються для цільової аудиторії - певної країни, віку, статі або області інтересів.