​Как создать эффективную мобильную версию сайта?
⠀
⚡️Придерживайтесь этих 6 советов:
⠀
1️⃣Структура
Если на первом экране много информации, то при неправильной вёрстке часто получается, что картинка и контакты отображаются в самом верху лендинга и портят восприятие. Пользователь сначала видит картинку, почту, но не заголовок, объясняющий, куда он попал. Проверьте, чтобы выше располагались более приоритетные для человека элементы.
⠀
2️⃣Содержание
Не перегружайте пользователей – уважайте небольшой экран. Сведите содержание к минимуму.
⠀
Например, избегайте больших массивов текста.
⠀
3️⃣Пространство
Не забудьте предложить пространство 30x30 пикселей для точек касания с сенсорным экраном (речь идёт об отступах: кнопки и иконки должны содержать вокруг себя пространство, чтобы пользователь не перешёл туда, куда ему не нужно, если промахнётся).
⠀
4️⃣Бренд
Поддерживайте бренд: внешний вид каждой версии должен быть похожим.
⠀
Например, не стоит делать разные шрифты в мобильной и компьютерной версиях сайта.
⠀
5️⃣Изображения
Сведите к минимуму изображения и уменьшите их размер.
⠀
Не нужно, чтобы пользователь по полдня прокручивал вниз только одно изображение.
⠀
6️⃣Формы
Минимизируйте информацию, которую нужно вводить в формы.
⠀
Лучше всего оставить одно поле для ввода, например, только для номера телефона.
⠀
А ваша мобильная страница соответствует этим пунктам?