Обычное удобство использования веб-приложений? [закрыто]

Каковы некоторые распространенные ошибки в отношении удобства использования веб-приложений?

74 голоса | спросил 3 revs, 3 users 100%
tobeannounced
1 Jam1000000amThu, 01 Jan 1970 03:00:00 +030070 1970, 03:00:00

30 ответов


80

Выпадающие меню CSS /Javascript, которые не имеют заданной задержки, поэтому вы испытываете «диагональную проблему» (через Якоб Нильсен )

alt text

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
73

Плохая конструкция проверки формы.

Я ненавижу его , когда я отправляю форму, которая не выполняет проверку, и приложение выполняет одно из следующих действий:

  • Поля являются BLANK, когда форма перезагружается. Это случилось со мной, когда вы подписались на веб-приложение на своем iPhone. Я был зол на рояль, потому что было более 8 полей.
  • Отображает только одну ошибку проверки для каждой формы.
  • Не отображается сводка ошибок в верхней части формы.
  • Не визуально выделяет недопустимые полевые входы.
ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
73

Не помещать интерактивные ярлыки на флажках и другие поля формы.

Это так просто . См. Тег HTML <label> .

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
54

Плохая конструкция, когда дело касается кнопок Первичного и Вторичного действия в формах.

http://www.lukew.com/resources/articles/psactions.asp

alt text

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
51

Пользователи используют back & кнопки вперед в своем браузере (или на их мыши). И они также используют кнопку обновления. Поэтому будьте осторожны с сообщениями о форме на своем веб-сайте.

Никто не любит это ...

введите здесь описание изображения>> </p>

<p> Это диалоговое окно появляется при обновлении страницы, на которую отправляются данные. К счастью, этого можно избежать, если возможно, <a href= method = "get" , или method = «пост» следует немедленно при необходимости перенаправлять. Если вы должны использовать сообщение по длине или причинам безопасности, перенаправление должно перейти на другой URL-адрес, чем действие формы, чтобы избежать этого сообщения.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
42

Ссылки на JavaScript. . Вы не можете посещать новую вкладку для javascript:loadPage(34576).

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
36

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

Примеры:

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

Предоставление этой информации обязательно - это лучший способ получить действительно загрязненную базу данных, полную «манекена», «[email protected]» и т. д., потому что большинство людей не любят предоставлять такую ​​информацию, когда это не так необходимо.

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

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
29

target = "_ blank" на якорях является одним из самых распространенных, и тот, которого я больше всего ненавижу. Однако есть некоторые случаи, которые, на мой взгляд, имеют смысл.

Вот довольно известный список 10 лучших ошибок в веб-дизайне: http://www.useit.com/alertbox/9605.html

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
29

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

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
25

Заставляя меня охотиться за "забыл пароль?" ссылку, а затем, как только я нажму на нее, посылая мне мой пароль в явном 1 , как только найду его. Наш дорогой Джефф Этвуд хорошо справился с этим в « Возможно, вы храните пароли Некорректно "

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

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
22

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

В идеале вам нужен раздел «Учетная запись» или что-то подобное, и на этой странице, кроме всего остального, что вы там хотите, четко обозначенная ссылка или кнопка, которая говорит «закрыть мою учетную запись». Вы можете следить за ним со страницы, которая спрашивает пользователей, почему они уходят, или предлагает им дать обратную связь, но все эти вещи должны быть дезориентированы по сравнению с фактическим «закрытием моей учетной записи» (или удалить, удалить и т. Д.), Вызвать действие .

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
22

Использование флажков в качестве радиоблоков и наоборот.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
21
  • Поля со строгой проверкой. Например, если вы набрали почтовый индекс и «V5X4O4» работает, но «V5X 4O4» не делает.

  • Иконки без текстовой метки или заголовка (при наведении или нет).

  • Если заголовок усечен, я думаю, вы должны увидеть всплывающую подсказку с полным заголовком при наведении.

  • Когда важные кнопки запутываются от конечных пользователей в пользу рекламы или рекламных материалов. Подумайте о кнопке «Продолжить без учетной записи» в PayPal.

    • АУДИО, КОТОРЫЙ ИГРАЕТ БЕЗ РАЗРЕШЕНИЯ! Lol - также кнопка без звука.
ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
18

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

Я могу внести одну вещь, которую я неоднократно видел:

Формы, имеющие кнопку «Очистить все».

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

Я не вижу никакой причины для «четкой» кнопки, но если вы абсолютно настаиваете, тогда просто используйте очень тонкую ссылку, позволяя просто одно простое и очевидное действие для пользователя.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
18

Невозможно ухудшить ваш сайт при отключении JavaScript.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
16

Быть «креативным» и подбирать панель поиска за вкладкой /ссылкой /и т. д. Если вы предлагаете поиск, просто сделайте коробку доступной, вместо того, чтобы охотиться за ней!

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
16

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

