Comments 28
Если заказчик скажет убрать, то уберут.
«Как фокус помогает», докладчик Томас Нау.
На этой же самой странице нажимаю Tab, фокус не виден. :)
Управлять таб-индексом — еще уметь нужно. По умолчанию туда попадает все подряд, чаще всего в неправильном порядке. Например, переходя табом с последнего поля формы пользователь может улететь на ссылку в футере вместо переключения обратно к первому полю. И дефолтный фокус в виде аутлайна действительно часто вообще не вписывается в визуальную экосистему приложения, элементам чаще всего нужно делать кастомное оформление для этого состояния. Это часто становится непростой задачей и проще его просто вырубить. В итоге, все решает цена вопроса: если вы готовы вкладываться в детально проработанный интерфейс — стоит сделать кастомный таб-индекс и фокусы.
Например, переходя табом с последнего поля формы пользователь может улететь на ссылку в футере вместо переключения обратно к первому полю
Представим, что после последнего полня (а лучше submit) пользователь переходит к первому. Но внезапно пользователь решил перейти по какому-либо элементу меню. Что делать?
Правда, это не отменяет того, что переключение часто бывает неожиданное — не в том порядке, как ожидаешь.
Раздражает такое, не меньше, чем запрет правой кнопки или выделения текста цветом.
А из последних модных веяний — как вам скрытие атрибутов поля ввода? Ну то есть чистый белый лист, пока не тыкнешь мышой наугад в конкретную точку, даже курсор не появится, это норм? %)
А из последних модных веяний — как вам скрытие атрибутов поля ввода? Ну то есть чистый белый лист, пока не тыкнешь мышой наугад в конкретную точку, даже курсор не появится, это норм? %)
Мало заказчиков и дизайнеров думают о том, как их сайтом потом будут пользоваться. В результате посетители, чаще всего, пользуются функцией закрытия страницы сайта.
Мало заказчиков и дизайнеров думают о том, как их сайтом потом будут пользоваться.
Я, вот, не заказчик, но и не дизайнер. Может быть, поэтому думаю, как моим сайтом (ну, как моим, сайтом вуза) будут пользоваться. Мне из почему-то всегда жалко, посетителей, особенно абитуру. Абитура и так в стрессе, а тут им сплошь и рядом головоломки предлагаются.
офф
Вообще, конечно, много еще надо бы сделать — был бы я дизайнером или программистом; а так я — ни то, ни се, в смысле один за всех. Вуз небольшой, провинциальный, хлопот много, денег… а, да ладно, что толку.
Но, черт возьми, приятно было услышать от приемной комиссии оценку абитуриентов. «У вас так удобно, зашел — и сразу все понятно. Даже в Питере такого нет.» Уж не знаю, почему Питер, а не Москва, но так мне передали.
Стало быть, не зря клаву топтал.
Но, черт возьми, приятно было услышать от приемной комиссии оценку абитуриентов. «У вас так удобно, зашел — и сразу все понятно. Даже в Питере такого нет.» Уж не знаю, почему Питер, а не Москва, но так мне передали.
Стало быть, не зря клаву топтал.
А из последних модных веяний — как вам скрытие атрибутов поля ввода? Ну то есть чистый белый лист, пока не тыкнешь мышой наугад в конкретную точку, даже курсор не появится, это норм? %)
В яндекс-почте так сделано поле в форме экспресс-ответа. Омерзительно.
UFO just landed and posted this here
Windows 10 на планшете — при каждом включении на экране пароля есть только поле его ввода. И на него надо тапать, чтобы перевести фокус и начать вводить -_-
А вообще, ввод чего-то без фокуса на поле частенько бывает, и выходит, что набранное пропало. Другие ОС тоже такие недружественные?
А вообще, ввод чего-то без фокуса на поле частенько бывает, и выходит, что набранное пропало. Другие ОС тоже такие недружественные?
Если б на него не надо было тапать, то любой кот уже б давно заблокировал хозяину его планшет. Вообще это хорошо что нужно ещё какое-то действие перед опасной операции. А то окошки с критической информацией, требующие твоего ответа, почему-то появляются сразу с активными кнопками, а ты, тыкающий во всё подряд по экрану, даже заметить его не успел, как уже продал свою почку.
Научились отключать outline и как давай везде отключать… Постоянно сталкиваюсь с этим. Чаще вижу кастомные checkbox и select, которые вообще никак не взаимодействуют с клавиатурой. Печаль.
Суть в чем. outline убирать конечно надо. Стандартные браузерные свойства никогда не соответствуют дизайну.
Но и сообщать о фокусе тоже, конечно нужно.
Но и сообщать о фокусе тоже, конечно нужно.
Не надо смешивать в одну кучу внешнее представление (аутлайн), события/состояния (фокус) и атрибуты разметки (табиндексы). Не выдавайте мягкое за тёплое.
Когда вы скрываете обводку через «outline: none», это никак не влияет на само событие фокуса и не ломает навигацию. Пользователь по-прежнему может переключаться между элементами табом, запускать ссылки энтером и т.п. Просто ему становится сложнее понять, где находится фокус в данный момент. Но это решается любым альтернативным оформлением элементов с :focus, о чем вы сами же и упоминаете.
Если обводка не ложится в дизайн, без нее можно прекрасно обойтись. Индикатором состояния служит что угодно, причем не только статичные свойства. При желании вы можете заставить элемент под фокусом делать петлю Нестерова, крякать уточкой или пахнуть ландышем :) Весь вопрос в том, готовы ли вы возиться и обеспечивать техническую реализацию с учетом спектра поддерживаемых средств просмотра. И готов ли заказчик оплатить свои капризы.
Когда вы скрываете обводку через «outline: none», это никак не влияет на само событие фокуса и не ломает навигацию. Пользователь по-прежнему может переключаться между элементами табом, запускать ссылки энтером и т.п. Просто ему становится сложнее понять, где находится фокус в данный момент. Но это решается любым альтернативным оформлением элементов с :focus, о чем вы сами же и упоминаете.
Если обводка не ложится в дизайн, без нее можно прекрасно обойтись. Индикатором состояния служит что угодно, причем не только статичные свойства. При желании вы можете заставить элемент под фокусом делать петлю Нестерова, крякать уточкой или пахнуть ландышем :) Весь вопрос в том, готовы ли вы возиться и обеспечивать техническую реализацию с учетом спектра поддерживаемых средств просмотра. И готов ли заказчик оплатить свои капризы.
Дизайнеры от простого уродования интерфейсов уже перешли к активному вредительству.
Обычно гуманитарии дизайнер и РМ очень плотно сотрудничают; и если они приходят хором и требуют убрать фокус, то я тихонько его убираю ибо себе дороже.
Sign up to leave a comment.
Как фокус помогает