Mobile-first polishing
публичный UX

вопрос без трения

Mobile forms and keyboards

Textarea, email, login, recovery and checkout forms должны работать с мобильной клавиатурой, а не против неё.

Формы не заставляют пользователя бороться с экраном, клавиатурой и мелкими кнопками.

Мобильное правило: Каждое поле имеет label, понятный placeholder, крупный submit и ясную ошибку.

Получить ответ

Главная мобильная CTA-дверь для вопроса.

Recover

Проверка восстановления доступа на телефоне.

Быстрые улучшения

  • Увеличить textarea и submit на страницах вопроса.
  • Добавить inputMode для email/number там, где нужно.
  • Ошибки показывать рядом с полем, не только сверху.

Trust microcopy

  • Не вводите медицинские, юридические или финансовые инструкции как запрос к оракулу.
  • Сформулируйте вопрос как следующий шаг, а не как приговор будущего.

Question field

Пользователь пишет вопрос в состоянии сомнения, поэтому форма должна быть дружелюбной.

  • Placeholder даёт безопасный пример вопроса.
  • Submit не исчезает за клавиатурой.

Recovery

Потерянная ссылка на телефоне должна восстанавливаться без переписки.

  • Email field uses email keyboard.
  • Success state говорит, что делать дальше.

Красные флаги

  • Пользователь не видит кнопку отправки после открытия клавиатуры.
  • Ошибка звучит как обвинение пользователя.

Связанные двери