Как же улучшить юзабилити сайта?

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

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

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

Качество контента

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

  • интересный, полезный и уникальный материал — это один из важных моментов по увеличению качества ваших материалов. Если вы публикуете никому не нужный и бесполезный контент, то можно сразу забыть про дальнейшее развитие своего ресурса. Никто на него не будет заходить, так как ничего полезного в нем не будет. Поэтому старайтесь давать полезные и интересные советы для своих читателей!
  • без воды и длинных полотен — длинные текстовые полотна сейчас не в моде! Пишите только по теме и не слишком много. Пользователю с первого раза будет трудно осилить огромное количество текста. Однако это не значит, что не стоит задумываться над раскрытием темы. Если вы видите, что тема довольно обширная для одного поста, то разбейте ее на несколько постов. Это будет не только в пользу удобства для читателя, но и для продвижения сайта. Также не старайтесь писать слишком маленькие посты. Это очень плохо сказывается на уникальности. По возможности добавляйте свои рассуждения, наблюдения или еще что-то полезное. Оптимальный текст в 500 — 1000 слов. Максимальный потолок в 1500 — 2000 слов. Так что ориентируйтесь на эти числа!
  • красивое оформление постов — это тоже немаловажный момент по повышению качества своих материалов. Всегда разбавляйте текст картинками. Они очень хорошо улучшают восприятие материала и дают передышку при чтении. Также в тесте по возможности следует использовать подзаголовки. Они очень хорошо помогают ориентироваться в больших объемах информации. Еще нельзя исключать возможность внедрения маркированных списков, таблиц и различных аудио и видеоматериалов. Это намного может улучшить качество контента.

Как улучшить качество контента на сайте

  • выделяйте текст — это поможет заострить внимание пользователя на каких-то очень важных моментах. Более важные слова выделяйте жирным. Нужные предложения оформляйте в красивые блоки. Например, создать текстовый блок «Внимание» или «Цитата«. Однако ни в коем случае не переусердствуйте с этим. Выделяйте только самое необходимое.
  • перелинковка — очень важный момент не только в продвижении сайта, но и в его юзабилити. Предлагая своим пользователям дополнительные статьи по теме, вы не только увеличиваете время пребывания человека на сайте, но и предлагаете ему дополнительные советы по схожей тематике. Также позаботьтесь о том, чтобы все ссылки были легко заметными и не сливались с общим фоном. Обязательно проверяйте наличие битых ссылок. Ведь неприятно, когда пользователю выдается ошибка при переходе. Еще неплохим вариантом будет вывести похожие записи в виде миниатюр. Это будет очень привлекательно!
  • пишите без ошибок — это улучшит качество контента. Мало кто любит читать текст с большим количеством грубых ошибок. Поэтому всегда проверяйте наличие ошибок не только в новых, но и в старых записях. Например, текст на ошибки можно проверить в том же Microsoft Word. Я сейчас сам потихоньку исправляю свои старые записи.

Скорость загрузки сайта

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

Проверить скорость сайтов можно в различных сервисах. Я, к примеру, люблю пользоваться сервисом Pingdom. Старайтесь делать так, чтобы ваш проект грузился не дольше 3 секунд. Способов уменьшить скорость загрузки сайта достаточно много:

  • установка и настройка плагина кэширования — это существенно поможет вам ускорить работу сайта, а также снизить нагрузку на свой сервер. Старайтесь использовать все виды кэширования.
  • оптимизация картинок — уменьшайте размер фотографий без потери качества и обрезайте лишние области картинки. Так вы уменьшите размер страницы, а, следовательно, и время ее загрузки.
  • включать только необходимые функции — откажитесь от использования лишних плагинов, модулей и скриптов. По возможности отключите лишний функционал в самой CMS и не гонитесь за слишком уж навороченными шаблонами для сайта. Как правило, в таких темах очень много лишнего кода, что сказывается на скорости загрузки сайта.
  • оптимизация базы данных — не забывайте очищать много лишнего мусора в своей базе. Если у вас есть мультисайт, то позаботьтесь о создании продвинутой базы данных. Таким образом, вы существенно сможете снизить нагрузку на свой сервер. Если ваш сайт работает под управлением WordPress, то рекомендую вам посмотреть подборку плагинов по оптимизации базы данных.
  • переход на более дорогой тариф от хостинга — выбирайте не только хороший хостинг, но и наиболее подходящие тарифы в нем. Если после вышесказанной оптимизации, вас пока полностью не устраивает скорость загрузки своего сайта, то попробуйте раскошелиться на более мощный и дорогой тариф. Возможно, вам понадобиться выделенный сервер для своих возможностей.

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

