Советы для улучшения юзабилити сайта

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

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

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

Работа над контентом

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

Рекомендации по улучшению качества контента:
  • Размещая на сайте текстовый контент, всегда следите за тем, чтобы он был не только уникальным, но еще полезным и интересным для пользователей. Подумайте сами, материал, который не несет полезной смысловой нагрузки, совершенно неинтересен посетителю. И если человек не найдет ничего интересного для себя на вашем сайте, он быстро уйдет с его страниц и, скорее всего, навсегда. Только сайты с интересным контентом попадают в личные закладки посетителей, для того чтобы пользователи могли посещать их вновь и вновь. 
  • Не разбавляйте текст бессмысленной информацией и помните: «Краткость – сестра таланта». Вовсе необязательно размещать на сайте статью размером в 10 000 знаков, если ее тему можно раскрыть в одном кратком повествовании. Но если тема действительно обширна, и заслуживает внимательного рассмотрения, разбейте одну статью на несколько кратких постов – это не так «испугает» посетителя, который, как правило, не любит длинных текстов. Кстати, подобное разделение текста всегда полезно для дальнейшего продвижения проекта. И еще один момент: слишком короткие тексты – это тоже плохо. Они, как правило, не могут раскрыть тему для посетителя, причем поисковые системы их тоже не любят. Оптимальное количество слов в одной статье варьируется от 500 до 1000. Если у вас не достаточно материала для написания подобной статьи ее всегда можно дополнить собственными выводами и рассуждениями. 
  • Всегда старайтесь привлекательно оформлять любой материал, размещаемый на сайте. Запомните, текст, грамотно разбавленный картинками и видеоматериалами, - всегда выглядит более привлекательным для посетителя. При этом, рассматривая иллюстрации, читатель успевает отдохнуть, что облегчает для него понимание представленного материала. Подзаголовки, проставленные перед различными разделами статьи, упрощают пользователю работу с большими объемами информации. Внедрение в статью маркированных списков, таблиц и аудио-контента – всегда делает страницу более качественной и интересной.

Kak-uluchshit-kachestvo-kontenta-na-sayte.jpg

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

Скорость обработки запросов на сервере

Sposobyi-po-uluchsheniyu-skorosti-zagruzki-sayta.png
Скорость загрузки страниц оказывает самое прямое влияние на юзабилити проекта. Ни один пользователь не станет ждать,  когда же, наконец, загрузится страница (если она не спешит это делать) и перейдет на сайт конкурента. Поэтому, периодически, лично проверяйте скорость обработки запросов к серверу, открывая в браузере различные страницы своего ресурса. Страница (при устойчивой скорости Интернет-соединения) не должна загружаться более 3-х секунд. Для того чтобы самостоятельно проверить скорость работы сайта можно так же использовать различные сервисы. В качестве примера вы можете ознакомиться с возможностями сервиса Pingdom. 

 На сегодняшний день, существует множество способов, позволяющих увеличить скорость загрузки страниц:
  • Используйте плагин кэширования на сайте. Установка и последующая настройка данного модуля эффективно устраняет проблему медленной загрузки сайта. Во время настройки мы рекомендуем задействовать все виды кэширования.
  • Оптимизируйте изображения – это поможет уменьшить размер картинок и, соответственно, увеличить скорость загрузки страниц. Под оптимизацией картинок подразумевается обрезка ненужных областей и перевод изображений в другой формат.
  • Используйте только необходимый функционал сайта. Задействуя в работе сайта ненужные модули, скрипты и плагины – вы замедляете работу его «движка». Правильная разработка сайтов на Битрикс должна предполагать отключение ненужного функционала в CMS и применение шаблонов, не перегруженных лишними элементами.
  • Не забывайте об оптимизации базы данных – накопившийся «мусор» всегда замедляет работу сайта. Для работы с базой данных в любой  CMS предусмотрен целый набор инструментов. Если вас интересует модернизация сайтов на Битрикс (в частности, оптимизация БД), то путь к соответствующему разделу в админке проекта, следующий: Настройки/Инструменты/Оптимизация БД/. 
  • Выбирайте правильный тариф от хостинг-провайдера. Выбор надежного хостера – это только половина успеха. Для того чтобы сайт работал безупречно, необходимо еще и выбрать правильный тариф. К примеру, если вас не устраивает скорость работы сайта, попробуйте арендовать выделенный сервер с более широкими возможностями и, соответственно, с более дорогим тарифом.
В общем, запомните: посетитель, не утруждая себя длительными ожиданиями, должен, в любой момент, иметь возможность открыть интересующую его страницу.

Навигация по сайту:

