Я заядлый серфер, и был в течение нескольких лет. Тем не менее, после всего этого времени я все еще удивляюсь тому, что те же самые грубые ошибки юзабилити повторяются на больших, совершенно новых сайтах. Хотя использование технологии могло измениться, проблемы с пользовательским интерфейсом и дизайном функциональности остаются.
Хотя это может помочь, технологии не обязательно спасут Интернет от хаоса. Но технология не обязана: все, что нужно для того, чтобы избежать отчуждения аудитории вашего сайта, — это немного здравого смысла и пристальное внимание к деталям.
Из пунктов, которые я представлю ниже, вы увидите, что нам еще предстоит пройти долгий путь, прежде чем мы добьемся приятного и полезного Интернета. То, что представлено здесь, не является работой веб-разработчика или дизайнера. Хотя я программист, именно реакция типичных нетехнических веб-пользователей позволила мне составить список советов по простоте использования.
Я знаю, что многие люди видят слово «юзабилити» и начинают зевать. Но когда вы читаете об этих крупных сайтах и об их слишком очевидных ошибках, спросите себя: насколько хорошо ваш сайт складывается?
Ошибка № 1 — Нет страниц для печати
Виновная сторона
Если вы похожи на меня, у вас не всегда есть время, чтобы прочитать все, что вы хотите в Интернете. Возможно, вам трудно читать огромные блоки текста на экране. Вот где печать становится действительно ценной.
Считаете, что страницы для печати очевидны Посмотрите на About.com . Если вы попытаетесь распечатать с этого сайта статью, опубликованную в определенном руководстве, вы напечатаете не только статью, но и каждую ссылку и объявление на странице. Это также означает, что статья будет напечатана в узком столбце, создавая больше страниц, чем необходимо.
Это действительно раздражает, не говоря уже о трате времени и бумаги, пытаться напечатать содержимое страницы или фрейма только для того, чтобы обнаружить, что вам приходится делать это несколько раз с разными настройками принтера, чтобы избежать усеченных строк. Удобная для печати страница также является средством удаления ненужной информации, такой как баннеры или навигационные ссылки, с печатной страницы.
Определите каждую страницу на вашем сайте, которая предлагает ценную информацию, которую пользователи могут захотеть прочитать, когда они не подключены. На каждой из этих страниц укажите ссылку на страницу для печати или, в зависимости от информации, копию содержимого в виде загружаемого файла .PDF. Легко!
Ошибка № 2 — неудачная локализация
Виновная сторона — OpenOffice.org
Взгляните на OpenOffice.org . На этом сайте локализованная поддержка доступна на нескольких языках, но содержание каждого из них отличается от того, которое отображается на оригинальном английском сайте. Вы также получаете сайт на двух языках одновременно: ссылки слева отображаются на английском языке, а остальная часть страницы отображается на выбранном языке справа.
Мораль истории? Обеспечить правильное и полное содержание на всех поддерживаемых языках сайта. В противном случае лучше вообще не предоставлять локализованную поддержку. Если пользователи узнают о различиях между различными локализованными версиями ваших страниц, они могут поставить под сомнение ценность вашего сайта и уважение, которое вы оказываете каждой аудитории, не говоря уже о профессионализме вашего бизнеса!
Ошибка № 3 — всплывающие окна и летающие баннеры
Виновная сторона — Быстрая Компания
Всплывающие окна и летающие баннеры являются одними из самых раздражающих элементов, которые вы можете встроить в веб-сайт — и это не только мое мнение! Так почему же крупные сайты все еще используют их?
Рассмотрим Fast Company . Когда вы заходите на сайт, автоматически появляется всплывающее окно с рекламой. Это раздражает, потому что для пользователя это объявление — просто еще одно окно, отображающее бесполезный контент, в то время как на главной странице уже более чем достаточно рекламы.
Поэтому избегайте всплывающих окон и изгоняйте те летающие баннеры, которые плавают над контентом вашего сайта и которые пользователи должны закрыть, чтобы иметь возможность читать ваш контент.
Ошибка № 4 — «В стадии строительства»
Виновная сторона — Mobil Oil Canada
Сайт Mobil Oil Canada предоставляет некоторую информацию о компании и даже дает пользователям возможность зарегистрироваться в списке рассылки. Тем не менее, в нем четко указано «В разработке» и отображаются будущие ссылки на другие части сайта.
Что еще хуже, если вы зайдете на основной сайт Mobil и выберете «Канада» в поле «Найти страну», вы будете перенаправлены на совершенно другой сайт по другому адресу. Это не только сбивает с толку пользователей, но и крайне непрофессионально.
Если сайт находится в стадии разработки, не говорите это. Вместо этого предоставьте основную страницу с соответствующей информацией, представляющей вашу компанию, или образец будущего контента, или приглашение вернуться на сайт в определенную дату. Вы также можете предоставить посетителям возможность зарегистрироваться в списке рассылки, который будет уведомлять пользователей о готовности сайта.
Теперь, если только один раздел сайта находится в стадии разработки, не предоставляйте к нему доступ и не предоставляйте ссылки на эту область. Просто подождите, пока новый раздел не будет завершен, и объявите о его открытии.
Ошибка № 5 — несколько окон для одного сайта
Виновная сторона — Microsoft Hotmail
Хотя теперь считается нормальным открывать новое окно, когда пользователь получает доступ к контенту на другом сайте (это указывает на то, что он покинул ваш сайт для другого), не открывайте новые окна для контента, который появляется на вашем сайте, и что пользователь получает доступ с вашего сайта.
Microsoft Hotmail открывает новые сайты в своих рамках. Когда вы нажимаете на ссылку в электронном письме, целевой сайт открывается в другом рамочном окне. Теперь посмотрите на адресную строку в этом новом окне: странно выглядящий адрес — это то, что будет использоваться, если вы добавите сайт в закладки из этого дополнительного окна.
Это действительно может стать раздражающим. Лучше всего, конечно, всегда оставаться в одном и том же окне при переходе пользователей на другой контент на вашем сайте. В противном случае они могут запутаться или расстроиться, поскольку постоянное появление новых окон увеличивает количество манипуляций, необходимых для навигации по сайту.
Следствие этому: не открывайте страницу на внешнем сайте в рамке. Опять же, пользователь вполне может запутаться, но в дополнение к этому, открытие других сайтов в вашем собственном фрейме затрудняет пользователям добавление этой внешней страницы в закладки с чистым адресом.
Ошибка № 6 — неработающие ссылки
Виновная партия — журнал enRoute
Если вы зайдете в журнал enRoute , то обнаружите, что некоторые ссылки в архивах не работают. Например, выберите выпуск за ноябрь 2001 года и нажмите одну из ссылок «еще >>»: вы получите сообщение об ошибке «Файл не найден», что недостаточно для среднего пользователя. Это не дает им альтернативного способа поиска информации и даже не позволяет владельцу сайта узнать, что ссылка не работает.
Учитесь на своих ошибках! Дважды проверьте каждую ссылку на каждой странице вашего сайта. Это заставляет вас выглядеть непрофессионально, если пользователи нажимают на ваши ссылки и быстро получают сообщение об ошибке, потому что страницы больше нет или ссылка не работает.
Если это ссылка на вашем сайте, по крайней мере, предоставьте страницу с адекватным объяснением проблемы. А если вы предоставляете ссылки на внешний контент, предоставьте пользователю средство для сообщения о неработающих ссылках.
Ошибка № 7 — Несоответствие между страницами
The Guilty Party — Сеть разработчиков Borland
Вы можете подумать, что дни нескольких шаблонов дизайна на одном сайте давно прошли. Подумай еще раз!
Сеть разработчиков Borland становится жертвой этой самой ошибки. Посмотрите на ссылки, которые появляются под логотипом Borland Developer Network и на панели Soapbox слева. Теперь нажмите на ссылку «Поиск» и сравните две страницы: вы не видите одинаковые ссылки. Это бессвязно и может привести к путанице среди пользователей.
Будьте уверены, чтобы обеспечить общий вид каждой страницы на вашем сайте. Не меняйте макет только на определенных страницах или разделах. Это сделает ваш сайт похожим на незавершенную работу и запутает пользователя.
Грубые ошибки юзабилити — Итог
Вся информация, представленная в этой статье, должна быть второстепенной для большинства веб-дизайнеров. Однако, как видно из примеров сайтов, обсуждаемых здесь, слишком просто позволить этим простым моментам забраться в долгий процесс разработки …
Суть в том, что важно понимать и уважать вашу аудиторию. Если вы этого не сделаете и не поможете им достичь своих целей по использованию вашего сайта, они могут перестать рассматривать Интернет как средство выбора информации. Или, что более вероятно, они перейдут на более удобный сайт одного из ваших конкурентов.