Ставить фокус в единственное поле ввода

Если в вашем экране есть только одно поле ввода, ставьте фокус в него, сразу.
Пользователь может захотеть что-то напечатать только в этом поле, так почему бы не дать ему такую возможность?

Неправильно

Правильно

Конечно, нужно посмотреть на сценарии. В этом примере фокус был установлен в список языков. Теоретически, пользователь может захотеть пойти по списку клавишами ↑ и ↓. А нет, список слишком длинный и пользователь скорее станет скроллить его.

Казалось бы, такой очевидный ход. Но я очень часто сталкиваюсь с тем, что создатели забыли о нем.

Контур.Стафф

Необязательно показывать курсор — важно, чтобы ввод происходил в поле, когда пользователь начнет печатать на клавиатуре. В справочнике сотрудников СКБ Контура все сделано правильно — поле выделено, курсор в поле не мигает, но набор происходит там, где это нужно.

Если в вашем экране есть только одно поле ввода, не забудьте поставить туда фокус. Это справедливо почти всегда. И особенно, когда в этом экране пользовательский сценарий реализуется через поиск.

Поделиться
Отправить
Запинить
3 комментария
Игорь Луканин

Необязательно показывать курсор — важно, чтобы ввод происходил в поле, когда пользователь начнет печатать на клавиатуре.

Нет, обязательно. Если я хочу хочу использовать TAB для навигации, я должен знать, где фокус ввода находится сейчас, чтобы предугадать, где он окажется после нажатия TAB.

К тому же, нет такого состояния поля ввода — с фокусом, но без курсора. Непонятно, зачем его изобретать.

Вячеслав Бухарин

На странице с рез-тами выдачи у гугла — как раз такое состояние. Курсор не стоит пока не нажать символьную клавишу. Пользователи могут проматывать страницу клавишей «пробел».

Дмитрий Шишкин

Еще нужно:

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

ХТМЛ не работает

Ctrl + Enter
Популярное