Главное меню
Только с грамотно организованной навигацией Интернет-проект будет удобен для пользователя. Но имейте в виду: улучшая юзабилити с помощью главного меню, не следует «перегибать палку» (особенно, если вы используете на проекте выпадающее меню). На некоторых сайтах каркас выпадающего меню включает в себя множество вкладок, при этом за каждой вкладкой скрывается еще несколько рубрик. Таким образом, неаккуратное движение мышкой может привести к тому, что меню полностью свернется. Подобная навигация - скорее наказание для пользователя, чем забота о его удобствах. Ориентироваться по такому меню тоже очень сложно (для него самого впору создавать карту, чтобы хоть немного в нем ориентироваться). Максимум, что можно сделать, если в вашем проекте появилось множество рубрик и требуется  модернизация сайта на Битрикс – это создать двухуровневое выпадающее меню. Это всего лишь рекомендация, но ее выполнение поможет правильно разделить тематики проекта, не загромождая меню лишними элементами.

Uroven-rubrik-v-navigatsionnom-menyu.png

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

Grafika-v-navigatsii-po-saytu.pngИспользование графических элементов (небольших пояснительных картинок)  в меню навигации способно улучшить визуальное восприятие и помочь пользователю быстрее ориентироваться в разделах сайта. Если у вас есть такая возможность, то непременно ее используйте.  

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


Карта сайта
Порою, незаменимым элементом навигации для пользователя может стать карта сайта. По сути, карта сайта представляет собой отдельную страницу, отображающую полное содержимое проекта. То есть, информация обо всем содержимом (со всеми необходимыми ссылками) собрана в одном месте, что очень удобно для пользователя.  Ни один печатный источник не располагает столь информативной страницей, отображающей все его содержимое. Поэтому, не следует отказываться от ее использования в рамках своего проекта.Optimalnaya-karta-sayta-dlya-navigatsii.png

При создании карты сайта необходимо руководствоваться следующими требованиями:
  • Четко разделяйте все рубрики и тематики;
  • Выделяйте цветом различные разделы - для того чтобы посетителю было проще ориентироваться среди обилия разнообразных ссылок;
  • Использование графических элементов навигации (тематические иконки) «оживит» карту вашего сайта и сделает ее более понятной для восприятия. По возможности, не пренебрегайте этим;
  • Если ваш проект имеет большое количество разделов, можно создать несколько дочерних карт сайта (но не стоит этим сильно увлекаться).
Итак, если ваш сайт имеет грамотно оформленную карту сайта, пользователь быстро сможет найти интересующий его материал, не пытаясь безуспешно попасть на нужную страницу с помощью меню навигации.

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

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

Иногда постраничная навигация используется и в карте сайта (особенно, если карта имеет очень большой объем).

Sposobyi-sozdaniya-udobnoy-postranichnoy-navigatsii-na-sayte.png

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

Дизайн Интернет-проекта
Разработка сайтов на Битрикс и разработка веб-дизайна – это два неразделимых понятия. И если техническая составляющая проекта для посетителя незаметна, то дизайн сайта – это лицо вашей компании. Неудачный дизайн может даже заставить посетителя очень быстро уйти со страниц вашего ресурса (и это не смотря на то, что информационное наполнение в нем более чем удачно). Поэтому, не забывайте – «Встречают по одежке…». 

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

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

Никогда не стоит экономить бюджет на разработке дизайна, ведь дизайн должен быть привлекательным, качественным и уникальным. Однако в погоне за красотой тоже следует знать меру. Если «перегнуть палку», то слишком пестрый сайт, напичканный разного рода излишествами, повергнет посетителя в настоящий шок. Отсюда вывод: в оформлении не должно быть ничего лишнего.

Vyibiraem-podhodyashhiy-veb-dizayn-dlya-uluchsheniya-yuzabiliti-sayta.jpg

Кроме всего прочего, обратите внимание на доступность вашего ресурса для отображения мобильными устройствами. Речь идет о мобильной версии вашего сайта. В настоящее время неуклонно растет количество пользователей, использующих для Интернет-серфинга (и для других действий в Интернете) мобильные гаджеты. Поэтому, вы должны позаботиться о том, чтобы дизайн вашего сайта был максимально адаптирован под такие устройства. Это еще одна гарантия того, что у всех пользователей, без исключения, ваш сайт будет пользоваться неизменным успехом, а вы не потеряете львиную долю клиентов.

Еще несколько полезных советов
Всегда обращайте внимание на размер шрифта в информационных материалах. Прочтите статью самостоятельно и оцените – насколько посетителю удобно будет воспринимать содержимое публикации. Не старайтесь слишком оригинальничать, используйте стандартный шрифт без особых изысков, например: Verdana или Times New Roman – они отображаются всеми браузерами, а у посетителя не будет проблем с их прочтением. Что касается размера, то, как вы понимаете, слишком мелкий шрифт труден для восприятия. Идеальным считается размер 13…14 кеглей.

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

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

Заключение

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

Возврат к списку