Удобная навигация:

Меню

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

Уровень рубрик в навигационном меню

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

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

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

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

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

Карта сайта

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

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

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

Постраничная навигация

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

Если на вашем сайте очень большое количество комментариев, то обязательно сделайте постраничную навигацию и для комментариев. Так пользователю будет наиболее удобно ориентироваться в большом потоке сообщений. Выводите где-то не больше 50 — 60 сообщений на страницу.

Создание удобной постраничной навигации для юзабилити сайта

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

Веб-дизайн

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

Если сомневаетесь, то в интернете полным полно таки шаблонов. Они разбиты на отдельные категории тематик. Выбирайте свое направление и просматривайте подходящие шаблоны. В общем, тут зависит от тематики проекта. Если для простого блога достаточно простой и легкий бесплатный шаблон, то для крупного портала нужен шаблон наиболее навороченный. Может даже в стиле Web 2.0. Для коммерческих сайтов тоже не стоит использовать простенькие шаблоны. Нужно искать что-то красивое и привлекательное, чтобы завлечь больше посетителей.

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

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

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

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

Другие полезные советы

Большое значение имеет сам шрифт на сайте. Неудобный и плохой шрифт будет только насиловать пользователя. Поэтому не старайтесь бегать за красотой. В постах используйте только стандартные простые шрифты. К тому же они поддерживаются всеми браузерами. Я бы порекомендовал в постах использовать шрифт Verdana. Также немаловажным играет и размер шрифта. Слишком мелкий текст очень трудно читать. Поэтому рекомендую использовать шрифт размером 13 — 14 кеглей.

Будьте внимательны с количеством и качеством рекламы на сайте. Как правило, эта самая распространенная ошибка сайтов на движке WordPress. Большое количество различных объявлений, а также ужасные картинки в блоках быстро отпугнут посетителя и оставят только негативный отклик о вашем сайте. Поэтому думайте, что вы ставите на свой сайт.

Функция комментирования для повышения качества сайтаУделяйте возможности удобной функции комментирования на сайте. Нужно отключить капчу и найти другие способы борьбы со спамом. Если на проекте наблюдаются огромные дискуссии, то лучше сделать древовидные комментарии и постраничную навигацию к ним. В каждом сообщении должна выводиться граватарка комментатора. Некоторые специально ее прячут. Так нельзя делать! Получается, что непонятно, кто кому отвечает. Да и для общения так очень удобно. Поэтому всегда нужны такие граватарки и желательно наиболее оптимального размера. Слишком большие и слишком маленькие изображения ненужны.

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

Заключение

Вот собственно и все! Или нет? Если вы знаете еще какие-то способы по улучшению юзабилити сайта и уменьшению показателей отказа, то обязательно напишите ниже в комментариях. А так, как видите способов по улучшению качества сайта довольно много. По идее этот пост нужно было разбить на несколько статей. Уж больно он объемистый получился. Однако тема очень важная. Во второй части темы про улучшение удобство сайта я говорю о важности содержания, ссылок и направления пользователя.

А вот идеальный сайт или блог на 100% не всегда удается сделать. Нужно много времени и опыта. Однако это не значит, что не стоит к этому стремиться. У меня тоже не все так гладко. Столько всего нужно исправлять. Но потихоньку я исправляю многие недочеты на своем блоге, что и вам рекомендую иногда делать. В общем, изучайте и внедряйте!

Zavitushka-dlya-sayta

 
rss-1Следить за новыми статьями на этом блоге!

 Нажимая на кнопку, вы соглашаетесь с нашей политикой конфиденциальности и пользовательским соглашением.

