Комментарии 24
Универсальных советов вообще нет.
Но совет в большинстве случаев правильный, так как обычно начинают таки заполнять форму именно с первого поля, так как грамотная форма должна быть спроектирована так, чтобы все важные и обязательные поля шли первыми и не заполнить их физически нельзя.
Ну а более грамотный совет - ставить фокус на первое обязательное к заполнению поле.
И все равно, вот всех равных лучше поставить фокус, чем нет. TABом всегда будет понятно, куда дальше пойдёт фокус.
Сейчас это бич очень многих интернет-банков, когда ты заходишь на страницу логина, а фокуса на нем нет (конечно, я зашёл на страницу авторизации в интернет-банк не для того чтобы авторизоваться, а чтобы фоном полюбоваться). Например Сбер победил это наконец около года назад.
И да, это верно и для мобилок, хоть и с оговорками, особенно для часто заполняемых форм, ибо большинство пользователей уже знает что там заполнять.
Я исхожу вот из чего: если рекомендация не навредит в большем количестве сценариев — она более универсальна.
Да, именно так и поэтому автофокус первого поля формы лучше делать, чем нет - в большинстве сценариев (особенно небольших форм, коих большинство) это работает, однако вы как раз в ваших выводах с этим не соглашаетесь)
Проведите анализ по этой системе и тоже не согласитесь: https://page.hyoo.ru/#!=gtd2ko_de25zy
Согласен, универсальных правил нет. Но есть базовые рекомендации — такие решения, которые обычно хорошо работают в своей сфере (я бы разделил массовые и профессиональные интерфейсы). Эти базовые рекомендации можно применять по умолчанию, но не считать догмой. Стоит каждый раз задумываться, есть ли в конкретном случае факторы, из-за которых придётся от базового правила отступить.
Заголовок статьи, как мне кажется, как раз подсвечивает, что у базового решения есть свои недостатки, о которых полезно знать.
Но совет в большинстве случаев правильный
"В большинстве случаев правильных" советов можно и бесплатно найти вагон и маленькую тележку. А если платишь - ожидаешь получить как раз то, про что автор пишет: учёт всех параметров и контекста.
Если форма занимает по высоте много места, то клавиатура помешает с ней ознакомиться.
Если форма занимает по высоте много места, то и со скрытой клавиатурой нужно ее скроллить, чтобы с ней ознакомиться. А индикацию скролла/возможности скролла иногда забывают сделать.
«Особенный конфуз может случиться, если первое поле не обязательное для заполнения. Или если форма структурирована таким образом, что пользователи привыкли заполнять её с конца» — это уже какие-то совсем экстремальные случаи. Если дизайнер сделал форму, в которой первое поле необязательное, вопрос к этому дизайнеру.
Представь форму, где собирают email и телефон. Обязательно для заполнения одно любое из них.
Это уже вопрос терминологии. В данном случае первое поле действительно может по факту оказаться необязательным. Но оно таковым оказывается только после того, как второе поле становится заполненным. То есть по умолчанию первое поле не необязательное, а «условно обязательное».
Если в форме два условно обязательных поля, дизайнер скорее всего поставит на первое место поле какое-то особое поле: либо то, которое бизнес хочет чаще видеть заполненным, либо то, которое по факту чаще заполняют пользователи.
Таким образом рекомендация помещать фокус в первое поле в форме кажется вполне разумной.
Как пользователь пк просто шлю лучи неодобрения тем, кто фокус не ставит на поле.
Если форма находится внизу страницы из трёх экранов (например, на лендинге с формой захвата в конце), вы же не будете слать лучи неодобрения тем, кто не поставит автофокус в её первое поле?
Я тут не знаю как должно быть хорошо. Даже вон страница хабра - поле ввода комментария по идее первое поле ввода, нужно ли оно в фокусе? Скорее нет. Но с клавиатуры в него легко хотелось бы попадать, когда дочитал статью, без мыши.
Хм, что-то не доводилось с таким сталкиваться. Можете привести пример в виде ссылки?
А так-то вы правы — на десктопе автофокус в первом поле действительно чаще помогает, чем мешает. И если бы форма располагалась сразу в первом экране (и это был бы десктоп, плюс в силе все те нюансы, которые я перечислил в статье), я бы, скорее всего, сам поставил автофокус.
Но если форма, например, находится внизу длинной страницы, автофокус может неожиданно перехватывать управление и мешать дочитать текст до конца.
Важно не то, что он чаще помогает — важно, что вариант без автофокуса безопаснее в большем числе контекстов.
Спасибо вам — благодаря вашему комментарию и моему ответу я понял, что в статье не хватало этого нюанса, и дополнил её. Статья стала лучше.
Я далек от UX и пр., хотя эта тема всегда привлекала меня и я часто соприкасался и ругался, когда видел, что можно сделать лучше и т.д.
Есть ли уверенность в том, что форму нужно заполнять именно с первого поля?
По работе занимался несколько раз, в том числе, обработкой бумажных форм, заполненных от руки. Два раза формы были задизайнены так, что часто (статистики нет) имя и фамилия были не заполнены.
В одном случае сразу после имени и фамилии шел некий цифровой ID, в другом - условное название группы.
Для себя я сделал вывод, что проблема возникла так: человек сразу перед заполнением мог видеть, что надо вписывать то, что он не знал или не помнил , и это следовало сразу после имени. Он лез в телефон, интернет , т.е. отвлекался на поиск и последующее вписывание этих данных. После чего продолжал заполнять форму и забывал про имя.
Если бы я мог, я бы наперво вынуждал заполнять поле номера телефона или почты. В этом случае можно связаться и уточнить что-то другое пропущенное.
Зная же имя, но не зная контактных данных , связаться с человеком труднее или невозможно.
Вывод прост: заполнять первым (курсор в) надо то что наиболее важно с точки зрения последующей обработки данных формы. И это необязательно имя...
Кстати, на работе сделал ещё наблюдение: в бумажных газетах за последние примерно 150 лет (при ручном наборе) в первом выпуске нового года очень часто забывали изменить год :)
... Яндекса ... при её открытии курсор ввода автоматически падал в первое поле формы».
После того, как они своим ИИ (и за год до его внедрения какими-то свистоперделками-виджетами) убили автофокус на единственное поле ввода на своей же страничке ya.ru дальше можно даже и не читать.
До появления ИИ приходилось явно тыкать мышкой, сейчас помогает однократное нажатие ESC. А раньше я просто вводил в адресе ya.ru, жал ентер и тут же мог начать вводить запрос. На вопрос "зачем" отвечу что санкции выдавили поиск яндекса из мозилы и поэтому строка поиска браузера не работает с яндексом, а русское в рунете яндекс ищет лучше гуголя (но гуголь лучше ищет ангельское в ангельском нете).
Проблема автофокуса в первом поле формы