5 юзабилити кошмаров на каждый день
Евгений, 12 августа 2009
Некоторые из приведенных в статье проблем встречаются практически каждый день, другие реже, но все равно успевают запомниться. Этот список — продолжение статей 10 отборных юзабилити кошмаров и 15 раздражающих читателя особенностей сайта, но уже на собственных впечатлениях.
1. Прозрачный фон до загрузки картинки
Пример тут не самый подходящий, но специально искать не хотелось.

Такая верстка встречается достаточно часто, самый распространенный пример: внешний фон сайта темный, а фон колонки с текстом светлый и сделан картинкой, в результате пока она загружается, пользователь видит абсолютно не читабельный темный текст на темном фоне.
Решение: проверяйте отображение сайта при отключенных изображениях, текст должен оставаться читабельным.
2. Подмена кнопки в плеере youtube
После запуска ролика, я часто выключаю звук, действие доведено до автоматизма: клик на Play и сразу клик на звук, к сожалению, после того как появилась возможность переключиться на HQ, этот порядок уже не работает, потому что на месте кнопки выключающей звук успевает появиться кнопка HQ, на которую и приходится второй клик.

Решение: избегайте неожиданных перемещений элементов интерфейса и появления новых элементов на месте старых.
3. Не исчезающие пояснения в полях
Когда место для формы ограничено, метки к полям выводят внутри самих полей, при этом важно не забыть очистить поле при получении им фокуса, иначе эту работу придется делать пользователю. Реализовать это не сложно, но часто оказывается, что в скрипте ошибка, а разработчик даже не пытался проверить его работу.
Решение: чтобы полностью исключить такую проблему, никогда не вводите текст приглашения непосредственно в поле, используйте технику описанную в статье о компактных формах.
4. Загрузка программ с сайта Adobe
Решение несуществующих проблем создает реальные проблемы, хороший пример, менеджер загрузки на сайте Adobe, создает сразу несколько проблем: непривычность такого способа загрузки, дополнительные вопросы о том куда сохранять загружаемый файл (менеджер загрузок и браузер наверняка знают куда пользователь предпочитает сохранять файлы), недоработанность (так и не справился с загрузкой 1Гб с двух попыток).

В большинстве браузеров есть встроенный менеджер загрузок, у многих пользователей установлен отдельный менеджер загрузок, который хорошо знает свое дело, даже если такового нет проще его поставить чем бороться с сомнительной поделкой, как минимум пользователь должен иметь возможность выполнить действие стандартными средствами.
Решение: не решайте проблемы которых нет, конечно, это касается не только загрузки файлов, но и таких популярных в прошлом элементов как кнопка «Добавить в избранное», «Сделать стартовой», переопределения горячих клавиш, например, Ctrl+Home для перехода на главную (проблема в том, что многие привыкли использовать это сочетание чтобы перематывать документ к началу).
5. Ввод даты рождения в LiveJournal
Поле ввода даты рождения, в лучшем случае не очень привычно для русского человека, а в худшем случае заставляет призадуматься, вариантов тут не так уж много и правильное решение быстро найдут даже те кто совсем не знаком с таким форматом даты, тем не менее, непривычных пользователю форматов данных следует избегать.

Решение: при локализации приложений нужно помнить не только о переводе текста, но и о локальных форматах.




