Каждый раз, заходя из совершенно неожиданных мест в Сеть, чтобы почитать почту на mail.ru, я сталкиваюсь с одной и той же неприятной мелочью. Этот «камушек в ботинке» наконец достал меня настолько, что я решил рассказать о нем вам.
Театр начинается с вешалки, а web-сервис — с авторизации. Форма авторизации mail.ru всем хорошо знакома (кому не знакома, см скриншот). Поскольку вхожу я, как уже говорил, из самых неожиданных мест, то каждый раз включаю галочку «Чужой компьютер», чтобы сервис не подставлял мой логин следующему зашедшему на эту страницу (а может он и еще что делает по этой галочке, не анализировал). Что может быть проще, скажете вы. Достаточно щелкнуть по галочке или по ее подписи. Так ведут себя все offline-приложения, так ведет себя большинство современных веб-сервисов (например, галочки «Закрытый хабратопик...» и «Отключить автоматические переносы...» на странице, где я это пишу). Но видимо те незнакомые мне вебмастера, которые верстали форму авторизации, не знали про чудесный тэг
Ради интереса я заглянул в код. Вот так сделано сейчас:
а вот так, по моему скромному мнению, должно быть сделано:
Всего один тэг, даже id у поля ввода уже есть. Работы на 30 секунд с перекурами, а экономия времени по полсекунды на каждого пользователя — сколько там у них логинов с главной? Миллион в день? Если 1% логинится с «Чужого компьютера», это полтора человеко-часа в день экономии всеобщего времени :)
P.S. Этот топик я написал не в упрек mail.ru, а в назидание будущим верстальщикам web-UI. Помните, даже мелочь может помочь вашему продукту стать лучшим в мире. Или помешать.
P.S.S. Любители минусовать карму — не стесняйтесь высказывать свое мнение в комментариях, вдруг оно будет интересным :)
Театр начинается с вешалки, а web-сервис — с авторизации. Форма авторизации mail.ru всем хорошо знакома (кому не знакома, см скриншот). Поскольку вхожу я, как уже говорил, из самых неожиданных мест, то каждый раз включаю галочку «Чужой компьютер», чтобы сервис не подставлял мой логин следующему зашедшему на эту страницу (а может он и еще что делает по этой галочке, не анализировал). Что может быть проще, скажете вы. Достаточно щелкнуть по галочке или по ее подписи. Так ведут себя все offline-приложения, так ведет себя большинство современных веб-сервисов (например, галочки «Закрытый хабратопик...» и «Отключить автоматические переносы...» на странице, где я это пишу). Но видимо те незнакомые мне вебмастера, которые верстали форму авторизации, не знали про чудесный тэг label и его атрибут for. Поэтому, чтобы установить эту галочку, надо щелкнуть именно по ней. Ради интереса я заглянул в код. Вот так сделано сейчас:
<td class="check"> <input id="alien" class="check" type="checkbox" tabindex="4" value="1" name="level"/> </td> <td class="bad">Чужой компьютер</td>
а вот так, по моему скромному мнению, должно быть сделано:
<td class="check"> <input id="alien" class="check" type="checkbox" tabindex="4" value="1" name="level"/> </td> <td class="bad"><label for="alien">Чужой компьютер</label></td>
Всего один тэг, даже id у поля ввода уже есть. Работы на 30 секунд с перекурами, а экономия времени по полсекунды на каждого пользователя — сколько там у них логинов с главной? Миллион в день? Если 1% логинится с «Чужого компьютера», это полтора человеко-часа в день экономии всеобщего времени :)
P.S. Этот топик я написал не в упрек mail.ru, а в назидание будущим верстальщикам web-UI. Помните, даже мелочь может помочь вашему продукту стать лучшим в мире. Или помешать.
P.S.S. Любители минусовать карму — не стесняйтесь высказывать свое мнение в комментариях, вдруг оно будет интересным :)
