Главная Услуги Работы Персона Юзабилити анализы
IMG тел. +7(98I) 7608865
Идеальная авторизация, или на сколько юзабильны поля для ввода логина и пароля.




ПОИСК по сайту


    Полный список статей
/ Идеальная авторизация / Версия для печати / translit / абракадабра :-)


<-предыдущая следующая ->

 
  google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru smi2.ru twitter.com Яндекс закладки text20.ru RuSpace RuSpace toodoo

Не знаю почему, ноудобству формы длявхода насайт уделяется уж слишком мало внимания состороны дизайнеров. Большинство считает этот блок слишком простым, чтобы уделять ему много времени. Что совершенно зря.

Казалось бы – что тут может быть сложного: два поля, кнопка, пару ссылок и, возможно, чекбокс. Но всё нетак просто каккажется напервый взгляд.

Существуют довольно жесткие рамки отображения формы входа, атакже некоторые моменты, которые просто стоит учитывать, рисуя эту форму. Постараюсь их описать какможно подробнее:

1. Форма входа должна быть видна напервом экране браузера. Т.е. сразу приоткрытии сайта, безиспользования полосы прокрутки. При этом нужно учитывать минимальную высоту разрешения мониторов пользователей намомент создания дизайна, атакже то, что браузер забирает насебя от10 до30% пространства.


2. Нежелательно выводить поля влинию. При выводе полей встолбец пользователь заполняет их практически наавтомате – сказывается привычка. Если же выводить поля влинию – психологический паттерн нестоль силен.


3. «Размер неимеет значения». Фраза, которая никак не относится ккнопке входа. Она недолжна быть расчитана наснайперов. Учитывайте, что сейчас всё большее распространение приобретают мониторы сдовольно большим разрешением, накоторых маленькие кнопочки выглядят сущим мучением. Но вто, же время непереусердствуйте сразмерами.


4. Зачастую кнопка входа лучше всего смотрится, если её ширина совпадает сшириной полей. Хотя это уже зависит напрямую отдизайнера, который и занимается проектировкой формы входа. Данный момент точно неявляется правилом. Скорее личным предпочтением автора.


5. Поля логина ипароля должны быть одного размера. Установлено, что припоиске формы входа пользователь «сканирует» глазами страницу впоисках двух одинаковых полей, которые находятся внепосредственной близости друг отдруга. Поэтому крайне нежелательно располагать также какие-то другие поля ввода.


6. Если вы ограничены вместе – можно перенести надписи «Логин», «Пароль» внутри полей, которые исчезают приклике наних. У этого решения 2 минуса – иногда люди нажимают наполе, апотом отвлекаются. Поэтому пользователи могут быть сбиты столку. Вторым минусом является то, что неу всех включен Javascript спомощью которого идостигается подобный эффект. Поэтому надписи лучше выводить отдельно отполей.


7. Размеры полей должны быть удобными какдля ввода, так идля чтения. Стоит также учитывать отступы откраев поля дотекста внутри него. Причем сзапасом прочности – невсе браузеры одинаково выводят текст внутри поля. Любимый верстателями Internet Explorer вообще любит отступы назавтрак кушать.


8. Ссылки нарегистрацию ина восстановление пароля лучше всего выводить напротив каждого изполей соответственно. Т.е. «зарегистрировать» (или «новый») выводим напротив поля логина. А ссылку «забыли пароль?» напротив поля пароля. Всё просто, нетак ли?


9. Форма авторизации недолжна быть графически пресыщенной вцелом. Градиенты внутри поля добавляют мороки нетолько верстателям, нои пользователям.

10. Выводить форму входа можно налюбом месте сайта. Будь-то сверху, справа, слева. В результате тестирования оказалось, что пользователям абсолютно удобен вывод формы авторизации влюбом месте насайте сучетом пунктов 1 и2 этого списка.

11. На кнопке входа может быть написано всё что угодно. Вплоть до «выход» т.к. пользователи очень редко обращают внимание нанадпись. Поэтому изакцикливаться наэтом нестоит.

12. Если вход насайт производится безперезагрузки страницы (AJAX) обязательно нужно показывать то, что информация отправляется иобрабатывается. Лучше всего это достигается спомощью так называемого лоадера. Какой-нибудь зацикленной вертящейся, илибегающей фентифлюшкой. Это повелось уже снаших любимых операционных систем, поэтому нестоит изменять привычке.

13. После входа на сайт информацию о пользователе, ссылки на настройки и прочую информацию из личного профиля лучше всего выводить на месте формы входа т.к. пользователь будет искать её именно там. Особенно если она построена через AJAX.

Не забывайте также иобщие положения опустом пространстве между полями икнопкой, отступы внутри полей, иснаружи.

PS: Друзья, настоятельно рекомендую тем, кто еще не читал небольшую информацию к прочтению обязательно её прочитать.

birzool.com/ideal-authorization/

3
Создание эксклюзивных сайтов, юзибилити анализ и бесплатный анализ под запросы основных поисковых машин
Контактная информация :
тел. +7(98I) 7608865

Написать письмо на e-mail
icq 415547094  romverрейтинг на mail.ru сайта romverinbox.ru
© 1997 - 2024 romver.ru

Полная карта сайта Display Pagerank