?

Log in

No account? Create an account

Предыдущая запись | Следующая запись

Якоб Нильсен

10 ГЛАВНЫХ ОШИБОК В ВЕБ-ДИЗАЙНЕ

По материалам исследований Якоба Нильсена (www.useit.com), май 1996 — май 1999 гг.

В мае 1996 года Якоб Нильсен опубликовал статью, сразу же ставшую классикой, — «10 главных ошибок в веб-дизайне». В течение трёх лет, казалось, ситуация могла бы и измениться — но нет. В 1999 году Нильсен, продолжающий всё это время работать над темой удобства пользования информацией в Интернете, пи­шет продолжение этой статьи.

10 главных ошибок в веб-дизайне. Год 1999

«В мае этого года я понял, что моя первая ста­тья на удивление актуальна сегодня, три года спустя. Об этом говорит 400 000 обращений к её тексту на моём сайте. В среднем её читают 17 000 раз в месяц. Даже если некоторые чита­ют эту статью несколько раз подряд, всё равно получается, что мои «10 ошибок» прочли око­ло 10 % людей, чьими усилиями в мире появились 5 миллионов сайтов», — говорит Нильсен.

Большинство ошибок, которые он описал в первой статье, до сих пор встречаются так часто, что стоило бы настоятельно рекомен­довать всем новичкам в веб-дизайне ознакомиться с этим материалом трёхлетней давно­сти. Так как же обстоит дело с этими ошибками в наши дни.

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



1. Фреймы. Серьёзность проблемы средняя

Фреймы уже не такая серьёзная проблема, как это было в 1995 или в 1996 годах — улуч­шились технологии браузеров. В 3-й версии Netscape зафиксировал кнопку Back (Назад), а так как никто больше не пользуется 1-й и 2-й версиями, то значит пользователь может осуществлять навигацию по сайтам с фрей­мами без особых помех. В 4-й версии решили проблему с распечаткой фрейма (хотя ещё нередко пользователи получают распечатку совсем не того вида, какого ожидали). Internet Explorer 5-й версии наконец-то решил проблему с закладками на страницах с фреймами. Однако фреймы мешают вос­пользоваться функцией Send URL (Отправить URL) и делают страницу более громоздкой и неудобной.

2. Использование новейших технологий. Очень серьёзная проблема

Пользователь, столкнувшись с примитивной ошибкой JavaScript, покинет ваш сайт немедленно. Стоит ли ему ломать голову над тем, как это работает, если есть ещё 5 миллионов дру­гих сайтов? Поэтому прежде чем использовать новые технологии в веб-дизайне, подумайте, они необходимы на вашей странице? Простая погоня за модой и нововведениями не имеет смысла.

3. Прокрутка текста и усложнённая анимация. Очень серьёзная проблема

С 1996 года этот недостаток лишь усугубился. Пользователи отождествляют такой дизайн с рекламой, которую они уже научились авто­матически игнорировать. Очень важно делать любые элементы навигации и содержания не­похожими на тот рекламный дизайн, который преобладает сейчас в Интернете. Пользовате­ли прекрасно распознают все, что не связано напрямую с темой ресурса, и заставить их прийти на ваш сайт вторично будет уже гораздо сложнее.

4. Нелогичные адреса (URL). Серьёзная проблема

Сегодня люди уделяют интернет-адресам меньше внимания, нежели три года назад. Большинство сайтов сейчас имеют хорошую навигационную поддержку, и пользователи полагаются при определении тематики сайта именно на неё, а не на адрес. Тем не менее, все каталоги (directories) и названия страниц должны быть связаны с тематикой и понятно названы, чтобы пользователь мог рассматривать сам URL как дополнительную помощь в навигации.

5. Исчезнувшие страницы (Ошибка 404). Серьёзность проблемы — средняя

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

6. Прокрутка навигационного блока. Малосущественная проблема

