В 2016 году в Prom.ua  ожидают рост олайн покупателей с мобильных устройств до уровня  30-40%, сообщается retail-community.com.ua. Ольга Белоус, которая отвечает за мобильное направление  всеукраинского торгового цента в интернете, предлагает 10 советов как сделать мобильную версию сайта лучше.

  1. Изображения. Адаптируйте размеры фото, видео, таблиц и остального контента как по размеру, так и по весу.

  2. Шрифты. Используйте читабельные и крупные шрифты в меню сайта и на страницах в целом.

  3. Кликабельность элементов. Не забывайте о «правиле большого пальца» — любой кликабельный элемент должен иметь такой размер, чтобы его можно было нажать большим пальцем руки, не задев при этом расположенных рядом элементов.

  4. Фиксация модальных окон, таких как поп-апы регистрации или подписки, и проверяйте, не мешают ли виджеты, например, онлайн-чата, пользователям получить нужную информацию о ваших товарах.

  5. Избегайте on hover эффектов (это различные виды эффектов, такие как всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, увеличение, смещение, применяемые к элементам веб-сайта при наведении на них курсора мыши). Это не естественный для сенсорных экранов элемент. Им вы вынуждаете пользователя делать двойное действие.

  6. Веб-формы: пользователи мобильных еще более чувствительны к ним. Минимизируйте количество полей, не забывайте о типах клавиатур, соответствующих типу поля, давайте конструктивные и лаконичные подсказки об ошибках, реализуйте автозаполнение.

  7. Сlick-to-call: Для всех номеров телефонов применяйте функцию вызова абонента по нажатию на номер (click-to-call). И не забывайте при этом о коде города.

  8. Быстрый доступ: Добавляйте кнопку для возврата наверх страницы. На сайтах с большим количеством контента это будет ощутимым облегчением для пользователей.

  9. Навигация: Делайте навигацию простой и интуитивно понятной.

  10. Способы коммуникации: Предлагайте максимально удобные и привычные для мобильной среды способы коммуникации (например, восстановление пароля через СМС-код, а не через переход по ссылке в письме).


По материалам: retail-community.com.ua.