20 лет профессионально
разрабатываем сайты в РФ
разрабатываем сайты в РФ
Тема юзабилити быстро набирает популярность в сообществе веб-дизайна, но некоторые дизайнеры до сих пор упускают из виду некоторые наиболее ценные принципы юзабилити. Может, они никогда не слышали о некоторых из них или просто не понимают их важности. В любом случае, юзабилити имеет важное значение для каждого сайта и все рекомендации, распространенные или нет, должны быть приняты во внимание.
Поиск достойного списка рекомендаций по юзабилити сайта – это довольно легкая задача. Простой поиск в Гугле может принести довольно много приличных результатов. Применить эти рекомендации на практике также, как правило, довольно легко. Однако, чтобы максимально раскрыть потенциал своего сайта, вы должны пойти чуть дальше.
Рекомендации по улучшению юзабилити, изложенные в этой статье, вы могли слышать и ранее. Вы можете не счесть их необычными, однако в большинстве случаев я не вижу, чтобы им действительно уделяли внимание, и знаю, что чаще всего их просто игнорируют.
Некоторые из этих рекомендаций представляют собой быстрые и легкие исправления, тогда как другие требуют практики и могут быть реализованы только со временем. Что на самом деле имеет значение, так это их важность и польза, которую они могут принести вашему сайту.
Не бойтесь обращаться со своим сайтом так, как редактор обращается с газетой. Разместите наиболее важный контент в самом верху страницы. Я сейчас не защищаю правило «первого экрана». Скорее всего, пользователи будут прокручивать страницу, правило «первого экрана» не работает в большинстве случаев.
Однако, вы же не хотите, чтобы посетители скролили до самого конца страницы в поисках номера телефона или информации по зонам обслуживания? Определите наиболее ценную информацию и разместите ее вверху страницы.
Хороший слоган поддерживает ваш логотип и обеспечивает понимание того, чему посвящен сайт. Поведать, о чем ваш сайт, в нескольких словах проще сказать, чем сделать, но реализуйте это с помощью утверждения или девиза, которые действительно отражают тематику вашего сайта.
Держитесь подальше от маркетингового жаргона и говорите сразу о своем ценном предложении. Обычно, у сайта есть не более 5 секунд, чтобы произвести впечатление на посетителя перед тем, как он решит остаться или уйти. Хороший слоган расскажет посетителям о чем сайт менее, чем за 1 секунду, полностью устраняя необходимость в поиске данной информации.
Постоянство хорошо, но в меру. Один и тот же макет и дизайн от страницы к странице позволит посетителям быстро ориентироваться на сайте. Использование аналогичного шаблона содержания статей позволяет посетителям быстро распознать ценный контент.
Оставив поле поиска и кнопку добавления в корзину на одном и том же месте на каждой странице, вы позволите посетителю быстро найти то, что он ищет, а также быстро сделать покупку.
Проводя аудит юзабилити сайта придерживайтесь стандарта, но не переборщите. Не каждый продукт может быть снабжен видео-описанием и не каждая статья в блоге нуждается в наличии 10 фотографий.
Можно долго спорить, сколько времени у посетителя уходит на то, чтобы решить, ценна для него информация на странице или нет, но факт в том, что много времени это не занимает. 5 секунд могут быть не точной цифрой, но весьма близкой к тому.
Посетители пребывают в сомнениях и любят быстро кликать значок «назад» в своем браузере. Заманивайте посетителей, развлекайте их, а самое главное – дайте им то, что они хотят. Стены из текста или контент, напичканный ключевыми словами для поисковых машин, скучны.
Не будьте излишне многословны, чтобы поиск нужной информации не отнимал у посетителя много времени. После того как вы провели аудит юзабилити и прежде чем принимать меры по улучшению, помните, что Ваш контент должен быть дружественным по отношению к посетителям, а сам сайт должен быть сделан для людей.
Посетителей естественным образом привлекают числа и цифры. Они представляют собой факты и интригуют посетителей достаточно, чтобы те продолжали просмотр сайта. Поэтому гораздо более выгодно писать «56» вместо «пятьдесят шесть» или «100» вместо «сто».
Ваш сайт не должен быть обо всем и для всех. Найдите свою нишу в интернете и придерживайтесь ее. Чем более широкий спектр тем вы освещаете, тем меньше у вас шансов на то, что посетители станут постоянными.
Чем более узкая у вас ниша, тем больше внимания вы привлекаете, что выделяет вас из толпы. Каждая страница сайта должна иметь отношение к другим страницам. Найдите свое призвание и придерживайтесь данной тематики.
С течением времени ваш сайт продолжает расти, поэтому важно, чтобы вы не забывали о более старых страницах. Скорее всего, со временем сайт будет привлекать новых посетителей и ссылки на предыдущие страницы или статьи позволят им узнать больше о вашем сайте и ваших мыслях.
Более того, ссылки на более старые страницы будут дольше задерживать посетителей на вашем сайте. Единственное, о чем следует помнить, ссылаясь на эти страницы, так это о том, чтобы они были по-прежнему актуальны и соответствовали вашим стандартам.
Факты и цифры могут быть большой движущей силой для вашего сайта, но являются ли они подходящими? Позвольте посетителям, а не числам, определять результат, который приносит ваш сайт.
Например, ровно 70% пользователей заходят в интернет через «Internet Explorer». Значит ли это, что 70% посетителей вашего сайта пользуются «Internet Explorer»? Нет. Увязнув в анализе чисел, вы можете запутаться. Получайте подтверждение от пользователей, а не основе чисел.
Первоначально рекомендованное Райаном Сингером, выделение ссылки рамкой при наведении на нее указателя мыши создает кликабельную зону большего размера. Это помогает посетителям кликать по ссылке, которая их действительно интересует, вместо того, чтобы кликать вокруг ссылки в надежде попасть по ней.
Кроме того, по мере развития мобильного интернета, увеличение кликабельной зоны ссылки делает навигацию по сайту более легкой. Данная концепция легко реализуется и облегчает посетителям пользование вашим сайтом.
Формы для заполнения имеют ярлыки, которые сообщают пользователю, какие данные необходимо ввести в то или иное поле. Вы можете сделать ярлыки кликабельными, чтобы они активировали соответствующий элемент формы. Это увеличение функциональности можно произвести при помощи HTML, используя атрибут «for» в теге <label>, как в следующем примере:
label for="email" Email /label input type="text" name="email" id="email" value="Email Address"
Для еще большего улучшения юзабилити можно сделать так, чтобы курсор превращался в указатель, как в случае с любым другим кликабельным элементом. Это делается при помощи следующей строки CSS:
label { cursor: pointer; }
Зачастую, при наведении указателя мыши на ссылку происходит ее выделение. Для большинства сайтов это является стандартной практикой. Однако, выделение активных и уже посещенных ссылок часто упускается из виду. Особый стиль выделения ссылки при нажатии на нее позволит посетителю увидеть, что он действительно кликнул по ней. Другой стиль выделения для уже посещенных ссылок убедит пользователя, что он уже переходил по этой ссылке или наоборот. Это позволит посетителю быстро найти страницу, которую он уже ранее посетил.
Вы знаете, что означает слово КАПЧА (CAPTCHA)? Эта аббревиатура расшифровывается, как «полностью автоматизированный публичный тест Тьюринга для различения компьютеров и людей» (по-английски «Completely Automated Public Turing testing to tell Computers and Humans Apart»).
Уже одно только название является достаточно сложным, как же неопытный пользователь должен выяснить, что делать с КАПЧЕЙ? Понятно, что использование КАПЧИ необходимо на некоторых сайтах (в первую очередь, по соображениям безопасности), но зачастую ее используют слишком часто и она снижает конверсию по всем направлениям.
Это происходит либо из-за неисправности КАПЧИ, либо из-за того, что посетитель не понимает, что ему нужно сделать. В любом случае, это раздражает и уводит посетителя с вашего сайта. Поэтому, по возможности, избегайте использования КАПЧИ.
Слишком часто мы сталкиваемся со страницами с сообщением об ошибке 404, которые не дают абсолютно никакого понимания проблемы. Вместо того, чтобы просто сообщать посетителю, что он столкнулся с ошибкой, постарайтесь помочь ему решить эту проблему или хотя бы дайте знать, почему произошла эта ошибка.
Может быть, причина в ошибочном URL или неправильно введенных данных в форме для заполнения. Если вы можете помочь и отправить посетителя в нужном направлении, то ваш сайт будет пользоваться большим успехом.
Если посетитель сталкивается с какой-либо другой формой ошибки, убедитесь, что появляющееся сообщение может помочь ему устранить проблему.
Держитесь подальше от использования изображения там, где прекрасно можно обойтись простым текстом, особенно с учетом достижений в CSS3 и новыми сервисами, наподобие «Typekit».
Обычный текст распознается поисковыми системами и скрин ридерами (экранными дикторами), тогда как изображения и графика нет. Понятно, что нестандартные шрифты, которые чаще всего используются как изображения, могут придать сайту индивидуальность, однако тех же самых эффектов можно добиться при помощи CSS3 или сервисов наподобие «Typekit».
Наконец, не воспринимайте эту статью или любой другой список рекомендаций по улучшению юзабилити как призыв к немедленному внесению всех этих изменений на своем сайте.
Все сайты отличаются друг от друга и у каждого своя аудитория. Эти предположения призваны всего лишь сдвинуть дело с мертвой точки. Не останавливайтесь на достигнутом.
Принимайте во внимание все соображения по улучшению юзабилити и применяйте на своем сайте только лучшие решения.
