этом документе

25‐ПАРАМЕТРОВ ВЭБ-САЙТА
ДЛЯ ОЦЕНКИ ЮЗАБИЛИТИ
Общие сведения
Документ представляет собой контрольный перечень, который поможет вам оценить
удобство использования вашего веб-сайта. Список разделен на примерно равные разделы:
(I)
Доступ,
(II)
Идентификация,
(III)
Управление и
(IV)
Наполнение.
Все пункты списка отмечены тремя базовыми оценками:
(1) Зеленая галочка = Хорошо/Засчитано,
(2) Красная галочка = Нуждается в доработке, но ничего страшного,
(3) Красный X = Плохо/Ошибка.
Не все изложенные пункты относятся ко всем сайтам.
.
25‐ПАРАМЕТРОВ ВЭБ-САЙТА
ДЛЯ ОЦЕНКИ ЮЗАБИЛИТИ
Доступ
Оценка
Низкое время загрузки сайта
х
2. Нормальный контраст между
цветом текста и фоном
х
3. Размер шрифта и пробелы легко
читаемы
х
1.
4. Умеренно использованы
всплывающие окна и flash-ролики
х
5. Изображения подписаны
соответствующими ALT тегами
х
6. Наличие пользовательской
станицы 404 - «страница не найдена»
х
Идентификация
7. Логотип компании расположен на
видном месте
х
8. Слоган ясно отражает цели
компании
х
9. Главная страница понятна в
течении 5 секунд
х
10. Четкий путь доступа к
информации о компании
х
Комментарии
11. Четкий путь доступа к странице
контактов
х
Управление
12. Главное меню сайта легко найти
х
13. Текст ссылок в меню понятен и
отвечает сути
х
14. Разумное количество кнопок и
перекрестных ссылок
х
15. Клик на логотип компании
приводит к возврату на главную
страницу
х
16. Ссылки понятны и легко
опознаются
х
17. Легкий доступ к поиску на сайте
х
Наполнение
18. Главные заголовки легко
опознаваемы
х
19. Критически важная информация
находится на первом экране
х
20. Везде соблюдается
последовательность стилей и цветов
х
21. Выделение (жирный шрифт и
т.д.) используется равномерно
х
22. Реклама и всплывающие окна не
навязчивы
х
23. На главной странице все
изложено кратко, информативно
х
24. URL-ссылки понятны и легки
для восприятия пользователем
х
25. Заголовки Title прописаны
лаконично
х
Раздел 1. Доступ
Помимо традиционных вопросов, связанных с доступом, в этом разделе вы так же найдете информацию о
тех проблемах, с которыми может столкнуться пользователь при попытке получить доступ к информации на
вэб-сайте. Если никто не сможет попасть на ваш сайт или шрифт на сайте слишком мелкий, то все
остальные удобства уже не будут иметь значения.
1. Низкое время загрузки сайта
Можете назвать меня традиционалистом, но мне все еще нравятся сайты до 100 КВ (а
60 КВ даже лучше!). Если сайт загружается целую вечность, большинство людей
скорее всего просто уйдут. Да, конечно, большинство сейчас имеет широкополосную
сеть, но на самом деле благодаря этому терпение исчерпывается очень быстро.
2. Адекватный контраст между цветом текста и фоном
Темно-серый на светло-сером, возможно, выглядит очень стильно, но я вовсе не
намерен портить себе зрение, чтобы прочитать какой-либо сайт. И глаза и мониторы у
всех разные, так что пусть контрастность вашего основного блока будет высокой. И
каким бы старомодным не было бы решение черное-на-белом – оно все еще в
большинстве случаев лучшее.
3. Размер шрифта и пробелы легко читаемы.
Есть множество вариантов, чтобы выбрать идеальный шрифт для текста, но не
ошибитесь с размером в обе стороны. Плохая читаемость повышает уровень
разочарования, а разочарование приведет к тому, что пользователь покинет сайт.
Также стоит убедиться, что пробелы между строками читаемы – белый пробел –
лучший друг дизайнера.
4. Умеренно использованы всплывающие окна и flash-ролики
Не имеет значения, как классно выглядит ваш сайт, люди не будут ждать пять минут,
пока загрузятся все плагины. Используйте новые техники разумно и только тогда,
когда они помогают вам достигнуть поставленной цели. Придерживаться стандартного
HTML/CSS кодирования тоже большой плюс для поисковиков.
5. Изображения подписаны соответствующими ALT тегами
Это важно не только для пользователей, которые отключили изображения, но таким
образом поисковики идентифицируют ваши изображения. И это важно особенно, если
на изображения завязано содержимое, когда вы используете изображение в качестве
пунктов меню.
6. Наличие пользовательской станицы 404 - «страница не найдена»
Если такая страница не существует на вашем сайте, то появление стандартной белой
страницы с надписью «Ошибка 404. Страница не найдена», - отличный способ
потерять клиента. Создайте пользовательскую страницу 404, лучше всего, если она
будет перенаправлять посетителя на страницу с содержанием.
Раздел II. Идентификация
Ключевой вопрос, когда кто-то заходит на вашу страницу: «О нас». Очень важно, чтобы пользователь
получил ответ как можно быстрее, и тем самым вы задаете очевидный путь к следующим вопросам:
«Чем вы занимаетесь?», «Почему я должен вам верить?», и т.д.).
7. Логотип компании расположен на видном месте
Разместите ваш логотип или бренд там, где он заметен, обычно в верхнем левом углу
экрана. Именно там люди его ищут, и им нравится, когда вы облегчаете им жизнь.
8. Слоган ясно отражает цели компании
Ответьте на вопрос «Чем вы занимаетесь?» кратко, но описательно, с помощью своего
слогана. Избегайте типичного жаргона маркетологов и создавайте уникальное
предложение в двух словах.
9. Главная страница понятна в течении 5 секунд
Говоря об удобстве, мы часто упоминаем правило 5 секунд. Конечно, возникают
споры о том, сколько именно секунд необходимо, но посетители сайтов крайне
непостоянны, так что им нужно понять ваш сайт за пару мгновений.
10. Четкий путь доступа к информации о компании
Лучше всего подходит надежный пункт главного меню «О нас». Пусть это скучно, но
уверенность очень важна в сети, а люди нуждаются в простом способе узнать больше
о вас.
11. Четкий путь доступа к странице контактов
Точно также, посетители должны знать, как им связаться с вами в случае
необходимости. Да и сложно вести бизнес, когда никто не может с вами связаться.
Лучше всего разместить контактную информацию в виде текста (а не изображения),
тогда его отсканирую и поисковые машины.
Раздел III. Управление
Как только люди разобрались с тем, кто вы и чем занимаетесь, им нужны понятные ссылки на
информацию, которая может их заинтересовать. Подача информации – это обширная тема, но здесь
изложены несколько базовых понятий.
12. Главное меню легко найти
Практически каждый сайт в сети располагает главным меню еще со времен первых
браузеров на рынке. Пользователь должен легко находить главное меню, читать его
без затруднений и пользоваться с легкостью.
13. Текст ссылок в меню понятен и отвечает сути
Не пишите «Общайтесь онлайн с нашей командой», когда можно просто написать
«Свяжитесь с нами». Главное меню должно быть кратким, по сути, таким, чтобы
простые смертные его легко понимали.
14. Разумное количество кнопок и перекрестных ссылок
Психологи любят поспорить о том, сколько блоков информации способен обработать
человеческий мозг, но если вы собрались создавать меню, где более семи пунктов,
подумайте еще раз, нужно ли вам такое длинное меню. Если у вас три слоя
рассыпающихся меню в Javascript, сделайте себе одолжение и начните заново.
15. Клик на логотип компании приводит к возврату на главную страницу
На первый взгляд, это мелочь, но люди ожидают, что клик на логотип вернет их на
главную страницу, и если этого не происходит, они теряются. Я видел несколько
роликов, на которых пользователи продолжали кликать на логотип и просто не
понимали, что же делать дальше.
16. Ссылки понятны и легко опознаются
Подчеркивание и выделение синим типично для ссылок в сети. Немного креатива в
этом направлении не повредит, но подумайте о том, чтобы либо оставить ссылки
синими, либо подчеркнуть их. Ссылки должны выделяться, а вы должны использовать
их разумное количество, иначе они разрушат цельность изложенной информации.
17. Легкий доступ к поиску на сайте
Если у вас есть поиск на сайте, позаботьтесь о том, чтобы его было легко заметить.
Мануалы по удобству сайта советуют верхний правый угол страницы. Пусть кнопка
будет оформлена просто – «Поиск» - все еще самый лучший вариант в большинстве
случаев.
Раздел IV. Наполнение
Вы уже слышали об этом: Контент – Король вашего Сайта. Но если вы не хотите, чтобы ваше
королевство рухнуло, наполнение сайта обязано быть последовательным, хорошо организованным и
легко просматриваться.
18. Главные заголовки легко опознаваемы
Большинство людей не читают онлайн, они просматривают. Используйте заголовки и
подзаголовки, чтобы разделить информацию на части, но чтобы она при этом
оставалась упорядоченной. Заголовки должны быть четким, а для SEO также полезно,
если они созданы с использованием тэгов (<H1>, <H2> и т.д.)
19. Критически важная информация находится на первом экране
«Первый экран» это воображаемая линия, где внизу экран обрезает страницу.
Наполнение может выходить за рамки первого экрана, но все, что критично важное
для понимания того, кто вы и чем занимаетесь (особенно на главной странице)
должно поместиться на этот первый экран. Среднее разрешение экрана в наше время
примерно 1024x768, зависит от целевой аудитории.
20. Стили и цвета в соответствующей последовательности
Убедитесь, что посетители помнят, что находятся на вашем сайте, сохраняя
последовательность – запутайте их, и вы их потеряете. Оформление, заголовки и стили
должны оставаться однообразными на всем сайте, цвета также должны иметь единое
значение. Не используйте красный в заголовке на одной странице и как цвет ссылок на
другой, а потом еще красный цвет текста на странице в другом месте.
21. Выделение (жирный шрифт и т.д.) используется разумно
Факт человеческого восприятия: «постарайтесь привлечь внимание человека ко всему,
и скорее всего он вообще ничего не увидит». Все мы видели красный сайт, где рядом
со всеми позициями стояло мигающее обозначение «Новинка!». Не превращайтесь в
этого неудачника.
22. Реклама и всплывающие окна не навязчивы
Реклама стала частью нашей жизни, но включайте ее в свой сайт аккуратно. Не нужно
запихивать рекламу и всплывающие окна людям в глотку. А еще сделайте всем
одолжение – пишите рекламу понятно. Если рекламы много и всплывающие окна
слишком часто появляются при чтении – страдает сайт.
Раздел IV. Наполнение (продолжение)
23. На главной странице все изложено кратко и информативно
Нет, это не урок копирайтерам, но посмотрите еще раз на вашу главную страницу – вы
можете сказать то же самое, но использовать вполовину меньше слов? Постарайтесь
говорить конкретно и избегать жаргона – никому не интересно знать, что вы в
состоянии «использовать ваше взаимодействие»
24. URL-ссылки понятны и легки для восприятия пользователем
Об этом пункте часто спорят, но понятные URL-ссылки, основанные на ключевых
словах, обычно приветствуются пользователями и поисковиками. Вам не нужно
переделывать весь сайт, чтобы получить новые URL-ссылки, но сделайте все от вас
зависящее, чтобы они были понятны пользователю.
25. Заголовки Title прописаны лаконично
Еще важнее, название вашей страницы (тэг <Title>) должно иметь описательный
характер, оставаться уникальным, его не должны забивать ключевые слова. Название
страниц – это самое первое, что видят пользователи поисковиков, так что если это
название не имеет смысла или выглядит, как спам, они перейдут к следующим
результатам поиска.