23 Помилки в мобільному ux, які не любить google
На які проблеми варто звернути увагу, працюючи над мобільною версією сайту?
Ось невеликий список з 23 факторів.
Інформація була взята з різних ресурсів Google, і включає в себе елементи, які Google ясно позначив, що вони можуть негативно впливати на ранжирування сайту. Також тут є і такі, для яких можна мати на увазі те ж саме (наприклад, з посібників Google для розробників).
Отже ...
1. Повільно завантажуються сторінки
Швидкість - це вирішальний фактор у визначенні UX сторінки на мобільних пристроях. Різні інструменти від Google, такі як Mobile-Friendly Test і PageSpeed Insights допоможуть розробнику зрозуміти, що і як можна поліпшити.
Стандартна процедура для прискорення завантаження - мінімізація коду, зменшення ваги картинок, мінімізація javascript, відмова від складних ефектів типу параллакса і т.п.
2. Великі банери
Позиція Google щодо упливає вікон більш ніж зрозуміла: сайт, на якому контент не доступний легко для відвідувачів, не може перебувати високо в ранзі. Великі спливаючі вікна ускладнюють доступ до контенту.
Банери можуть вважатися допустимими за умови, що будуть займати розумну кількість простору, і їх можна буде легко закрити.
3. Спливаючі вікна
Також Google відзначає як поганий досвід спливаючі вікна, які користувач повинен відхилити, перш ніж побачити основний контент. Виняток - пропозиція ознайомитися з призначеним для користувача угодою або зареєструватися, щоб отримати доступ до приватного контенту.
4. Основний зміст нижче лінії згину
Макет, який відсуває основний зміст вниз, нижче лінії згину - теж поганий для користувацького досвіду. Як правило, контент відсувають слайдерами з картинками або пропозицією зареєструватися.
5. Мало основного контенту в порівнянні з додатковим
Керівництво Google використовує аналогію з поганим студентом, який може заповнити свою доповідь відволікаючими картинками, для того, щоб приховати погану підготовку до теми.
Поменше води - побільше суті. В іншому випадку про високих позиціях в результатах пошуку можна забути.
6. Відео, що виходить за межі контейнера
У такому випадку користувач не зможе подивитися відео на всю ширину. Частина екрану буде прихована.
Розмірами відео можна керувати за допомогою javascript або CSS.
Відео: "Мухтар. новий слід". 45 серія. "викрадач гудзиків"
7. Суцільне полотно тексту
Дослідження Searchmetrics в 2015 році показало, що веб-сайти, що входять в топ-30, використовують на 25% більше зображень на сторінках, ніж в 2014 році.
Картинки розбивають текст, роблять його легше для читання і сканування.
8. Довге і складне меню
Меню повинно бути коротким. Робіть навігацію простою і зрозумілою для пересічного користувача.
9. Ні повернення на головну сторінку
Найкраще рішення - логотип в лівому верхньому кутку, який являє собою посилання на головну сторінку.
Без цього користувачі мобільних пристроїв будуть розчаровані.
10. Захований пошук по сайту
Пошук по сайту, особливо в інтернет-магазинах, завжди видно на головній сторінці в деськтопной версії.
Але на мобільних цю функіцю часто ховають. І зовсім даремно. Мобільному користувачеві набагато складніше кликати і переходити по сторінках. Пошук може вирішити цю проблему.
Відео: "Зниклий безвісти. Друге дихання". 4 серія
Тому, пошук по сайту повинен бути видно на сторінці, а не ховатися в меню.
11. Даремний пошук
Після того, як користувач забив пошукової запит, потрібно надати йому відповідні результати пошуку.
Заповнити форму, корекція орфографії і інтелектуальні пропозиції (як показано нижче) - це тільки плюс.
12. Приховане зміст
Адаптивний дизайн не повинен призводити до того, що контент буде повністю прихований.
Користувачі повинні мати можливість знайти контент, навіть якщо це вважається низьким пріоритетом на мобільному телефоні.
13. Запуск в новому вікні
Перехід між мобільними вікнами браузера - зовсім не те, що комфортно мобільним користувачам.
Запуску нових вікон слід уникати.
14. Відсутність фільтрів
Фільтри необхідні, і не тільки в інтернет-магазинах, щоб допомогти мобільним користувачам уточнити результати.
Інші функції, які можуть поліпшити UX, це номера сторінок, щоб показати, як багато продуктів / статей (і т.д.) знайшлося.
15. Вимушена реєстрація
Вимушена реєстрація на мобільному телефоні дратує ще більше, ніж на комп`ютері. Хіба не можна продовжити взаємодіяти з сайтом в якості гостя?
Якщо ви запропонуєте зареєструватися після того, як покупка покладена в кошик, це допоможе підняти конверсію.
16. Неправильний тип введення
З питання про форми, Google має зручний довідник по типам вхідних HTML5.
цитуємо:
Користувачам подобаються веб-сайти, які автоматично виводять на екран цифрова клавіатура для введення номерів телефонів або автоматично виконують перехід до наступного поля після заповнення попереднього. При розробці форм намагайтеся, щоб користувачеві не потрібно було зайвий раз натискати.
17. Повторні форми взаємодії
Заповнити форму - одна з найкрутіших штук для UX. Це величезне полегшення, коли тільки починаєш набирати, а сайт сам підказує потрібний варіант.
Не нехтуйте цим.
18. Складність обміну
Копіювання і вставка URL-адреси, а потім відправка повідомлень електронною поштою або повідомленням в соцмережі - більш тривалий процес на мобільних пристроях, в порівнянні з десктопом.
Таким чином, веб-сайти повинні використовувати кнопки соцмереж та електронної пошти. Так вашим контентом будуть ділитися охочіше.
19. Помилкові редіректи
Це особливо актуально для тих, у кого окрема мобільна версія сайту. Всі переадресації повинні бути правильними. Наприклад, коли користувач натискає на посилання для робочого столу з мобільного телефону, він має бути перенаправлений на правильний мобільний URL.
20 і 21. Масштабування і постукування
У листопаді 2014 року Google оголосила мобайл-френдлі ті сайти, де текст і зміст були читаються без масштабування.
Ця мітка недавно була видалена з мобільних результатів пошуку, а Google оголосила про те, що 85% всіх сторінок в результатах пошуку для мобільних в даний час відповідають цим критеріям.
Проте, інші 15% прекрасно розуміють, що, поки вони не реалізують оптимізований під мобільні або адаптивний дизайн, продуктивність пошуку буде страждати.
22. Недружнє програмне забезпечення
Деякі матеріали не будуть доступні для перегляду на мобільному телефоні. Один з таких прикладів - це Flash.
23. Помилки та погана граматика
Хоча це загальна проблема, що не специфічна для мобільного, але вона теж дуже важлива.
Це означає, що погана граматика може бути чинником, що сприяє низькій ефективності пошуку.
Цього достатньо, щоб зрозуміти, над чим треба попрацювати. А що дратує особисто вас в мобільних версіях сайтів?
