Не прячьте пароли от пользователей

Как и обещал в новогоднем посте, начинаю серию статей о юзабилити. Для начала будет несколько статей с сайта useit.com, а там посмотрим.

Сегодня у нас заметка Якоба Нильсена полугодовалой давности про поля для ввода паролей. В оригинальной статье довольно много ссылок на другие его материалы, их я буду по мере появления заменять ссылками на переводы на нашем сайте. Поехали!

Правда о времени загрузки сайтов

Забавно. Читая одну из последних статей на Вебдизайндепо, я наткнулся на ссылку на заметку, как оказалось, довольно давнюю, под названием The Truth About Download Time.

Статейка эта была написана аж в две тысячи первом году, но я никогда о ней ничего не слышал. Что ж, посмотрим, чем нас побалуют Кристин Перфетти и Лори Ландесман, о которых я тоже никогда ничего не слышал.

Спойлер: радуйтесь, ненавистники Якоба Нильсена, в статье ненавязчиво макают мэтра лицом в стол.

Интервью с Якобом Нильсеном, часть вторая

Итак, дождались. За четыре подхода я сегодня одолел перевод второй части, подобрал картинки, сложил все это в кучку — и вуаля, продолжение первой части перед вами. Сегодня поговорим о мобильниках, «Амазоне», о том единственном, на чем нельзя экономить при юзабилити-тестировании, хлебных крошках, сайтах-портфолио и целевой аудитории. Специально для нелюбителей многабукав я выделил главное жирным.

Отвлекаясь от темы повествования хочу прихвастнуть, что весь сегодняшний день я имел удовольствие работать с Google Wave. Это мессенджер нового поколения, сочетающий в себе черты почты, блога и инстант-мессенджеров. Это, должен вам доложить, полный восторг. Кому интересно, идем смотреть на Ютьюб, вот версия с русскими субтитрами — http://www.youtube.com/watch?v=v_UyVmITiYQ; кому не хочется ждать загрузки на Ютьюбе, вот ссылка на Яндекс.Файлы — http://narod.ru/disk/14199092000/Google%20Wave.rar.html. Пока что приглашения достать сложно. Но скоро это будет везде. Потому что всякие там аськи отдыхают, сосут и нервно курят одновременно. (Жаль, что Гугл мне не приплачивает за подобные отзывы.)

Интервью с Якобом Нильсеном, часть первая

Это первая часть перевода интервью, опубликованного на Вебдизайн депо в сентябре. Кто такой Якоб Нильсен? Ну давно-давно, лет семь назад у нас в России вышла его книга «Анализ удобства использования 50 веб-узлов» в соавторстве с Мари Тахир. Потом была его книга «Веб-дизайн». Беленькая такая. А может сначала был «Веб-дизайн», не помню.

Да и неважно это, в каком там порядке издавались в России его книги. Важно, что он один из известнейших в мире юзабилити-экспертов, который написал чертову тучу заметок по удобству пользования сайтов на своем сайте useit.com.

Улучшаем поля ввода пароля

Всем привет!

Сегодня мы поговорим о возможных улучшениях поля ввода паролей на сайтах. Дело в том, что вводя пароль, вместо вводимых символов мы видим только звездочки и поэтому часто ошибаемся (если только вы не мастер слепого метода печати). Согласитесь, что это не очень хорошо.

Именно поэтому я решил сделать плагин для jQuery, который бы как-то показывал вводимые символы. В этой статье вас ждет мое решение с выводом вводимого символа справа от поля ввода пароля и решение от Криса Койера, автора сайта «Трюки CSS» в стиле айфоновского ввода паролей.

«Хлебные крошки» на jQuery

Привет!

Знаете что называют «хлебными крошками»? Это вид вспомогательной навигации, которая показывает вложенность текущего документа. Она очень удобна, если на вашем сайте есть глубокая вложенность страниц. Но такой вид навигации встречается не только на сайтах, но и в операционных системах (на картинке слева изображена маковская версия).

Так вот, сегодня мы рассмотрим плагин BreadCrumbs для jQuery, которые позволит нам сделать эти крошки более компактными (в случае, когда у вас более 5 вложенных страниц с длинными заголовками это очень актуально). Думаю, что разработчики плагина взяли идею как раз из Мак ОСи.

Прототипирование, основные позы

Салют. Кажется, пора вернутся к нашему разговору о прототипировании. Тема явно интересная, раз комментарии на первую статью приходят до сих пор.

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

Правильные ссылки

Думаю, что я не открою Америку, если скажу, что ссылки (гиперссылки) это основа веба. И именно с ссылками очень часто связано очень много проблем.

Каждый день я оказываюсь на сайтах, где мне приходиться напрягаться и искать, куда бы кликнуть, чтобы перейти на нужную мне страницу. Или, найдя наконец ссылку, я кликаю и с замиранием сердца жду, что же сделает мой браузер — откроет новое окно, вызовет какую-то функцию на текущей странице или еще что-нибудь.

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

Интервью с Ярославом Бирзул

Этим постом мы начинаем серию интервью на Временно.нет. Думаю, иногда стоит отвлекаться от кода, так ведь? Так что ждем в будущем еще несколько интервью с интересными людьми Рунета.

А сегодня мы разговариваем с Ярославом Бирзул, известным юзабилистом и дизайнером. Интервью получилось большое, но, надеюсь, интересное. Во всяком случаем мне было интересно ;-)

Тюнингуем диалоговые окна

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

И конечно же нам хорошо знакомы кнопки «Да», «Нет» и «Отмена» в этих диалоговых окнах. Кнопка «Да», в зависимости от контекста может означать «да, я согласен удалить этот файл» или «да, надо бы сохранить изменения». «Отмена» как правило означает отмену выхода из редактора.

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

Вроде бы все хорошо и привычно, но с точки зрения высшего смысла неправильно.

Предлагаю задуматься над видом диалоговых окон.