90 % пользователей не прокручивают навигационный блок, а выбирают не­сколько из видимых на первом экране опций. Это правило сейчас меняется, так как пользователи уже знают, что страницы можно прокручивать и что важная информация может находиться также «под» первой видимой на эк­ране частью сайта. Однако на всех сайтах наиболее часто используются те элементы навигации, которые расположены на первой странице. Особенно это заметно, если первые несколько ссылок навигационного блока описывают главную тематику сайта — пользователь, как правило, стремится найти нужную информацию, а не изучать оставшиеся ссылки, поэтому на остальные элементы навигации может даже не обратить внимания.

7. Малопонятная навигация по сайту. Серьёзная проблема

Встречается это не так уж часто, но если есть, то становится серьёзной проблемой. Люди уже привыкли к определённым канонам в дизайне и навигации: логотип, он же ссылка на начальную страницу, слева вверху; ясное указание на то, к какой части сайта относится данная страница и наличие ссылки на главную страницу этого раздела и т.д. Если такие базовые элементы навигации отсутствуют, пользователь может просто «заблудиться».

8. Нестандартные цвета ссылок. Серьёзная проблема

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

9. Устаревшая информация. Очень серьёзная проблема.

Чем дальше, тем хуже, так как множест­во сайтов, сходных по тематике с ва­шим, продолжают постоянно обнов­ляться и развиваться. Сейчас же, с разви­тием электронной торговли, особенно важно не потерять доверия посетите­лей, а показать им устаревшую инфор­мацию — верный способ дать понять, чего стоят ваш сайт и ваши услуги. Об­ратите внимание на то, что архивы и информация о старом товаре или про­дукте — как раз достоинство сайта, а не недостаток, и они очень сильно отлича­ются от устаревшей информации.

10. Медленная загрузка страницы. Очень серьёзная проблема

Несмотря на обещания многих гуру от интернет-технологий, эта проблема так пока и не решена. По всей видимо­сти, её нельзя будет решить до 2003 го­да, когда в нашем распоряжении будут высокопропускные каналы связи. Ко­нечным пользователям придётся ждать этого ещё лет 5, то есть приблизитель­но до 2008 года.

* * *

Таким образом, можно сделать сле­дующее заключение:

• Все ошибки веб-дизайна 1996 года можно назвать ошибками 1999 года.

• Девять из десяти ошибок причиняют серьёзные неудобства пользовате­лям. Их нужно обязательно избегать при создании своего веб-ресурса.

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

* * *

10 новых ошибок в веб-дизайне

Те десять ошибок, которые Нильсен впервые описал в 1996 году, остаются, как мы видим, практически неизменными на большинстве сайтов и в 1999-м. К сожалению, за эти три года число популярных ошибок только уве­личилось — новые веб-технологии и программные разработки принесли с собой немало новых огрехов в созда­нии удобных, правильно оформлен­ных веб-ресурсов. Далее перечислены наихудшие.

1. Сбой или замедление работы кнопки Back (Назад)

Для пользователя кнопка Back (Назад) — жизненно необходимый элемент навигации и, кстати, второй по частоте использования (на первом месте — гиперссылки). Пользователь уверен, что, куда бы он ни забрёл в поисках информации, кнопка Back всегда по­может ему вернуться на известную территорию или просто на пару стра­ниц назад.

Это так и есть, если, конечно, разра­ботчики не допустили одну из попу­лярных ошибок современного веб-ди­зайна:

• появление нового окна браузера (см. Ошибку № 2);

использование моментального перенаправления запроса — каждый раз, когда пользователь нажимает на Back, он попадает на страницу, с ко­торой его в ту же секунду пересыла­ют обратно — на страницу, с кото­рой он пытается уйти;

• запрещение кэширования — каж­дый раз при нажатии на кнопку Back происходит новый запрос сервера, что усложняет навигацию по сайту и увеличивает время ожидания.

2. Появление новых окон браузера

«Когда на экране появляются новые ок­на, которых я не просил открывать, мне сразу приходит в голову продавец пылесосов, который, войдя в дом, вываливает на ковёр пепельницу, а потом успешно убирает мусор. Так вот — не надо засорять мне экран, особенно учитывая то, как убого управляется с окнами самая популярная операцион­ная система! Если мне нужно будет но­вое окно браузера, я сам его открою», — пишет Нильсен.

