- Додати панель для пошуку
- Виводити контент на екран частинами
- Позбавити користувачів від необхідності авторизації
- Зробити посилання на головну сторінку сайту вгорі екрана
- Прибрати все акції з головної сторінки
- Розмістити на головній сторінці номер телефону
- Оптимізувати всі сторінки сайту
- Уникати необхідності масштабування
- Відображати весь контент в одному вікні
- Прибрати посилання на "повну версію"
Компанія Google склала список рекомендацій для веб-розробників, які дозволять оптимізувати мобільний сайт для перегляду зі смартфона або планшета і зробити його більш популярним.
Незважаючи на активне проникнення і популярність мобільного інтернету - тільки за останній рік в Росії число його користувачів зросла в півтора рази, до 25,5 млн осіб, - далеко не всі сайти зручно дивитися з мобільника або планшета.
Фахівці з Google і компанії AnswerLab провели власне дослідження і з'ясували, що конкретно не влаштовує користувачів смартфонів в мобільних версіях сайтів. В результаті компанії склали список рекомендацій для всіх веб-розробників, зайнятих створенням мобільних веб-сервісів. Ось десять найбільш значущих з них.
Додати панель для пошуку
Якщо на мобільній версії немає рядка для пошуку контенту всередині ресурсу, це великий мінус. Це одна з найпоширеніших претензій користувачів до розробників. Користувачі мобільних пристроїв ще сильніше, ніж користувачі ПК, потребують не тільки в грамотно упорядкованому контенті, а й в можливості швидко знайти необхідний матеріал.
Тому вбудованому в сервіс пошуковику потрібно приділяти серйозну увагу, рекомендують експерти.
Виводити контент на екран частинами
Багато мобільні сайти виводять на екрани смартфонів занадто багато даних. І це велика помилка: більшості користувачів медійних або довідкових сервісів потрібно отримати через мобільний пристрій доступ тільки до найактуальнішої інформації. Тому Google рекомендує жорстко структурувати контент, ділити його на менші шматки - наприклад, новинним сайтам варто виводити на перший екран тільки кілька головних новин, а не всю стрічку. Великі статті потрібно розділяти на кілька блоків зі зрозумілою структурою.
Варто також замислитися над тим, щоб зробити меню сайту максимально коротким. Чим менше в ньому пунктів, тим частіше їм будуть користуватися.
Позбавити користувачів від необхідності авторизації
Деякі сайти вимагають, щоб відвідувачі обов'язково реєструвалися і згодом кожен раз авторизуватися на порталі. Це теж помилка: користувачам смартфонів часом досить важко запам'ятати, а потім часто вводити на мініатюрній віртуальній клавіатурі гаджета складні паролі.
Велика частина контенту повинна бути доступна без авторизації. Хоча б з мобільних пристроїв.
Зробити посилання на головну сторінку сайту вгорі екрана
Власникам мобільних сайтів варто враховувати, що користувач завжди повинен мати можливість в один клік повернутися на головну сторінку. Найчастіше для цього використовується логотип сайту у верхній частині сторінки. Але користувачі, чиї скарги вивчали в Google, кажуть, що далеко не всі веб-розробники розміщують там це посилання. А варто було б всім.
Прибрати все акції з головної сторінки
Найчастіше розробники мобільних сайтів для інтернет-магазинів незмінно розміщують інформацію про акції і спецпропозиції прямо на головній сторінці мобільної версії сервісу. Це неправильно, оскільки збиває користувача з пантелику і заважає йому якомога швидше отримати ту інформацію, заради якої він зайшов на сайт.
Рекламні банери, що розповідають про акції магазинів, найсильніше дратують власників смартфонів, що користуються мобільними сайтами.
Розмістити на головній сторінці номер телефону
Найчастіше користувачі заходять на сайт з мобільних пристроїв тільки для того, щоб якомога швидше дізнатися номер телефону, за яким їм треба зателефонувати. Тому, відповідно до рекомендацій Google, було б розумно дати їм можливість побачити цей номер прямо на першій сторінці. І поставити на нього посилання, клік на яку змусить смартфон тут же набрати вказаний номер.
Ця пропозиція Google очевидно, але дотримуються його далеко не всі.
Оптимізувати всі сторінки сайту
Найчастіше розробники мобільних версій популярних сайтів оптимізують під використання на мобільних пристроях тільки кілька сторінок сервісу. Така економія часу, сил і фінансових ресурсів замовника сайту серйозно шкодить його репутації. Весь контент, доступний на сайті, повинен бути оптимізований в тому числі і під використання за допомогою мобільних гаджетів.
Один із способів вирішення проблеми - зробити дизайн сайту адаптивним. Це означає, що сторінки ресурсу не діляться на "звичайні" і "мобільні": движок єдиного сайту розпізнає тип підключеного до нього пристрою і автоматично адаптує відображається картинку.
Уникати необхідності масштабування
Більшості користувачів мобільного інтернету не подобається, коли їм доводиться раз у раз масштабувати картинку на екрані, то збільшуючи, то зменшуючи її. Дизайн сайту повинен бути розроблений таким чином, щоб розмір відображуваних елементів контенту був оптимальний для сприйняття.
Для того щоб потрапити пальцем на одне з посилань, користувач не повинен спочатку її збільшувати. Відображається на екрані текст повинен бути читаємо без його масштабування.
Відображати весь контент в одному вікні
Досить часто посилання, на які клікає користувач, відкриваються в новому вікні. Це теж помилка.
Перехід від одного відкритого вікна в мобільному браузері до іншого - справа клопітка, тобто вимагає декількох зайвих кліків, і користувачі цього робити не люблять. Тому навігація по сайту повинна працювати за принципом "одне вікно - один сервіс".
Прибрати посилання на "повну версію"
Коли користувачі бачать на мобільній версії сайту посилання на "повну версію", вони майже ніколи не користуються запропонованою мобільного. Їм здається, що вона не відображає весь необхідний їм контент. Тому від таких посилань варто позбуватися. Важливо при цьому стежити, щоб мобільна і настільна версії сайтів дійсно мали одне і те ж зміст.
Переклад: mmr.ua
Як ви вже напевно помітили з презентації на самому початку статті, рекомендацій набагато більше. Ми постараємося найближчим часом перевести їх все і оформити у вигляді інфографіки. Якщо є бажаючі взяти участь в перекладі і підготовці інфографіки пишіть на [email protected].
