Пользователь на ходу
Мобильный UX (User Experience — пользовательский опыт) — это дизайн взаимодействия с приложением на смартфоне. Мобильный контекст кардинально отличается от десктопного: маленький экран, управление одной рукой большим пальцем, непостоянное внимание, разное освещение, прерывания.
Применить десктопный дизайн к мобильному — надёжный способ сделать плохой продукт.
Thumb Zone: анатомия большого пальца
При держании телефона одной рукой большой палец достигает одних зон экрана легко, других — с трудом или вовсе недостижимо. Исследования Стивена Хупера показали: зелёная зона (нижняя-центральная) — легко, жёлтая — с усилием, красная (верхние углы) — почти недоступно.
Главные действия должны быть в «зелёной зоне». Именно поэтому нижняя навигация (Tab Bar) — стандарт на iOS и Android: все иконки под большим пальцем.
Навигационные паттерны
Tab Bar (Bottom Navigation) — 3–5 основных разделов внизу. Доступно, понятно. Стандарт iOS и Material Design.
Hamburger Menu (боковое меню) — скрытая навигация за иконкой ☰. Экономит место, но снижает обнаруживаемость функций.
Gesture Navigation — свайп назад (iOS edge swipe, Android Back gesture), смахивание карточек. Быстро, но требует обучения.
Принципы мобильного UX
Минимум ввода: печатать на телефоне неудобно. Автозаполнение, дефолтные значения, умные клавиатуры, Face ID/Touch ID вместо паролей.
Обратная связь: каждое действие должно давать подтверждение — тактильное (haptic feedback), визуальное (анимация), звуковое.
Скорость: пользователь не ждёт. Загрузка — скелетные экраны (skeleton screens), кэширование, оптимистичные обновления.
Размеры элементов: минимальный размер кнопки — 44×44 pt (Apple HIG). Меньше — палец промажет.