Зачастую дизайнеры хотят так удер­жать пользователя на сайте. Однако та­ким образом это сделать ещё труднее — большая часть пользователей имеет маленькие мониторы, на которых все окна максимизированы, так что они иногда могут просто не заметить, что открылось ещё одно окно. Кроме того, как правило, пользователь исследует сайт, нажимая на кнопку Back. В новом окне его может смутить дезактивированный Back, и он просто закроет окно вместо того, чтобы разбираться, почему ему не дают вернуться на предыду­щую страницу обычным способом.

3. Нестандартное использование графических элементов управления

Постоянство — основа удобства сайта. Когда элементы интерфейса ведут себя одинаково, пользователю не прихо­дится гадать, что произойдет, если он нажмёт вот эту кнопку или ссылку. У него есть уверенность, что этот кон­кретный элемент ведёт себя именно так, как пользователю известно из предыдущего опыта. Вы отпускаете яблоко над сэром Исааком Ньютоном, и оно благополучно падает на его голову. И никаких неожиданностей!

Чем полнее оправдываются ожида­ния пользователя, тем лучше. Он будет чувствовать себя уверенней, и ваш сайт понравится ему ещё больше. С другой стороны, необычно работающая сис­тема внушает пользователю неоправданную осторожность и не­уверенность. Вот я сейчас отпущу это яблоко, а оно превратится в апельсин и улетит в небеса!

Постоянство действий — ещё одна причина, по которой не стоит откры­вать новые окна в браузере. Стандарт­ное следствие нажатия на гиперссыл­ку — появление новой страницы в том же окне браузера. Любой другой ре­зультат не оправдывает ожиданий пользователя, а значит, заставляет его усомниться в своей способности рабо­тать в Интернете.

В настоящий момент больше всего закон постоянства любят нарушать при использовании графических эле­ментов управления — например, кно­пок-селекторов и флажков (radio but­tons и checkboxes). Правильная работа этих элементов описана в Стандартах пользовательского интерфейса (Windows UI Standard, Macintosh UI Standard, Java UI Standard). Каким из трёх основных стандартов воспользуетесь вы, зависит от того, какая операционная система является основной для большинства ваших пользователей. Скорее всего, это Windows. Впрочем, больших различий между ними, по крайней мере, в работе основных эле­ментов интерфейса, нет.

Например, по правилам действия кнопок-селекторов (radio buttons), нужно выбрать одну из нескольких пред­ложенных опций, однако никаких изменений не происходит, пока пользователь не нажмёт кнопку OK, подтверждая свой выбор. К сожалению, я нередко встречал сайты, на которых действие происходило сразу после вы­бора опции. При всей своей кажущейся незначительности именно такие нарушения правил работы элементов пользовательского интерфейса затрудняют работу с Интернетом.

4. Скудость сведений об авторах

Из результатов первых исследований Веба в 1994 году следовало, что пользо­вателю интересно, кто стоит за инфор­мацией, представленной в Интернете. Так, например, фотографии и биогра­фии авторов сайта могут существенно поднять рейтинг ресурса и сделать Интернет менее безличной и непонятной средой, увеличить доверие к информации. Показывая пользователю конкретную личность и её мнение, вы окажетесь в более выигрышном положении, чем те, кто предпочитает давать анонимную информацию.

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

Также плохо, когда вместо ссылок на работы и биографию имя автора стано­вится ссылкой на его, автора, электрон­ную почту (mailto: autor@server.com):

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

• во-вторых, это опять нарушает при­нятые в Интернете стандарты — когда вы щёлкаете мышкой на имени-ссылке, вы ожидаете увидеть новую страницу с информацией об авторе. Вместо этого вам предлагается тут же написать ему письмо. Такие ссылки существенно уменьшают удобства ресурса, так как делают Internet менее предсказуемым.

5. Отсутствие архивов

Старая информация — не значит плохая. Читателям она может оказаться полезной. Даже если новая информация оказывается гораздо полезней, у старой информации тоже найдётся свой потребитель. Нильсен подсчитал, что поддержка архивных данных на сервере увеличивает расходы по поддержке сервера приблизительно на 10 %, а полезность и посещаемость ресурса возрастают при этом на все 50 %.

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

6. Переадресовка страниц

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

