тел. +3050-2345-969
skype: seoapteka

Юзабилити сайта

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

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

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

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

Так что же такое usability, и почему это  действительно важно?

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

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

Надо признать, что люди по своей натуре нетерпеливы, особенно это заметно при использовании интернета. По объективным данным Nielsen Norman Group, посетители сайта проводят на одной странице порядка 27 секунд, при этом крайне редко прокручивая страницу до конца.

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

Так что за эти несколько секунд, что у вас имеются, нужно успеть «сообщить» пользователю как можно больше информации, объяснить ему, куда он попал, и максимально его заинтересовать. Если этого не произойдет, то он быстро уйдет с сайта. «Сайт, через который пользователю приходится «продираться», может существовать до тех пор, пока рядом не возникнет другой, более удобный и понятный», – пишет С. Круг.

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

  • При абсолютно одинаковом уровне  финансовых расходов на рекламу, во всех случаях поток уникальных клиентов будет больше у сайта с наиболее высоким уровнем юзабилити, а, следовательно, стоимость обращения    через такой сайт – ниже.
  • Повышение комфорта каждого    привлеченного пользователя на сайте однозначно ведет к значительному повышению лояльности посетителя или клиента к данной компании, поэтому клиенты намного лучше относятся к тем компаниям, у которых на самом деле удобные сайты.
  • Немаловажный факт: компания с более удобным для    посетителей сайтом существенно снижает нагрузку на таких сотрудников, как менеджеры и  call-центр, вследствие того, что клиенты быстро сами находят ответы на интересующие    их вопросы.

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

Юзабилити и веб-разработчики

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

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

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

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

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

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

Особенности восприятия новой информации в интернете

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

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

Правила и приемы юзабилити

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

Основные приемы и правила, приведенные ниже, разбиты на смысловые группы:

Навигация

1. Предпочтительно делать однотипную навигацию абсолютно на всех страницах сайта;

2. На каждой такой странице должен быть определенный логотип или само название сайта;

(часто на него прикрепляют ссылку, ведущую на главную страницу);

3. Как в шапке сайта, так и в «подвале» обязательно должна быть указана контактная информация;

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

5. На каждой странице непременно должно быть также и название самого раздела;

6. Желательно заметное глазу расположение специального указателя «Вы находитесь здесь»;

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

Внутренний поиск

Исследования показывают, что достаточно часто посетители ищут информацию, совершенно не пользуясь системой навигации.

Например, Якоб Нильсен приводит правило: «На практике, если на сайте доступно меньше 100 страниц, посетитель вполне может обойтись и без применения функции «Поиск». Если сайт содержит от 100 до 1000 страниц, на нем желательно разместить простой поисковый механизм. Если же количество страниц превышает 1000, в таком случае самое время задуматься над созданием эффективной поисковой системы на сайте».

Чтобы поиск был наиболее удобным, нужно придерживаться общепринятых правил:

1. Форма непосредственного поиска должна быть размещена на всех имеющихся страницах сайта, причем  в верхней области;

2. наиболее правильная длина рабочего поля для ввода запроса – это 27-30 символов;

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

4. Оформление самой важной страницы с полученными результатами поиска должно быть внешне максимально приближено к привычной странице выдачи главных глобальных поисковых систем: то есть, содержать специальное поле для ввода запроса с введенным посетителем запросом, также список результатов должен содержать заголовок обязательно (со ссылкой), в том числе краткое описание, можно также в данном случае добавить URL или раздел, к которому относится конкретный результат.

5. Используйте также функцию проверки орфографии, как в глобальных поисковых системах. При вводе поискового запроса с ошибкой следует обязательно выводить строку «Возможно, Вы имели в виду [правильное написание запроса]?»

Главная страница, как она должна выглядеть?

Главная страница считается лицом каждого сайта, поэтому:

1.Она должна объяснять, что собой представляет данный сайт, а также для чего он предназначен, здесь часто используется специальный слоган или текст приветствия.

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

3. Здесь желательно присутствие постоянно обновляемой информации: такой как анонсы новостей, анонсы корпоративного блога.

4. С. Круг замечает о достаточно важной особенности любой главной страницы, которой однако, очень часто пренебрегают: то есть, обязательно наличие специальной ссылки / подсказки, чтобы было понятно «Откуда мне начать». Это делается по причине того, что пользователи предпочитают простые варианты.

Оформление текста

При написании любого текста для наполнения сайта можно отметить два основных правила:

1. Старайтесь писать достаточно короткие тексты

2. Писать нужно по правилу «пирамиды», то есть, начиная с наиболее важных выводов, и далее приводя обоснование и более подробно раскрывая тему. Также постарайтесь, чтобы наиболее интересная и полезная часть выкладываемой информации находилась именно в верхней части контентной области и была вполне доступна даже без прокрутки конкретной страницы.

По оформлению самого текста можно тоже дать некоторые рекомендации:

1. Так, размер основного шрифта должен быть не менее 12 px (что примерно соответствует привычным 10 pt в MS Word) пунктов.

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

3. При выборе типа шрифта нужно ориентироваться на то, что на мониторе (в отличие от бумаги) более удобно читается такой текст, который набран шрифтом «без засечек». Для справки, шрифты «без засечек»: Arial, Arial Black, Verdana, Tahoma, шрифты «с засечками»: Times New Roman, Georgia.

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

5. Не нужно использовать одни только прописные буквы, так как при этом заметно снижается скорость чтения и затрудняется восприятие информации.

6. Текст и фон должны быть в  достаточной степени контрастны, так, лучший вариант – это черный текст на белом фоне. Также следует избегать таких сочетаний цветов как красный текст на синем фоне, оранжевый – на темно-зеленом и другие, так как подобные сочетания цветов порождают «эффект дрожания» и создают слишком сильную нагрузку на зрение.

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

Существует дизайн для людей с ограниченными возможностями

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

Некоторые приемы, которые помогут вам сделать свой сайт общедоступным:

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

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

3. Научите формы успешно взаимодействовать с экранными дикторами, этот процесс реализуется с помощью тэга label, связывающего поля формы с текстом подсказок.

4. Снабдите каждое имеющееся изображение соответствующим описанием, так как изображения обычно игнорируются экранными дикторами

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

6. Постарайтесь активно использовать технологию javascript по минимуму, так как она пока воспринимается хорошо не всеми адаптационными технологиями.

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

Что же делать, если сайт уже существует и работает?

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

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

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

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

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

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