Я могу назвать ещё две анти-удобных фишки, c которой мне приходилось сталкиваться на работе:
1. В полях, где надо было вводить дату, стоял фильтр на запятую (её нельзя ввести), постоянно приходилось переключаться с русской раскладки на английскую, что сильно слегка замедляло работу и раздражало. Вместо этого можно было бы сделать авто-замену запятой на точку.
2. Обычные на вид ссылки, на них надо было нажимать ЛКМ, чтобы появились новые опции, причём если их оставить пустыми, то при нажатии на «сохранить» данные… не сохранялись. Ссылки эти были обозначены как обычные, поэтому долго пришлось соображать, пока случайно не нажал на одну из них.
Такой же Java-загрузчик используется на сайте Microsoft для загрузки Windows 7. Действительно жуткая штуковина.
Я думал Adobe отличился, а эта штука оказывается входит в моду.
Почему-то мне кажется, что люди качающие Win7 и продукты Adobe, либо уже определились с тем как загружать, либо легко это сделают при первой же необходимости. Если уж так хочется использовать эту штуку то можно сделать две ссылки: «Загрузить», «Загрузить с докачкой» (в общем, как-то так).
Видимо считается, что людям, качающим Win7 и Ппродукты Adobe, нужен wow-эффект :)
Просто они любят отрицать очевидные технологии, но не своего производства: я про торренты, установлены они кстати уже у многих, а если и нет, то зачем ставить "велосипед" -- качнули торрент и нет проблем.
Согласен, затрахался я скачивать WS под Ubuntu, в итоге через Torrent оказалось в сто раз проще.
Кстати, «неисчезающие» подсказки в полях формы достаточно распространенное явление.
Зачастую, веб-мастера придумывают прикольные фразы, которые должны стимулировать пользователя ввести, например, email для подписки. Но не все пользователи используют backspace перед вводом :)
Точно.
Я сразу хотел взять пример с сайта MS, но там баг быстро исправили, пришлось искать новые примеры, как оказалось это не сложно, посмотрел 30-40 первых блогов рейтинга http://blograte.ru/ и получил 3 примера, а когда не ищешь так они вообще на каждом шагу встречаются.
В готовом шаблоне веб-мастер часто меняет только саму фразу, забывая о том, что скрипт убирает именно старую фразу.
Ну так самый цимес не в том, что скриптом не убирают надпись, а в том, что очень многие ходят по сети с отключенными скриптами. Оно и безопасней, и сайты быстрей грузятся, и рекламы меньше наблюдается.
Еще стоит отметить криво прописанные tabstop'ы, когда после первого поля идет 4-е, потом 2-е и 3-е. У веб разработчиков нужно на часок отнимать мышку, чтобы они поняли вкусность табстопов.
У меня так же как написано в п. 3 http://www.tvoedelo.ru/holder.php
но я плохой писать, как это убирать?
Ввод даты рождения в LiveJournal как раз, вполне даже привычен. Но не для русскоязычного пользователя, а для американца: у них стандарт дат — Месяц, День Год.
А вот то, что не локализовали — это плохо, да.
(4) проблема такая же и загрузчик тот же для сайта http://www.asus.com Мы с админом запарились качать файлы, т.к. менеджер загрузок вылетал с ошибкой переполнения буфера.
А какой ваш любимый видео-хостинг?
Ладно, проблемы с юзабилити. Но когда в UI сайта написано "Ищите секретную информацию?", то это ИМХО еще хуже, чем когда подсказка в поле не убирается, сразу показывает "уровень".
Я при вводе дат всегда юзеру даю три выпадающих списка: день, месяц, год. Тогда вероятность ошибки уменьшается в разы. Но вообще согласен что амеры локализовали не до конца LiveJournal.
Если автор привёл примеры неюзабильных сайтов "гигантов", то что уже тогда говорить о рядовых сайтах?
Часто грешат даже блоги, которые сами пишут о юзабилити и прочих модных штучках.
На каждом сайте можно найти что-то неюзабильное.. вопрос только в какой степени оно будет неудобно..
Адоб несомненный чемпион со своим менеджером загрузки
К счастью, качать что-то у Адоба приходится не каждый день, меня больше всего напрягает YouTube, со своей убегающей кнопкой звука.
По поводу пункта 3 - да-да, согласен, так делать нельзя.
Но, честно говоря, с самого начала не проверил, а до этого не замечал. Будем исправлять.
С пунктом 3 в том и дело, что владелец/разработчик не пользуется формами подписки или поиска, поэтому проблема остается незамеченной.
Значит спасибо вам за то, что заметили.
Уже исправили =))
Полностью согласен насчёт непривычных форматов даты. Просто хочется закрыть страницу и не регистрироваться.
Поэтому всегла говорю, что подписываться на собственную рассылку очень полезно. Много ошибок можно найти. Да и почитать себя со стороны?
Ссылку удалил, но что касается вашего совета, то вы абсолютно правы, обязательно нужно подписываться на все свои RSS и рассылки, чтобы видеть, что получает пользователь.
Не исчезающие пояснения в полях
Это раздражает больше всего!
А еще меня бесит автофокус на яндексе. Бывает, что страница грузится долго, а мне быстро надо в почту. Я кликаю на поле "Логин" и пока его ввожу, страница догружается и срабатывает автофокус, т.е курсор перескакивает в поле поискового запроса. Еще хуже, когда я успеваю ввести логин, табом переключаюсь в поле ввода пароля, начинаю его вводить (не глядя на экран) а кто-нибудь стоит рядом и палит как я вбиваю пароль в строку поиска.
Очень сильно раздражают мелочи. Это и то что в полях ввода не удаляются комментарии, как сказал автор, это и автофокус на поле вводе. Меня еще раздражает, как пользователя, когда при написании комментария нет редиректа к запощиному коменту, после такого желание дальнейшего комментировать отпадает сразу.
Я бы ещё сюда добавил огромное количество пунктов, касающихся заполнения форм. Например, сегодня наткнулся на сайт, на котором в поле "имя" нельзя было ввести меньше трёх букв. А с моим именем это довольно проблематично, знаете ли ))
RenaT, полностью с тобой солидарен :) И согласен на счет неудаляемых комменатриев в поле ввода... :)