Некоторые примеры, где это не нужно:

  • загрузка файлов (сколько веб-сайта «code» просит вас зарегистрироваться, чтобы вы могли скачать образец файла?)
  • поиск (да, некоторые форумы отключают поиск для незарегистрированных пользователей)
  • доступ к статье (когда ее доступ свободен)
  • ...
ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
16

Сайты с плавающими барами состояния

Такие, как Meebo Bar . Они являются неприятными и редко обеспечивают полезную функциональность. Они занимают ненужное пространство и всплывают отвлекающие воздушные шары.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
14

Моя самая большая домашняя страница - это сайты, которые по одной причине или многим не поддерживают плюсовые знаки в адресах электронной почты . В большинстве случаев веб-сайты не будут проверять адрес электронной почты с «+» до «@». Хуже всего то, когда сайт принимает адрес, но затем не убегает и /или не сохраняет данные правильно, либо пытается отправить электронную почту на адрес с пространством в нем или двумя сторонами «+», разбитыми вместе .

Этот бесплатный валидатор, написанный на PHP , якобы следует за всеми RFC и связанными с ними ошибками.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
12

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

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
12

Веб-приложения, которые работают на безопасном HTTPS-подключении, но загружают контент из HTTP-соединения. С одной стороны, это совершенно нормально, но для пользователей IE, в частности (не меня, как правило), предупреждение о безопасности неудобно и запутывает пользователей ...

Не только очень усугубляет отклонение на каждой странице, но формулировка неудобна, и действие кнопки отличается для IE (6 и 7) по сравнению с IE8 +

Старый диалог IE:

alt text

Новый диалог IE:

alt text

Итак, если в качестве пользователя вы просто хотите загрузить полную страницу (например, вы ищете кнопку «уйти») ... это по умолчанию Да в IE6 и amp ; IE7, но не default No в IE8 +.

Примечание. Я полностью осознаю как разработчик, в чем заключается цель диалога, и даже почему Microsoft изменила его, но для конечных пользователей это просто смущает их, особенно в IE8. Конечные пользователи видят диалоговое окно с запросом «разрешения», «подтверждения» и т. Д. И ожидают нажатия кнопки «ok» или «yes», потому что они не читают диалоговое окно. Можно утверждать, что пользователи должны его прочитать, но это просто проще, если разработчики гарантируют, что у них не будет смешанного контента, если его вообще можно избежать.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
11

Недавно я заметил, что я никогда не рассматривал проблему юзабилити:

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

Это просто не работает на сенсорных устройствах вообще. Там нет зависания!

Еще одно мое домашнее животное - это сайты, которые не открывают внешние ссылки на новой вкладке. Послушай, я смотрю на дерево. Я ожидаю, что каждый домен, на котором я нахожусь, будет представлять ветку, когда я закончил с этим, я закрою вкладку. Я, конечно, не хочу щелкать «назад» десять раз, чтобы путешествовать по ветке.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
11

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

Примером может служить поддержка клиентов. Вместо того, чтобы перечислять большую жирную коробку с номером телефона /почтой и т. Д., Некоторые компании показывают FAQ как средство получения справки и не имеют контактной информации на этой странице.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
11

Многие сайты не используют разные цвета для посещенных ссылок .

Якоб Нильсен: Изменить цвет посещенных ссылок

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
8

Сайты, которые имеют структуры меню, которые «плавают» вверх и вниз по обе стороны экрана при прокрутке. Я могу понять, почему они это сделали, но это часто очень отвлекает и чаще всего не так гладко, как надеялся дизайнер.

Пример, на который я ссылаюсь, можно увидеть здесь: http: //www.deluxe-menu /сплавной-меню sample.html .com

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
8

Сайты QA, которые отображают принятый ответ дважды.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
6

A List Apart имеет статью Азы Раскина: «Никогда не используйте предупреждение, когда вы означаете« Отменить ».

http://www.alistapart.com/articles/neveruseawarning/

Пользователи склонны игнорировать всплывающие окна предупреждения, но предлагая пользователю возможность «отменить» много более удобный.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
5

CAPTCHAs

хотя они довольно популярны в наши дни, они также считаются проблемой доступности, особенно для людей, которые не могут распознать слова, которые они не знают (или даже не имеют специальных символов, таких как ýáÄ> ÃÄ их клавиатура)

лично я скорее использую простые рациональные вопросы для обслуживания этой функции

пример: напишите следующее целое число, которое появляется после числа одиннадцать.

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
4

Сайты, которые используют множество процессоров и памяти

У меня обычно есть куча вкладок, открытых с программированием вопросов /ответов из разных списков рассылки, и на многих из этих сайтов происходит тяжелый javascript (установка adblock помогла, но все еще есть тяжелые сайты). С Chrome я могу, наконец, увидеть, какие вкладки вызывают это.

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

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57
3

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

ответил mencina 13 ThuEurope/Moscow2012-12-13T06:19:57+04:00Europe/Moscow12bEurope/MoscowThu, 13 Dec 2012 06:19:57 +0400 2012, 06:19:57

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132