Дизайн под мобильные устройства: мини-гайд по проектированию удобного UX

Дизайн под пальцы: как UX меняется в эпоху мобильного доминирования

Если ты всё ещё проектируешь интерфейсы с оглядкой на десктоп — проснись, ты обосрался (в смысле отстал 😅)

👆 80% пользователей заходят на сайты и сервисы со смартфонов.
И знаешь, что бесит больше всего?

— Маленькие кликабельные зоны
— Мелкий текст, как у нотариуса в договоре
— Элементы, до которых можно дотянуться только пальцем Слендермена

Хватит это терпеть.

Вот мини-гайд, чтобы не позориться перед мобильной аудиторией:

Mobile First

Делай макет сначала под экран 360–414px, а потом расширяй под планшеты и десктоп.

Тап-зоны от 44×44px

Это минимальный размер, чтобы палец не промахнулся. Спасибо Apple и здравому смыслу.

Проектируй для одного большого пальца

Люди держат телефон одной рукой. Всё важное — в зоне большого пальца (особенно CTA и меню).

Оптимизируй текст

Минимум 14px, лучше — 16. Не заставляй пользователей увеличивать экран.

Ставь привычные жесты

Свайп, тап, лонгтап. Не изобретай космический UX, если ты не Илoн Мaск.