7. Заголовки, не связанные с контекстом

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

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

• дать понять пользователю, какая информация ждёт его за этой ссылкой, так, чтобы ему не приходилось строить догадки;

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

8. Последний писк интернет-моды

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

Push-каналы, создание community-сайта, chat, бесплатный e-mail, трёхмерные карты сайта, аукционы — список можно было бы продолжить…

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

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

9. Слишком долгое время ответа сервера

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

Изначально основной причиной медленной загрузки страниц было чрезмерное увлечение графикой. Многие сайты перегружены графикой и приложениями (апплетами), тогда как те же самые эффекты могли быть достигнуты при помощи DHTML или даже простого HTML. Именно поэтому Нильсен продолжает повторять всем: «Уменьшайте время загрузки сервера!»

С увеличением количества разнообразных программных приложений, основанных на веб-технологиях, развитием электронной коммерции и т.п. возникла необходимость настраивать каждую страницу сервера под запрос каждого пользователя. В результате длительная загрузка сервера может объясняться не только пропускными способностями канала, но и тем, как именно он реализован. Иногда конструкция страницы предусматривает об­ращения к базе данных, находящейся на удалённом сервере, или к back-end-фреймам, что дополнительно увеличивает время загрузки.

Пользователям нет дела до причины медленной работы сайта. Всё, что они отмечают, — это плохая работа серве­ра. Медленная загрузка всегда приво­дит к уменьшению посещаемости сер­вера и снижению доверия пользовате­лей. Вместо того, чтобы ждать появле­ния информации, они, разочаровав­шись в ваших услугах, будут искать ин­формацию в других источниках. Поэ­тому так важно не жалеть денег на бы­стрый сервер и специалиста, который проанализирует код и архитектуру сайта, поможет максимально уменьшить время загрузки страниц.

10. Всё, что напоминает рекламу…

В Интернете основным является так называемое выборочное внимание. Всё меньше внимания пользователи уделяют разнообразным рекламным объявлениям, CTR (Click Trough Rate) баннеров упал в Америке по сравне­нию с прошлым годом почти на 50 %, а реклама в Интернете работает из рук вон плохо.

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

• баннерная слепота — пользователи никогда не фиксируют взгляд на графическом элементе, который на­ходится на традиционном для баннера месте — вверху или внизу страницы;

• запрет на анимацию — пользователи избегают смотреть на мигающий, движущийся текст или другую агрессивную анимацию;

• нелюбовь к выпадающим окнам браузера — пользователи закрывают выпадающие окна ещё до того, как они полностью загрузились.

«Я не хочу сказать, что такой приём нужно запретить. Возможно, стоит по­думать, нет ли альтернативного реше­ния размещения информации специ­ально для пользователей, которые пока ещё ни разу не дожидались появления выпадающего окна», — эти слова Якоба Нильсена объясняют не только путь решения проблемы нелюбви к вновь и вновь возникающим новым окнам браузера. Задумываться о возможности альтернативного решения стоит всегда, и в этом случае, возможно, ни один специалист не найдёт на вашем сайте ни одной ошибки, а пользователи бу­дут к вам возвращаться снова и снова.

Александра Максимова, sashka@itcenter.ru.

Источники:

1. Максимова, Александра. 10 главных ошибок в веб-дизайне. По материалам исследований Якоба Нильсена [Текст] : [сайтостроительство] / А. Максимова //
Мир Internet. 2000. № 1. С. 54—57.



Читатель всегда прав / Береги читателей смолоду

Comments

( 2 комментария — Оставить комментарий )
bibliobee
17 июн, 2012 19:59 (UTC)
Постулаты достаточно известные.
mozgotron
17 июн, 2012 20:31 (UTC)
Да, большинство из нас выросли из этих штанишек. Но так умилительно было читать, что припас на память. Из журнала, который у нас в библиотеке безжалостно был списан на макулатуру.
( 2 комментария — Оставить комментарий )

Календарь

Сентябрь 2015
Вс Пн Вт Ср Чт Пт Сб
  12345
6789101112
13141516171819
20212223242526
27282930   

Рубрики ББК

Содержание

Разработано LiveJournal.com
Designed by Lilia Ahner