Комментарии 38

  • да, длинные полотна в наш сверхзвуковой век вряд ли кто-то будет читать, да и Львов Толстых редко можно встретить на просторах интернета :)

  • Спасибо. С удовольствием знакомлюсь с разными способами анализа блога. Читаю, примеряю и решаю, где у меня собака (проблема) зарыта…

  • А я проверяю ошибки в самой статье тоже. Вхожу в режим HTML, нажимаю на полосу прокрутки, и тогда все красным выделяется. Да, кстати, тоже сейчас по-немногу занимаюсь просматриванием так старых записей, иногда нахожу ошибки.

    • Оля,ошибки в тексте лучше проверять в текстовом редакторе Microsoft Word. Просто иногда не все ошибки бывают выделяются. Где-то запетая пропущена, где-то неправильное окончание итак далее. А в Ворде статью можно досконально проверить на различные ошибки.

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

        • А я пишу сначала в редакторе WordPress, а потом когда статья готова, копирую ее в Word на проверку ошибок.

  • Цитирую: «без воды и длинных полотен» Для некоторых 1000 знаков уже предел, часто заходишь на блог и хочется задать вопрос: а где сама статья? Из молодежи редко кто 300 слов осилит, очень редко, так что про длинные портянки конечно правильно, но к сожалению не совсем актуально

    • А я как-то редко встречаю того, кто пишет очень маленькие посты. Но тоже бывает. Мне вот запомнился один кулинарный блог, на котором рецепты с гулькин нос. Сам контент на два небольших абзаца. Но зато, очень большая накрутка комментариев. К каждому такому рецепту по 100 — 130 комментариев. Явный пример, когда автор не может что-то дописать к рецепту. Поэтому, чтобы увеличить вес записи, использует накрутку большого числа бесполезных комментариев. Это конечно же очень плохо!
      А так, я стараюсь делать 500 — 1000 слов на статью. По мне, это оптимальное количество. Но конечно же некоторые темы требуют больше текста. Например, эта запись. Тут даже не все написано. Когда я закончил писать, то вспомнил еще многие полезные советы, по повышению юзабилити сайта. Однако уже не стал писать. Дам читателю самому поразмыслить. :)

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

    • Ага, внимание должно быть большое. Бывает столько много небольших, но важных моментов, которые попросту не замечаешь. Ну и знания и время нужно, чтобы все исправить. Без этого никуда!

  • Спасибо, советы очень правильные. Раньше обращала внимание на интересные штучки на сайтах, а теперь поняла, что главное — простота и удобство.

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

    По моему самые читаемые блоги имеют много контента, который вызывает негатив.

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

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

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

  • Да уж, рецепты повышения юзабилити — как салат Оливье, вроде и одинаково всё у всех, по сути, но у каждого имеются нюансы «)

    не знаю, для меня статья в 1000 знаков — это мини.. хотя и большие в последнее время тоже не люблю., это уже явно деформация от интернета пошла… раньше портянки отторжения не вызывали

  • Подписываюсь Сергей под каждым словом :-) Все правильно Вы в статье написали. Иногда зайдешь на сайт, а там вообще потеряться можно.

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

  • Многие на оборот говорят лучше писать длинные посты. Кого слушать! :smile: Со шрифтом на все 100% согласна, мелкий совсем не удобно читать.

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

  • Сергей, статья очень интересная. Поверьте, портянки я читать не особо люблю, но Вашу дочитал. Сказано много полезного, но у меня есть одно правило, задавать не особо приятные вопросы: скажите, почему ваш блог за два года имеет такие результаты, ТИЦ 0 PR 1? В чем по Вашему причина? Статьи интересные (надеюсь уникальные), ссылок входящих 158, против 8 исходящих, это просто класс, а результат не очень. Ну так как? :-(

    • Да, Геннадий. У меня очень скромные результаты. :-( В первую очередь это из-за того, что я не занимаюсь внешней seo оптимизацией. Ссылки не закупаю, на трастовых ресурсах не регистрируюсь и так далее. А во-вторых, у меня очень много старых публикаций, которые нуждаются в оптимизации. Когда я начинал, то публиковал очень сырые тексты. Вот наверное, из-за этого так все плохо! :-( Сейчас занимаюсь техническими вопросами. Все же хочется как-то улучшить свой блог. Потом буду переделывать старые записи. Там в них много текстовых ошибок, да и сама структура таких записей не очень. В общем, такие вот дела! Не предусмотрел все сразу, теперь приходится доделывать.

      • Сергей, я понял. Но у Вас теперь есть превосходство. Когда есть много статей и интересного контента, тогда легче сделать правильную перелинковку страниц. Про это можете почитать на моем блоге. Надеюсь у Вас все выйдет отлично. Удачи.

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

1 2
А что вы думаете по этому поводу?

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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