5 юзабилити кошмаров на каждый день

Евгений, 12 августа 2009

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

1. Прозрачный фон до загрузки картинки

Пример тут не самый подходящий, но специально искать не хотелось.

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

Решение: проверяйте отображение сайта при отключенных изображениях, текст должен оставаться читабельным.

2. Подмена кнопки в плеере youtube

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

Решение: избегайте неожиданных перемещений элементов интерфейса и появления новых элементов на месте старых.

3. Не исчезающие пояснения в полях

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


http://onegadget.ru/3


http://zt9.ru/4


http://coolidea.ru/5

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

4. Загрузка программ с сайта Adobe

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

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

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

5. Ввод даты рождения в LiveJournal

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

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

юзабилити кошмаров на каждый день

Евгений, 12 августа 2009

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

1. Прозрачный фон до загрузки картинки

Пример тут не самый подходящий, но специально искать не хотелось.

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

Решение: проверяйте отображение сайта при отключенных изображениях, текст должен оставаться читабельным.

2. Подмена кнопки в плеере youtube

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

Решение: избегайте неожиданных перемещений элементов интерфейса и появления новых элементов на месте старых.

3. Не исчезающие пояснения в полях

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


http://onegadget.ru/3


http://zt9.ru/4


http://coolidea.ru/5

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

4. Загрузка программ с сайта Adobe

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

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

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

5. Ввод даты рождения в LiveJournal

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

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