Мобильные интерфейсы

Пять дюймов, на которых всё решается

Мобильный интерфейс ограничен не размером экрана, а анатомией: площадь контакта пальца с экраном около 8–10 миллиметров, а комфортно достижима лишь нижняя половина экрана при удержании одной рукой. Отсюда почти все правила жанра.

Второе ограничение — клавиатура, занимающая 40–50% высоты. Всё, что нужно видеть во время ввода, должно помещаться в оставшуюся половину, иначе человек печатает вслепую.

Размеры, ниже которых начинаются промахи

Эти величины следуют из анатомии, а не из соглашений, и потому одинаковы на всех платформах.

Видимое используется чаще

Разделы, спрятанные в боковое меню, используются заметно реже видимых. Скрытие навигации экономит место ценой того, что часть функций перестаёт существовать для пользователя, — поэтому нижняя панель с 3–5 видимыми разделами стала стандартом.

Жест — самый быстрый способ взаимодействия и самый плохо обнаруживаемый. Им можно ускорять действие, но нельзя делать его единственным способом: у каждого жеста должна быть видимая альтернатива.

Что читать в этой теме

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

Возврат назад — половина навигации

Путь вперёд проектируют всегда, путь назад — почти никогда, хотя именно с ним связана большая часть претензий: потерянная позиция в списке, сброшенный фильтр, заново заполняемая форма, экран, с которого системный жест выбрасывает из приложения целиком.

Рабочее требование простое: возврат восстанавливает состояние, а не перезагружает экран. Прокрутка, фильтры и введённый текст сохраняются; переход назад из глубины ведёт на предыдущий экран, а не на корень раздела. Проверять это нужно на устройстве и жестом, а не кнопкой в макете.