01 Пять принципов мобильного дизайна #
Мобильный дизайн — это вообще другая среда. Маленький экран, палец вместо курсора, нестабильный интернет, фрагментированное внимание. Вот что я всегда держу в голове.
🎯
Приоритет контента
Места мало — режу без жалости. Оставляю только то, что нужно для главной задачи.
👍
Зона досягаемости
Главные элементы внизу — туда большой палец дотягивается. Навигацию ставлю снизу.
📐
Размер элементов
Минимум 44×44, лучше 48×48. И зазор между элементами, чтобы не нажать случайно.
⌨️
Клавиатура
Когда она открывается, поле должно оставаться видимым. И тип клавиатуры — под поле.
⚡
Скорость
Оптимизируй картинки, не грузи тяжёлую анимацию, показывай скелетоны вместо спиннеров.
Хороший мобильный дизайн — это когда ты делаешь что-то одной рукой в метро и не промахиваешься. Если промахиваешься — дизайн плохой.
💪 Тренажёр
Адаптируй под мобильный
Определи, правильное ли решение для мобильного.
Навигация внизу экрана
Кнопки 30×30 в ряд без отступов
Карточки товаров без лишних элементов
Тяжёлые фоновые видео на главной
Цифровая клавиатура для поля телефона
