Поради щодо створення сайту для мобільних пристроїв

понеділок, 27 березня 2017 р.

Сьогодні мобільні пристрої відіграють все більшу роль у нашому житті. За даними дослідження Google Consumer Barometer 2016, за останні 3 роки кількість користувачів смартфонів в Україні зросла на 150%, а 36% українців у віці до 35 років шукають інформацію про товари на своєму смартфоні так само часто, як на комп'ютері.

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

Ми пропонуємо декілька порад щодо створення мобільного сайту.

Оптимізуйте всі сторінки свого сайту так, щоб вони належним чином відображались на мобільних пристроях.
Зробіть зображення та вміст сайту зручними для перегляду.
Розміщуйте заклик до дії на передньому плані та по центру сторінки, щоб зробити його помітним. Наприклад, “Зателефонуйте”.
Зробіть меню лаконічним і зручним.
Спростіть навігацію сайтом і використовуйте логотип як посилання на домашню сторінку.
Промопропозиції не мають перекривати вміст домашньої сторінки або заважати навігації.
Зробіть поле пошуку на сайті чітко видимим на всіх сторінках.
Подбайте про релевантність результатів пошуку на сайті, щоб відвідувачі могли легко знайти потрібну інформацію.
Додайте пошукові фільтри, щоб допомогти відвідувачам уточнювати результати.
Сегментуйте аудиторію ще до початку пошуку, якщо це можливо. Наприклад, ви можете створити на сайті категорії: одяг для жінок, чоловіків, дітей.
Дайте відвідувачам можливість ознайомитися з вашим сайтом, перш ніж запитувати їхню особисту інформацію.
Заохочуйте відвідувачів реєструватися на сайті, але й дозволяйте робити покупки в режимі гостя.
Спростіть користування сайтом для зареєстрованих відвідувачів – заповнюйте певні поля їхніми даними заздалегідь.
Додайте кнопки виклику, щоб відвідувачі за потреби могли звернутися до оператора.
Дайте відвідувачам можливість зберігати інформацію та завершувати конверсії на інших пристроях. Конверсія реєструється, коли користувач натискає ваше оголошення та виконує цінну для вас дію. Це, наприклад, може бути покупка в інтернет-магазині чи дзвінок із мобільного телефона.
Додайте цифрову клавіатуру для полів, де потрібно вводити цифри.
Запропонуйте зручні способи введення інформації – додайте спадні меню, прапорці тощо.
Додайте на сайт календар, щоб спростити бронювання та планування подій.
Наведіть зрозумілі вказівки й миттєву перевірку, щоб звести до мінімуму помилки, і сповіщайте відвідувачів про неправильно введену інформацію, наприклад, при заповненні реєстраційної форми.
Для ефективної обробки даних створюйте прості й короткі форми, які відвідувачі заповнюють для реєстрації на сайті чи для здійснення покупки без реєстрації.
Додайте зняті великим планом фотографії високої якості для основних зображень товарів.
Порадьте, як краще переглядати ваш сайт: у книжковій чи альбомній орієнтації.
Дайте відвідувачам змогу виконувати всі дії в одному вікні, не відкриваючи нових вкладок.
Додайте підписи про версії сайту для мобільних пристроїв і комп’ютерів.
Надайте відвідувачам змогу шукати магазини або товари поблизу.

Навіть розробивши мобільну версію сайту і додаток, багато власників бізнесу використовують таку ж саму стратегію просування, як і для користувачів декстопов. Отже, для десктопної і мобільної аудиторій необхідно використовувати різні підходи. Інструменти Google надають можливість таргетувати користувачів за різними типами пристроїв та створювати більш ефективну кампанію з просування своїх продуктів та послуг.

Українська комп'ютерна школа Hillel запустила мобільну версію сайта в квітні 2016 року. При цьому відразу було вирішено, що буде створено не адаптивну версію, а саме мобільну, що набагато краще с точки зору користувацького досвіду та зручності. За даними Google Analytics, приріст трафіку на сайті школи з різних пристроїв за аналогічні періоди 2015 и 2016 років склав у процентному співвідношенні - з десктопів приріст - 134%, мобільних пристроїв - 364%, планшетів - 98%. Що важливо, покращилися поведінкові фактори на сайті - тривалість перебування, показник відмов. А кількість заявок з мобільної версії збільшилася на 23,25% (за аналогічні періоди 2015 і 2016 року), що складає більше половини загального приросту.

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

Також нещодавно школа перевела свій сайт з http- до https-протоколу, який є більш сучасним, захищеним і передбачає шифрування даних, що особливо важливо для сайтів, які працюють с даними користувача.

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