Как улучшить юзабилити сайта и сделать его наиболее удобным
Как же улучшить юзабилити сайта и сделать его наиболее удобным и приятным для всех своих посетителей и читателей? Наверное, каждый вебмастер и блоггер задает себе такой вопрос, когда смотрит на свой СДЛ. Признаюсь, я тоже не один раз ломал над этим голову. Вот решил еще раз поразмыслить над этим и выписать если не все, то наиболее важные советы и моменты по улучшению качества сайтов для людей. Здесь я затрону способы улучшения качества контента, скорости сайта, навигации, веб дизайна, а также другие многие моменты. К сожалению, на улучшение юзабилити сайта можно затратить немалое количество времени. Тут очень много технических моментов, которые нужно продумать и протестировать на локальном сервере. Однако это дело стоит потраченного времени. Поэтому если вы захотите как можно дольше удерживать своих посетителей и уменьшить показатель отказов, то задумайтесь над повышением удобства для ваших посетителей с самого начала создания проекта.
Это никогда не будет лишним, так как позволяет заранее определить, как посетители будут взаимодействовать с вашим сайтом и как долго они будут на нем оставаться. В этом материале я хочу дать вам несколько полезных советов, которые в значительной степени помогут вам увеличить время пребывания и удобство для пользователей на вашем сайте. Также я вам рекомендую почитать советы по успешному развитию сайта. Они вам очень пригодятся!
Качество контента
Куда не посмотри, а контент всегда будет главной ключевой особенностью. Не важно, будь то seo продвижение, юзабилити или какие-то рекламные кампании. Качество публикуемого материала всегда было, есть и будет главным инструментом вашего сайта. Поэтому старайтесь публиковать материал, который не вызывал бы каких-то отрицательных эмоций у посетителя. В действительности, чтобы улучшить качество контента, нужно соблюдать ряд основных моментов:
- интересный, полезный и уникальный материал — это один из важных моментов по увеличению качества ваших материалов. Если вы публикуете никому не нужный и бесполезный контент, то можно сразу забыть про дальнейшее развитие своего ресурса. Никто на него не будет заходить, так как ничего полезного в нем не будет. Поэтому старайтесь давать полезные и интересные советы для своих читателей!
- без воды и длинных полотен — длинные текстовые полотна сейчас не в моде! Пишите только по теме и не слишком много. Пользователю с первого раза будет трудно осилить огромное количество текста. Однако это не значит, что не стоит задумываться над раскрытием темы. Если вы видите, что тема довольно обширная для одного поста, то разбейте ее на несколько постов. Это будет не только в пользу удобства для читателя, но и для продвижения сайта. Также не старайтесь писать слишком маленькие посты. Это очень плохо сказывается на уникальности. По возможности добавляйте свои рассуждения, наблюдения или еще что-то полезное. Оптимальный текст в 500 — 1000 слов. Максимальный потолок в 1500 — 2000 слов. Так что ориентируйтесь на эти числа!
- красивое оформление постов — это тоже немаловажный момент по повышению качества своих материалов. Всегда разбавляйте текст картинками. Они очень хорошо улучшают восприятие материала и дают передышку при чтении. Также в тесте по возможности следует использовать подзаголовки. Они очень хорошо помогают ориентироваться в больших объемах информации. Еще нельзя исключать возможность внедрения маркированных списков, таблиц и различных аудио и видеоматериалов. Это намного может улучшить качество контента.
- выделяйте текст — это поможет заострить внимание пользователя на каких-то очень важных моментах. Более важные слова выделяйте жирным. Нужные предложения оформляйте в красивые блоки. Например, создать текстовый блок «Внимание» или «Цитата«. Однако ни в коем случае не переусердствуйте с этим. Выделяйте только самое необходимое.
- перелинковка — очень важный момент не только в продвижении сайта, но и в его юзабилити. Предлагая своим пользователям дополнительные статьи по теме, вы не только увеличиваете время пребывания человека на сайте, но и предлагаете ему дополнительные советы по схожей тематике. Также позаботьтесь о том, чтобы все ссылки были легко заметными и не сливались с общим фоном. Обязательно проверяйте наличие битых ссылок. Ведь неприятно, когда пользователю выдается ошибка при переходе. Еще неплохим вариантом будет вывести похожие записи в виде миниатюр. Это будет очень привлекательно!
- пишите без ошибок — это улучшит качество контента. Мало кто любит читать текст с большим количеством грубых ошибок. Поэтому всегда проверяйте наличие ошибок не только в новых, но и в старых записях. Например, текст на ошибки можно проверить в том же Microsoft Word. Я сейчас сам потихоньку исправляю свои старые записи.
Скорость загрузки сайта
Быстрая загрузка страниц вашего сайта также влияет на удобство пользования этим проектом. Никто не любит долго ждать, когда загрузится необходимый материал. Если ваш сайт очень медленно загружается, то посетители на таком сайте точно надолго не задержаться и уйдут искать информацию в другое место. Поэтому всегда старайтесь следить за скоростью своего сайта.Проверить скорость сайтов можно в различных сервисах. Я, к примеру, люблю пользоваться сервисом Pingdom. Старайтесь делать так, чтобы ваш проект грузился не дольше 3 секунд. Способов уменьшить скорость загрузки сайта достаточно много:
- установка и настройка плагина кэширования — это существенно поможет вам ускорить работу сайта, а также снизить нагрузку на свой сервер. Старайтесь использовать все виды кэширования.
- оптимизация картинок — уменьшайте размер фотографий без потери качества и обрезайте лишние области картинки. Так вы уменьшите размер страницы, а, следовательно, и время ее загрузки.
- включать только необходимые функции — откажитесь от использования лишних плагинов, модулей и скриптов. По возможности отключите лишний функционал в самой CMS и не гонитесь за слишком уж навороченными шаблонами для сайта. Как правило, в таких темах очень много лишнего кода, что сказывается на скорости загрузки сайта.
- оптимизация базы данных — не забывайте очищать много лишнего мусора в своей базе. Если у вас есть мультисайт, то позаботьтесь о создании продвинутой базы данных. Таким образом, вы существенно сможете снизить нагрузку на свой сервер. Если ваш сайт работает под управлением WordPress, то рекомендую вам посмотреть подборку плагинов по оптимизации базы данных.
- переход на более дорогой тариф от хостинга — выбирайте не только хороший хостинг, но и наиболее подходящие тарифы в нем. Если после вышесказанной оптимизации, вас пока полностью не устраивает скорость загрузки своего сайта, то попробуйте раскошелиться на более мощный и дорогой тариф. Возможно, вам понадобиться выделенный сервер для своих возможностей.
В общем, такие моменты по оптимизации сайта тоже нельзя упускать. Человек должен легко переходить на страницы вашего сайта. Однако и слишком увлекаться повышением скорости загрузки сайта тоже не стоит. Это чревато плохими последствиями для пользователей.
Удобная навигация:
Меню
Удобный сайт просто обязан обладать удобной для посетителя навигацией. Однако в погоне за удобством главное не переусердствовать. Особенно это касается выпадающего меню. На некоторых сайтах настолько разнообразно оно сделано, что навигация по нему может вызвать какой-то негатив. Очень много рубрик 2-4 уровней (рисунок ниже). Наводишь на определенную рубрику, а за ней раскрывается еще, еще и еще. Стоит только нечаянно дернуть мышкой и все меню сворачивается. Таким образом, получается своего рода баян какой-то.
По такому баяну ориентироваться довольно трудно, поэтому будьте внимательны при создании всплывающего меню. Не делайте рубрики больше второго уровня. Среди большого количества таких рубрик, пользователю будет труднее ориентироваться на сайте. Идеальным вариантом будет создание рубрик первого уровня. Однако это не всегда получается. Если у вас очень обширная тематика, то иногда может потребоваться использование рубрик второго уровня (подрубрик). Они очень хорошо разделяют тематику сайта. Таким образом, вам не придется все лепить в одну рубрику.
Вы скажите, а почему нельзя создать новые рубрики? Да, создать можно, но такие рубрики будут занимать дополнительное место. А подрубрики конкретно могут разделить тематику и к тому же такие разделы можно спрятать в основную рубрику. Это очень экономит место. Поэтому, если вы предусматриваете использовать немалое количество рубрик, то возможно стоит некоторые рубрики разделять на подрубрики. Только не используйте рубрики выше второго уровня, иначе получится баян.
В общем, вам тут необходимо досконально продумать навигацию на сайте. Если на вашем сайте очень много места, то сами рубрики можно сгруппировать еще и в различные виджеты. То есть по тематике все рубрики разделить на несколько виджетов. Данную навигацию можете посмотреть у меня на блоге. Сейчас она там используется. Также и скрытые подрубрики есть.
Еще неплохим вариантом будет использование графики в навигации. Человек быстрее и лучше воспринимает графику, нежели простой текст. Поэтому если у вас есть возможность рядом с рубриками выводить различные поясняющие иконки, то ни в коем случае не отказывайтесь от этого. Это будет только вам в плюс!Также в самих постах вам нужно выводить ссылку на категории, в которой эти посты опубликованы. Так пользователь будет знать, к какой рубрике принадлежит материал и потом с легкостью перейти в эту рубрику. Если вы используете метки, то их тоже нужно выводить в своих постах. Так у вас появится еще одна дополнительная навигация. Для рубрик я бы вам порекомендовал использовать хлебные крошки.
Карта сайта
Главным инструментом в удобной навигации является карта сайта для посетителей. Это своего рода содержание сайта в виде отдельной страницы. В ней расположены ссылки на все записи проекта. Все в одном месте так сказать! Это очень удобно для посетителей. Они быстро и наглядно смогут просмотреть все записи на вашем сайте. Даже нет такой книги, которая не включала бы у себя содержание для удобного поиска. Так почему же обременять этим делом и свой проект. Поэтому обязательно сделайте у себя такую карту сайта.
В карте сайта также не лепите все в одну кучу. Весь контент группируйте по разделам определенных тематик. Все эти разделы
выделяйте другим цветом, чтобы пользователю было легче ориентироваться среди большого количества ссылок. Также как я уже говорил, не будет лишним к каждому разделу прикреплять отдельные графические иконки. Если у вас очень обширная тематика, то можно сделать несколько дочерних карт для каждой подтемы. Только не делайте слишком много!Так пользователь сможет быстро выбрать нужную ему подтему и затем просматривать в ней необходимые материалы. Это очень актуально, когда на вашем сайте опубликовано несколько сотен записей. Таким образом, пользователю ненужно будет несколько раз листать страницы, чтобы найти только подходящую для него подтему и разделы к ней. В дальнейшем я тоже планирую создать у себя такую продвинутую карту сайта.
Постраничная навигация
Также стоит позаботиться и о постраничной навигации. На сайте такая навигация просто необходима. Ее следует установить на главной странице сайта. Попадаются и такие люди, которые специально отказываются от такой навигации. Я считаю это неправильным! Даже если доступно меню и карта сайта, то постраничная навигация все равно необходима. Так пользователи легко смогут зайти на страницы второго уровня и там просматривать анонсы различных постов. Такая навигация может быть использована в виде цифр или в виде текста.
Если на вашем сайте очень большое количество комментариев, то обязательно сделайте постраничную навигацию и для комментариев. Так пользователю будет наиболее удобно ориентироваться в большом потоке сообщений. Выводите где-то не больше 50 — 60 сообщений на страницу.
Также не стоит делать карту сайта в виде одного громадного текстового полотна. Если количество записей на вашем сайте или блоге не маленькое, то обязательно сделайте постраничную навигацию и на карте сайта. Это будет очень удобно для пользователей, так как никто не любит эти бесконечные прокрутки страниц. Также убедитесь, что на вашем сайте имеется форма поиска по сайту.
Веб-дизайн
Веб-дизайн — это лицо вашего сайта. Если такое лицо будет пугать посетителя или придавать какой-то негативный характер, то человек просто на просто сбежит с такого сайта и вряд ли уже на него вернется. Поэтому вам также стоит позаботиться об одежке для своего проекта. Хочу вам сказать, что многое зависит от тематики сайта. Тут главным играет психология восприятия цвета и восприятие форм у посетителя к данному сайту в определенной тематике. Конечно, от вас не требуется создание каких-то шедевров. Однако старайтесь подбирать такие шаблоны, которые наиболее оптимально могли бы подойти для вашей тематики и для ваших читателей.
Если сомневаетесь, то в интернете полным полно таки шаблонов. Они разбиты на отдельные категории тематик. Выбирайте свое направление и просматривайте подходящие шаблоны. В общем, тут зависит от тематики проекта. Если для простого блога достаточно простой и легкий бесплатный шаблон, то для крупного портала нужен шаблон наиболее навороченный. Может даже в стиле Web 2.0. Для коммерческих сайтов тоже не стоит использовать простенькие шаблоны. Нужно искать что-то красивое и привлекательное, чтобы завлечь больше посетителей.
Для коммерческих сайтов я бы порекомендовал покупать премиум шаблоны или заказывать шаблон с нуля. Все ваши продажи во многом могут зависеть от успешного дизайна сайта. Поэтому не жалейте денег на добротный и качественный веб-дизайн. Однако в погоне за качеством и красотой не стоит перегибать палку. Все это излишество сможет сыграть с вами в злую шутку. Слишком уж пестрые, и напичканные различного рода блоками шаблоны могут отпугивать посетителей. Поэтому знайте меру! Используйте только те функции, которые действительно необходимы. Ничего лишнего не должно быть!
Также немаловажным моментом является доступность мобильной версии и приложений для вашего сайта. Сейчас с бурным развитием сети и технологий, все больше и больше людей предпочитают использовать мобильный интернет. Это быстро и удобно! Поэтому вам обязательно нужно позаботиться об отзывчивом дизайне сайта и возможно об установке мобильных приложений. Так у вас есть гарантия, что зайдя с мобильного устройства на ваш сайт, пользователь будет чувствовать в нем комфортно.
Для быстрого доступа все навигационные элементы будут в подходящей части страницы, все кнопки будут соответствующего размера для устройства, а просматривать контент будет намного удобнее. В общем, позаботьтесь хотя бы о мобильной версии сайта, чтобы в дальнейшем не терять большую часть трафика и улучшить юзабилити сайта на мобильных устройствах.
Другие полезные советы
Большое значение имеет сам шрифт на сайте. Неудобный и плохой шрифт будет только насиловать пользователя. Поэтому не старайтесь бегать за красотой. В постах используйте только стандартные простые шрифты. К тому же они поддерживаются всеми браузерами. Я бы порекомендовал в постах использовать шрифт Verdana. Также немаловажным играет и размер шрифта. Слишком мелкий текст очень трудно читать. Поэтому рекомендую использовать шрифт размером 13 — 14 кеглей.
Будьте внимательны с количеством и качеством рекламы на сайте. Как правило, эта самая распространенная ошибка сайтов на движке WordPress. Большое количество различных объявлений, а также ужасные картинки в блоках быстро отпугнут посетителя и оставят только негативный отклик о вашем сайте. Поэтому думайте, что вы ставите на свой сайт.
Уделяйте возможности удобной функции комментирования на сайте. Нужно отключить капчу и найти другие способы борьбы со спамом. Если на проекте наблюдаются огромные дискуссии, то лучше сделать древовидные комментарии и постраничную навигацию к ним. В каждом сообщении должна выводиться граватарка комментатора. Некоторые специально ее прячут. Так нельзя делать! Получается, что непонятно, кто кому отвечает. Да и для общения так очень удобно. Поэтому всегда нужны такие граватарки и желательно наиболее оптимального размера. Слишком большие и слишком маленькие изображения ненужны.Ну и обязательно предусмотрите наиболее красивую и качественную подписку. Сюда должна входить подписка на свежие записи сайта, на новые комментарии к определенной теме, а также подписка в социальных сетях. Весь этот процесс должен быть понятен для пользователя и прост в применении. А для блоггеров я бы порекомендовал придерживаться главной сути ведения блога. Это тоже очень важно!
Заключение
Вот собственно и все! Или нет? Если вы знаете еще какие-то способы по улучшению юзабилити сайта и уменьшению показателей отказа, то обязательно напишите ниже в комментариях. А так, как видите способов по улучшению качества сайта довольно много. По идее этот пост нужно было разбить на несколько статей. Уж больно он объемистый получился. Однако тема очень важная. Во второй части темы про улучшение удобство сайта я говорю о важности содержания, ссылок и направления пользователя.
А вот идеальный сайт или блог на 100% не всегда удается сделать. Нужно много времени и опыта. Однако это не значит, что не стоит к этому стремиться. У меня тоже не все так гладко. Столько всего нужно исправлять. Но потихоньку я исправляю многие недочеты на своем блоге, что и вам рекомендую иногда делать. В общем, изучайте и внедряйте!
[socialpost]
Повышение ROI через улучшение юзабилити: примеры и статистика
Повышение удобства использования компьютерных продуктов и услуг — умный ход. Юзабилити повышает удовлетворенность и производительность, что влечет за собой доверие и лояльность клиентов, а это, в свою очередь, ведет к экономии средств и повышению рентабельности. Поскольку конструирование пользовательского интерфейса (UI) в любом случае является частью платной разработки продукта, то следует обратить внимание на то, чтобы всё было сделано правильно.
Большинство менеджеров по разработке программного обеспечения и веб-сайтов рассматривают затраты на оптимизацию юзабилити как дополнительные усилия и расходы, хотя чаще всего верно противоположное. Дело в том, что первые 10% процесса проектирования, когда принимаются ключевые решения по системному дизайну, могут определять 90% стоимости и производительности продукта, а методы юзабилити помогут привести его в соответствие с целями компании. Юзабилити возвращается в виде многочисленных выгод (возврат инвестиций — return on investment, ROI) от продуктов, разработанных как для внутреннего использования, так и для продажи.
Внутренняя рентабельность инвестиций (Internal ROI) — это:
- Повышение производительности пользователей
- Снижение количества пользовательских ошибок
- Снижение затрат на обучение
- Экономия, полученная от внесения изменений на ранних стадиях проектирования
- Сокращение поддержки пользователей
Внешняя рентабельность инвестиций (External ROI) состоит из следующих составляющих:
- Увеличение продаж
- Снижение расходов на поддержку клиентов
- Экономия, полученная от внесения изменений на ранних стадиях проектирования
- Снижение затрат на обучение (если обучение осуществляется за счет компании-поставщика)
Юзабилити также играет заметную роль в восприятии продукта, тем самым влияя на стоимость бренда и долю компании на рынке. Около 15% объема обзоров, публикуемых в отраслевых журналах, периодических изданиях и общенациональных газетах посвящено удобству использования или юзабилити товаров. Такие медиагиганты как The New York Times, Financial Times и Wall Street Journal публикуют еженедельные колонки, в которых оценивается программное обеспечение. Ведущий IT-журнал Info World уделяет от 18% до 30% объема своих публикаций вопросам легкости освоения, простоты использования и качества сопроводительной документации рецензируемого программного обеспечения.
Юзабилити также может влиять на финансовое здоровье и общественное восприятие IT-бизнесов менее очевидными способами. Многие компании не понимают вопросов, возникающих у пользователей по поводу их продуктов. Проблемы, вызванные этим упущением, приводят к тому, что производителей признают ответственными за недостатки разработки. К сожалению, зачастую пользовательская оценка юзабилити проводится первый раз только тогда, когда производители подвергаются воздействию инженерии человеческого фактора.
С учетом вышеизложенных выгод юзабилити рассмотрим доказательства его положительного влияния на ROI.
Читайте также: 4 причины, почему UX играет ключевую роль на вашем лендингеСокращение расходов
Эмпирическое правило во многих организациях, осведомленных о юзабилити, заключается в том, что соотношение затрат и выгод в вопросе удобства пользования составляет $1: $10- $100. Когда система находится в стадии разработки, то исправление проблемы стоит в 10 раз больше, чем аналогичное действие в периоде конструирования. Если система была выпущена на рынок, то исправление ошибки обходится в 100 раз дороже, чем на стадии дизайна. (Gilb, 1988).
Средний пользовательский интерфейс имеет около 40 недостатков. Исправление самых простых 20 из них дает среднее улучшение удобства пользования на 50%. Больший выигрыш, однако, возникает тогда, когда фактор юзабилити учитывается с самого начала. Такой подход может привести к повышению эффективности более чем на 700%. (Landauer, 1995).
Юзабилити-инжиниринг наиболее эффективен в начале цикла конструирования продукта, особенно если этот метод является частью качественного функционального развертывания (quality functional deployment, QFD), операции, используемой для структурирования процесса разработки посредством фокусирования внимания на требованиях клиентов. Применение QFD может уменьшить время разработки на величину от одной трети до половины. Например, для новых продуктов не потребуется инвестиций в каждый конкретный дизайн, а их многочисленные возможности могут быть изучены при относительно низких затратах. Учет антропогенных факторов на первоначальной стадии разработки существенно снижает потенциальные потребности в последующем редизайне, обслуживании и клиентской поддержке, которые могут заметно «пожирать» прибыль.
Количество возможных вариантов дизайна уменьшается по мере того, как растут затраты на внесение изменений. Кривая количества возможных альтернативных вариантов дизайна (No. Possible Design Alternatives) пересекается с кривой стоимости изменений (Cost of Changes) на этапе разработки (Development Phase), которому предшествует фаза формулировки требований к продукту (Requirements Phase). Процесс производства завершается стадией размещения продукта на рынке (Deployment Phase).
Краткосрочные выгоды могут накапливаться во время разработки продукта, а долгосрочные — при размещении продукта на рынке. Клиенты получают улучшение юзабилити благодаря повышению легкости использования и простоты обучения, увеличению удовлетворенности и росту производительности пользователей. В то же время уменьшается количество «пользовательских» ошибок, снижаются затраты на обучение и поддержку клиентов, а также техническую поддержку продукта.
Принимая на начальных этапах производства упреждающие меры в области юзабилити и потребительского качества, можно добиться чрезвычайно мощного влияния на экономию средств на всех последующих стадиях жизненного цикла продукта.
Сокращение расходов на разработку
Экономия от предыдущих и последующих изменений: поправки стоят меньше, когда они делаются на раннем этапе жизненного цикла разработки. 20 изменений в проекте, сделанные за период в 32 часа при [минимальной] почасовой ставке в размере 35 долларов, будут стоить $22 400. Сокращение времени внесения тех же изменений до 8 часов приведет к снижению затрат до $ 5 600. Экономия составит $ 16 800. (Human Factors International, 2001).
Компании по предоставлению финансовых услуг пришлось отказаться от программного приложения, когда незадолго до внедрения разработчики провели тест на приемлемость для пользователей (User Acceptance Test, UAT), обнаруживший фатальную ошибку в их предположениях о том, как будут вводиться данные. К этому времени было слишком поздно менять базовую структуру, поэтому предложение никогда не было внедрено. («Важность разработки удобных в использовании систем» — Dray, S. M. (1995). The importance of designing usable systems).
Когда руководителей компаний опросили относительно причин составления ошибочной сметы расходов, в качестве четырех главных факторов были названы проблемы, решаемые передовыми методами из области юзабилити-инжиниринга: частые пользовательские запросы на внесение изменений, пропущенные задачи, отсутствие понимания пользователями их собственных требований и недостаточная взаимосвязь между пользователями и аналитиками. («Преимущества юзабилити-инжиниринга» — Barker, D. T. (2000). Cost benefits of usability engineering).
Исследование оценок стоимости программного обеспечения показало, что 63% крупных софтверных проектов значительно превышают смету расходов. Когда их попросили объяснить неточную оценку затрат, менеджеры проектов назвали 24 разных причины и, что интересно, четыре причины, на которые была возложена наибольшая ответственность, были связаны с проектированием юзабилити. Надлежащая методология юзабилити-инжиниринга предотвратит большинство подобных проблем и, следовательно, существенно снизит перерасход средств в проектах разработки программного обеспечения. («Техника юзабилити», Якоб Нильсен — Nielsen, J. (1993). Usability engineering. San Francisco: Morgan Kaufmann ).
Экономия времени разработки
Методы юзабилити позволили одной высокотехнологичной компании сократить время, затрачиваемое на одну утомительную задачу по разработке, на 33-50%» на 40% (Bias & Mayhew, 1994). В другой компании подобные техники помогли сократить время разработки на 33-50%. («Качественное функциональное развертывание: подход практикующего» — Bosert, J. L. (1991). Quality functional deployment: A practitioner’s approach. Boston: Academic Press).
Питер Конклин (Peter Conklin) в своей статье «Эффективное внедрение юзабилити в разработку» (1991) заявляет, что ускорение разработки является ключевой целью интеграции юзабилити в процесс производства продуктов и что задержка выпуска релиза на один квартал может привести к потере 50% прибыли. («Обоснование расходов на юзабилити» — Bias, R. G. & Mayhew, D. J., (Eds.) (1994). Cost-Justifying usability. San Francisco: Morgan Kaufmann Publishers, далее Bias & Mayhew, 1994).
Рост доходов происходит из-за увеличения конкурентоспособности продукта, продемонстрировавшего юзабилити, повышение производительности конечного пользователя и снижение затрат на обучение. Конклин утверждает, что еще одной целью является ускорение внедрения товара на рынок путем использования данных об удобстве его использования для улучшения маркетинговой литературы, достижения влияния на авторитетов отрасли и первоначальных пользователей, а также демонстрация юзабилити продукта и снижение стоимости обучения. (Bias & Mayhew, 1994).
Снижение расходов на обслуживание
[Методики юзабилити-инжиниринга] достаточно эффективны при обнаружении проблем юзабилити в начале цикла разработки, когда они являются самыми простыми и исправить их дешевле всего. Обнаружив проблемы юзабилити на стадии проектирования продукта, American Airlines сократила стоимость их исправления на 60-90%. (Bias & Mayhew, 1994).
Одно [известное] исследование показало, что 80% расходов в жизненном цикле программного обеспечения возникают на этапе технического обслуживания. Большинство эксплуатационных расходов связано с «неудовлетворенными или непредвиденными» требованиями пользователей и другими проблемами юзабилити. («Разработка программного обеспечения: подход практикующего» — Pressman, R. S. (1992). Software engineering: A practitioner’s approach. New York: McGraw Hill).
Мартин (Martin) и МакКлюр (McClure) обнаружили, что 20-30 миллиардов долларов по всему миру расходуется на техническую поддержку продуктов. Изучение отставания работ по техническому обслуживанию показывает, что «невидимые» задержки составляют 167% от размера объявленного отставания. Анонимные исследования данных показывают, что отделы по внутреннему развитию компаний тратят основную часть своих ресурсов на деятельность по техническому обслуживанию и поэтому не могут приступить к разработке стратегических новых систем». («Обслуживание программного обеспечения: проблема и ее решение» — Martin, J. and McClure, C. (1983). Software maintenance: The problem and its solution).
Увеличение объема продаж
Полезные продукты приводят к значительному снижению расходов и росту продаж. Непригодные для использования товары/услуги чаще всего препятствуют выполнению продуктивных функций или получению информации, необходимой для совершения покупки на сайте eCommerce. Интернет-покупатели тратят большую часть своего времени и денег на сайтах с лучшим юзабилити. Хорошие навигация и дизайн облегчают пользователям поиск того, что они ищут, и покупку искомого, как только оно найдено. Поскольку существует так много плохо разработанных веб-ресурсов, то, когда посетители находят один сайт, который нормально работает, они совершают на нем повторные конверсионные действия и наделяют своим доверием компанию, владеющую им.
Полезные продукты также способствуют появлению хороших обзоров. Публикации — это фактор привлечения внимания, а хорошие обзоры приводят к увеличению продаж.
Увеличение транзакций/покупок
В одном из исследований отмечалось, что улучшение качества обслуживания увеличивает количество покупателей на 40%, а размер заказа — на 10% («Руководство по выживанию доткомов» — The dotcom survival guide. Creative Good, 2000).
Вы можете увеличить объем продаж на вашем сайте до 225%, предоставив вашим посетителям достаточную информацию в нужное время. В недавнем исследовании было обнаружено, что дизайн списков продуктов напрямую влияет на продажи. На сайтах, которые не требовали, чтобы покупатели перемещались вперед и назад между списком и отдельными страницами продуктов, посетители добавляли больше товаров в свою корзину и имели более положительное мнение о интернет-магазине. Поняв ожидания и потребности ваших клиентов и соответствующим образом составив список продуктов, вы сможете значительно можете значительно увеличить ваши продажи. (User Interface Engineering, 2001).
Увеличение продаж продукции
Виксон (Wixon) и Джонс (Jones) провели тематическое исследование версии программного продукта, ориентированного на юзабилити, что увеличило доход от продаж более чем на 80% по сравнению с первым выпуском, разработанным без учета удобства пользования. Доходы от программы с улучшенным юзабилити были на 60% выше прогнозируемых. Многие клиенты указали удобство использования в качестве ключевого фактора при покупке нового продукта. (Bias & Mayhew, 1994).
После того, как сайт торговли недвижимостью move.com на основе рекомендаций UI-консалтинговой фирмы завершил на своей домашней странице редизайн опций «Поиск» и «Связаться с агентом», способность пользователей находить объект потенциальной покупки увеличилась с 62% до 98%, генерация лидов выросла более чем на 150%, также значительно улучшилась возможность продавать рекламное пространство на сайте. («Двигаясь дальше: Move.com улучшает потребительский опыт» — Moving on up: Move.com improves customer experience. Vividence, 2001).
Масштабы улучшений, достигаемых в результате оптимизации юзабилити, обычно велики. Речь не идет об увеличении использования продукта на несколько процентов. Как правило, усилия, вложенные в юзабилити, в результате оборачиваются 100% увеличением трафика или продаж. (Якоб Нильсен, «Исследования интернета: верьте данным» — Nielsen, J., Web research: Believe the data).
Согласно исследованию компании Forrester Research, сайты электронной коммерции с запутанной навигацией теряют до половины потенциальных продаж, если посетители не могут найти товары. («Заблудившийся в лабиринте и сбитый с толку» — Kalin, S. (1999). Mazed and confused, далее Kalin, 1999).
Увеличение трафика (размера аудитории)
Веб-присутствие IBM традиционно состояло из сложного для ориентации лабиринта разрозненных подсайтов, но редизайн сделал сайт компании более цельным и удобным. По словам представителей IBM, массированные усилия по редизайну быстро принесли дивиденды. Компания заявила, что месяц спустя после перезапуска сайта трафик в онлайн-магазин IBM увеличился на 120%, а продажи выросли на 400%. («Редизайн IBM приводит к более удобному и простому веб-сайту» — Battey, J. (1999). IBM’s redesign results in a kinder, simpler web site).
HomePortfolio.com отслеживали трафик сайта, наблюдали за поведением потребителей с точки зрения юзабилити и работа с внутренними бизнес-клиентами. Это помогло внести изменения, которые сделали цель сайта более четкой для понимания и в известной мере увеличили коэффициент транзакций. Трафик вырос на 129% за неделю после внесения изменений. (Interaction Design, Inc., 2001).
Сохранение клиентов (частота использования)
Более 83% интернет-пользователей могут покинуть сайт, если почувствуют, что им приходится делать слишком много кликов, чтобы найти то, что они ищут. («Исследование дизайна веб-сайтов» — Arthur Andersen (2001). Web site design survey).
Плохой дизайн может стоить веб-сайту 40% повторного трафика. Хороший дизайн может заставить посетителей вернуться. Несколько тестов помогут понять разницу [между плохим и хорошим дизайном]. (Kalin, 1999).
Привлечение клиентов (рост привлекательности)
Маркетологи Staples.com определили, что ключ к успеху в интернете и увеличению доли рынка заключался в том, чтобы сделать сайт электронной коммерции максимально удобным. Они потратили сотни часов на оценку рабочей среды пользователей, их потребностей в поддержке принятия решений и тенденций, проявляемых во время просмотра веб-страниц и покупки офисных продуктов и услуг малого бизнеса онлайн. Методы изучения включали в себя сбор данных, эвристические оценки и юзабилити-тестирование. Были достигнуты следующие результаты:
- Количество повторных клиентов увеличилось на 67%
- Отток снизился на 31-45%
- Опыт покупательский опыт улучшился на 10%
- Трафик вырос на 80%
- Увеличились доходы в целом»
(Human Factors International, 2001)
В проведенном в 1999 году исследовании год респондентам было предложено перечислить 5 самых важных причин для покупки в интернете. Хотя низкие цены безусловно привлекали потенциальных покупателей, ценообразование было только третьим по важности вопросом. Большинство ответов было связано с тем, что процесс онлайн-покупки легок, приятен и эффективен. Главная причина, по мнению приблизительно 83% респондентов, заключается в том, что “В интернете легко разместить заказ». (Якоб Нильсен, «Почему люди делают покупки в интернете» — Nielsen, J. Why people shop on the web).
Увеличение доли рынка (конкурентное преимущество)
«Юзабилити — одно из наших секретных вооружений». Тайное оружие, кажется, работает. Основной веб-сайт брокерской компании Schwab для инвесторов, проживающих в США, schwab.com, обрабатывает транзакции с ценными бумагами на сумму более $7 000 000 000 долларов в неделю, обслуживает более чем 2 миллиона активных учетных записей клиентов, владеющих в совокупности $174 млрд. Располагая этими цифрами, можно задаться вопросом: зачем Schwab вообще нужно вносить какие-либо изменения на свой сайт? Но в компании знают, что не могут позволить себе почивать на лаврах: поскольку все больше и больше новичков приходит в интернет, конкуренция за их доллары увеличивается, и главным критерием качества сайтов электронной коммерции становится простота их использования» (Kalin, 1999).
Важность обладания конкурентным преимуществом в юзабилити может быть более всего выражается на сайтах eCommerce. Такие сайты обычно отсеивают почти половину повторных сделок, потому что не позволяют посетителям легко найти нужную им информацию. Между тем повторные клиенты самые ценные: согласно исследованиям, новые клиенты оставляют в интернет-магазине в среднем по 127 долларов за покупку, в то время как повторные пользователи тратят почти в 2 раза больше: в среднем $251. (Якоб Нильсен, «Лояльность в интернете» — Nielsen, J. Loyalty on the web).
Читайте также: Пользовательский опыт и юзабилити на сайтах eCommerceПовышение эффективности
Ориентированный на пользователя дизайн приносит пользу клиентам, их компаниям и самим поставщикам услуги/продукта. Улучшение юзабилити повышает производительность и удовлетворение от работы с приложением при снижении потребностей в поддержке и требований к документации. Все эти преимущества способствуют успешному достижению бизнес-целей.
Увеличьте вероятность успеха, сократив ошибки пользователей
Одно из исследований, проведенных NCR (американская IT-компания, мировой лидер в области банковских, торговых и информационно-технологических решений) показало увеличение производительности труда на 25% при добавочном снижении на 25% ошибок, что явилось результатом перепроектирования экранов, проведенного в соответствии с основными принципами хорошего дизайна. («Время отклика на действия пользователей в интерактивных человеко-машинных компьютерных системах» — Gallaway, G. (1981). Response times to user activities in interactive man/machine computer systems).
Когда консультанты по юзабилити из исследовательской компании UIE попросили пользователей сайта Disney.com найти ближайший к монорельсовой дороге в Disney World отель, то около 20% участников теста “заблудились в Диснейленде“ и даже не знали об этом. “Если каждый пятый посетитель тематического парка теряется, то Disney должен это исправить“, — дает совет Джаред Спул (Jared Spool), руководитель UIE. Старший вице-президент и генеральный директор Disney Online Кен Гольдштейн (Ken Goldstein) отмечает, что его департамент уже обязался разработать простой в использовании дизайн сайта Диснейленда. Хотя Disney Online не имел никакого отношения к тестированию Спула, Гольдштейн заинтересовался его исследованиями юзабилити. «По мере развития следующего поколения Disney.com, — заверяет Гольдштейн, — мы продолжим откликаться на запросы клиентов, используя нашу собственную методику тестирования юзабилити» (Kalin, 1999).
Исследование, проведенное Zona Research, показало, что 62% интернет-покупателей отказывается от поиска товара, который они хотели купить в интернете (20% делает это более трех раз в течение двухмесячного периода). (Якоб Нильсен, «Провал корпоративных сайтов» — Nielsen, J. Failure of corporate websites).
В исследовании Джареда Спула, охватывающем 15 крупных коммерческих сайтов, пользователи могли найти нужную информацию только в 42% случаев, даже если они находились на корректной домашней странице, прежде чем начинали выполнять свои тестовые задачи. (Якоб Нильсен, «Провал корпоративных сайтов» — Nielsen, J. Failure of corporate websites).
Сокращение времени выполнения задачи
Обусловленная антропогенными факторами, инженерия юзабилити добивается значительных успехов в повышении производительности труда в IT-организациях. В частности, одна из крупных компьютерных компаний потратила 20 700 долларов на оптимизацию процедуры регистрации в системе, используемой несколькими тысячами пользователей. Результативное улучшение производительности помогло компании сэкономить $41 700 в первый же день использования усовершенствованной системы. В случае применения системы, используемой более 100 000 человек, расходы на улучшение юзабилити в размере 68 000 долларов принесли компании прибыль в $6 800 000, полученную в течение первого года имплементации усовершенствованной версии. Соотношение расходов и прибыли составило 1: 100. (Bias & Mayhew, 1994)
Чтобы построить модель внутренней сети, компания Bay Networks потратила 3 миллиона долларов и два года на исследование различных способов, которыми люди думают об одном и том же. Результат: все думают одинаково о 10 миллионах долларов, которые компания экономит ежегодно. (Fabris, P. (1999). You think tomaytoes I think tomahtoes).
Неадекватное использование методов юзабилити-инжиниринга в проектах разработки программного обеспечения согласно экспертным оценкам обходится экономике США приблизительно в 30 миллиардов долларов ежегодных убытков, вызванных снижением производительности. Согласно предварительным оценкам Якоба Нильсена плохой дизайн корпоративных интрасетей в 2001 году причинит убытков на сумму 50-100 миллиардов долларов (50 млрд — это консервативная оценка, 100 млрд — медианная). Плохой дизайн в открытом интернете обойдется США еще в несколько миллиардов долларов, хотя основная часть этих потерь может не проявиться в валовом национальном продукте, поскольку эти утечки плохо поддаются контролю — пользователи в это время находятся вдали от офисов. (Nielsen, J. Discount usability for the web.)
В корпоративной интрасети плохое юзабилити означает низкую производительность труда. Юзабилити-гуру Якоб Нильсен считает, что любые инвестиции в упрощение использования интрасети может окупиться в 10 или более раз, особенно в крупных компаниях. (Kalin, 1999).
Повышение удовлетворенности пользователей
Внедрение на рейсах одной из авиакомпаний программы развлечений во время полета (IFE, In-flight Entertainment System) настолько расстроило стюардесс, вынужденных ее использовать, что многие из них предпочли летать короткими местными маршрутами, чтобы избежать необходимости учиться и применять сложные системы. Испытанный временем процесс подачи заявок на маршруты основан на выслуге лет, а перелеты на дальние дистанции всегда считались наиболее желательными. Подача стюардессами заявок на участия в рейсах из Денвера в Даллас (чуть больше 1000 км) только для того, чтобы избежать применения IFE, свидетельствовала о наличии у них серьезной моральной проблемы. («Пациенты управляют психиатрической лечебницей: почему высокотехнологичные продукты и сводят нас с ума и как восстановить здравомыслие» — Cooper, A. (1999). The inmates are running the asylum: Why high-tech products drive us crazy and how to restore the sanity).
Когда системы соответствуют потребностям пользователей, удовлетворенность часто улучшается буквально драматически. В исследовании Gartner, проведенном в 1992 году, применение методов оптимизации юзабилити увеличило степень удовлетворенности пользователей системы на 40%. (Bias & Mayhew, 1994).
Снижение текучести кадров
Компания Humantech, Inc. изучала эргономику окружающей среды служебных помещений и производительность по выборке из 4000 управленческих, технических и офисных работников в рамках широкого среза отраслей американской промышленности. Опросы показали, что у респондентов, работающих с видеомониторами, было в 2 раза больше жалоб на дискомфортные ощущения в области плеч и шеи, в 3 раза чаще они сообщали о чрезмерном напряжении глаз. У таких работников наблюдался более высокий уровень абсентеизма при низкой удовлетворенности работой, а текучесть кадров у них возросла до 30%. («Почему эргономику больше нельзя игнорировать» — Schneider, M. F. (1985). Why ergonomics can no longer be ignored).
Увеличение легкости использования
Учет легкости использования при разработке ваших продуктов фактически экономит деньги. Отчеты показывают, что гораздо более экономно учитывать потребности пользователей на ранних этапах проектирования, чем решать их позже. Например, в книге “Разработка программного обеспечения: подход практикующего” (Software Engineering: A Practitioner’s Approach), ее автор, инженер-программист Роберт Прессман (Robert Pressman) показывает, что вместо каждого доллара, вложенного в решение проблемы во время конструирования продукта, 10 долларов будет потрачено на ту же проблему во время его производства, и первоначальный условный доллар нужно будет умножить на 100 или большую цифру, если проблему придется исправлять после выпуска продукта. (IBM, 2001).
Повышение простоты обучения
Исследование издания “Computer + Software News“ (1986) показало, что пользователи поставили легкость использования на второе место в рейтинге важных факторов покупки с результатом 6.8 из 10 баллов, в то время как легкость обучения оказалась четвертой с показателем 6.4. (Bias & Mayhew, 1994).
Увеличение доверия к системам
При редизайне сайта EuroClix перед его перезапуском проводились пользовательские испытания. За первые 6 месяцев для участия в них зарегистрировалось более 30 000 пользователей. Это исследование ясно показывает, что проблемы доверия потребителей могут быть значительно смягчены предоставлением релевантной информации тогда, когда у пользователей возникает в ней потребность. («Разработка модели доверия для электронной коммерции: приложение для маркетинга разрешительного характера на веб-сайте» — Egger, F. N. & de Groot, B. (2000). Developing a model of trust for electronic commerce: An application to a permissive marketing web site).
Снижение затрат на поддержку
Несколько лет назад функция объединения страниц при печати в текстовом редакторе Word для Windows провоцировала множество длинных — средней продолжительностью 45 минут — обращений в службу поддержки Microsoft. По результатам юзабилити-тестов пользовательский интерфейс этой функции был исправлен. При выпуске следующего релиза программы количество звонков в службу поддержки радикально снизилось, а корпорация Microsoft признала наличие «значительной экономии средств». (Bias & Mayhew, 1994).
Известный производитель принтеров выпустил драйвер, при установке которого множество пользователей испытывали затруднения. Служба поддержки получила более 50 000 обращений за консультациями, что обошлось компании почти в 500 000 долларов в месяц. Чтобы исправить ситуацию, производитель отправил пользователям письма с извинениями и дискету с патчем исправления (по цене 3 доллара США). В итоге проблема стоила компании $900 000. Пользовательские тестирования драйвера перед его выпуском не проводились. Если бы продукт был подвергнут даже самому простому юзабилити-тесту, то проблема могла бы быть выявлена и исправлена при значительно меньших затратах» (Bias & Mayhew, 1994).
Снижение затрат на обучение/документацию
В другой компании провели анализ затрат и выгод и подсчитали, что тщательно продуманный графический интерфейс новой системы имеет внутреннюю норму прибыли 32%. Этот показатель достигается за счет сокращения времени обучения на 35%, уменьшения времени испытаний на 30% и, среди прочего, повышения производительности труда. («Финансовое обоснование антропогенных факторов для внутреннего проекта развития» — Dray, S. M. & Karat, C. (1994). Human factors cost justification for an internal development project).
В одной из исследованных компаний обучение конечных пользователей для внутренней компьютерной системы, спроектированной с учетом требований юзабилити, занимало один час по сравнению с полной неделей обучения для аналогичной системы, не оптимизированной с точки зрения простоты использования. В результате улучшения юзабилити компания AT & T сэкономила 2 500 000 долларов, предназначенных на обучение персонала. (Bias & Mayhew, 1994).
Исследование издания “Computer + Software News“ (1986) показало, что системные менеджеры оценили легкость обучения как седьмой по важности из 10 главных факторов в пользу покупки. (Bias & Mayhew, 1994).
Читайте также: Как построить бренд через оптимизацию конверсии и юзабилити?Вывод
Преимущества юзабилити-инжиниринга могут быть реализованы на протяжении всего срока службы продукта. Применяя методы юзабилити в производственном процессе, разработчики могут сделать его более эффективным, что, в свою очередь, однозначно принесет пользу жизненному циклу продукта. Эффективные методы разработки могут приблизить дату выпуска продукта, что позволит производителям поставить его на рынок раньше конкурентов. Продукт, ориентированный на пользователя, может получить положительные обзоры в СМИ, приводящие к увеличению продаж.
Удобный пользовательский интерфейс может повысить простоту обучения, легкость использования, удовлетворенность работой и доверие к продукту.
Каждый продукт требует решения индивидуальных задач по юзабилити. Разработчики должны определить соответствующие методы конструирования пользовательского интерфейса перед осуществлением проекта для того, чтобы получить оптимальные результаты, содействующие осуществлению прогнозов стоимостных затрат. Поскольку конкурирующие группы постоянно изыскивают бюджетные ресурсы, крайне важно определить обоснование стоимости юзабилити-инжиниринга. Сторонники методов юзабилити должны представить надежные аргументы в пользу их применения тем старшим менеджерам, что будут проверять чистый доход компании.
Клиенты постоянно становятся все более зависимыми от технических инструментов. После каждого усовершенствования этих инструментов обычно увеличивается количество информации, которую пользователи должны изучить. Удобство использования приобретает критически важное значение. Поскольку большинство пользователей программного обеспечения и интернет-технологий не имеют технического образования, облегчение и упрощение этих продуктов является непременным условием их разработки. Независимо от вида деятельности, будь то служебная задача или покупка у поставщика, пользователь должен быть центром процесса проектирования.
Анализ затрат и выгод показывает значительную отдачу от инвестиций в юзабилити. Поскольку всё больше компаний понимают огромную пользу от оптимизации процессов использования продуктов, воплощение принципов ыыюзабилити в продукт становится стандартной практикой во множестве отраслей бизнеса.
Существует множество проблем, стоящих перед планировщиками, аналитиками, маркетологами, дизайнерами. Например, целесообразным представляется знать различные методики получения положительных значений ROI юзабилити в разных контекстах и в ситуациях маркетинга/продаж. Кроме того, важно знать самые лучшие методы извлечения конкретных выгод от внедрения принципов юзабилити-инжиниринга на практике.
Высоких вам конверсий!
По материалам: ida.liu.se Источник изображения: kiwi_jono
01-07-2017
Как повысить юзабилити сайта, и что сделать на сайте для удобства пользователей
От автора: вы когда-нибудь представляли себя на месте пользователя вашего сайта? Представьте, что вы говорите по телефону с начальником, тут вам пишет кто-то из родственников и напоминает о том, что сегодня обязательно нужно быть на дне рождении подруги брата кумы. Подарок у вас еще, естественно, не куплен. И вы понимаете, что у вас очень мало времени, чтобы выбрать подарок в интернете, и еще меньше — чтобы забрать его в магазине. Заходите на какой-то сайт. Блин, долго грузится, нет времени ждать. А на этом ничего не понятно — нет желания разбираться. А где здесь вообще меню?
Как вы уже догадались, в этой статье пойдет речь о том, как повысить юзабилити сайта и направить внимание его посетителей в нужную сторону.
Что такое юзабилити?
Этот термин вошел в широкое употребление относительно недавно, несколько лет назад. Сейчас это значимый аспект создания и продвижения любого сайта — ему посвящены книги, видеокурсы, международные конференции и т. д.
В широком смысле термин usability означает «степень удобства пользования тем или иным предметом». Синонимами этого понятия можно считать «дружественность», «удобство использования», «эргономичность». В частном случае, то есть, применительно к пользовательским интерфейсам, под юзабилити мы подразумеваем:
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнееудобство и простоту навигации;
логичное и комфортное расположение разных элементов;
продуманную структуру меню и элементов управления;
общую легкость восприятия веб-дизайна.
Это обязательно должны учитывать все мастера веб-дизайна и другие специалисты по веб-разработке.
Для чего нужно повышать юзабилити?
Конечно, не все посетители сайта являются суперзанятыми людьми, находящимися в постоянной суете и стрессе. Однако, в наш информационный век, когда количество «мусора» в интернете просто зашкаливает, людям приходится очень быстро фильтровать нужную информацию. Иначе можно просто-напросто погрязнуть в этом обилии сайтов, особенно если учесть, что визуальная и информационная составляющая большинства из них оставляет желать лучшего.
Несомненно, дурацкая навигация, неудобный интерфейс, странное сочетание цветов и т. д., отталкивают посетителей от вашего сайта. Зачем тогда, спрашивается, надо было столько денег тратить на продвижение своего ресурса в ТОП поисковой выдачи, если клиент «разворачивается и уходит» к конкурентам?
Повышение юзабилити сайта — это один из основных способов улучшения его поведенческих факторов и эффективности в целом. Другими словами, если улучшить юзабилити сайта, вы сможете увеличить глубину просмотра и уменьшить процент отказов, удержав посетителя на вашем веб-ресурсе.
Если сравнить два сайта с одинаковым уровнем доходов на рекламу, но разным уровнем usability, то можно сделать такие выводы:
у сайта с более высоким уровнем юзабилити больше поток клиентов;
сайт с более удобным интерфейсом имеет низкие издержки на call-центр и менеджеров, так как у посетителей меньше вопросов, связанных с поиском, навигацией, оформлением заказа;
уровень лояльности клиента выше к той компании, сайтом которой более комфортно пользоваться. Если компания заботится об удобстве посетителей веб-ресурса — значит, ей можно доверять.
Таким образом, улучшение юзабилити сайта можно рассматривать как возможность повысить конкурентное преимущество для компаний, которые используют интернет в качестве способа и источника привлечения клиентов.
С чего начать работы по улучшению юзабилити?
С тщательного анализа или аудита, который позволяет выявить актуальные проблемы сайта относительно его удобства для пользователей. В рамках аудита проводятся следующие работы:
Изучаются сайты конкурентов (дизайн интерфейса, навигационная структура, семантическое ядро, способы привлечения клиентов и т. д.).
Составляется список поисковых запросов по тематике вашего ресурса.
Определяются роль и задачи проекта.
Изучаются отзывы клиентов в соцсетях, форумах, сайтах.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнееВыявление проблем сайта, касающихся разных аспектов (внутреннего поиска, дизайна, навигации, контента и т. д.).
В результате детального анализа и применения наших советов по улучшению usability, представленных в этой статье, вы получите понимание того, что нужно сделать на сайте для удобства пользователей.
Советы по повышению юзабилити
Совет 1. Используйте принципы визуальной иерархии на вашем сайте. Профессиональные веб-дизайнеры знают: люди не читают всю информацию на веб-странице — они ее сканируют, причем, по определенному узору. Обычно это узоры в виде буквы «F» или «Z».
Узор в виде буквы «F» применяется для блогов или других сайтов с большим количеством и плотностью контента. Расположите важную информацию с левой стороны страницы, используйте разделительные элементы, короткие выделенные заголовки, буллиты т. п. В общем, старайтесь выделить и разграничить информацию так, чтобы пользователю было удобно ее воспринимать.
Расположение информации в виде буквы «Z» желательно во всех остальных случаях, когда нет таких больших блоков текста, как в блоге. Важную информацию лучше всего расположить вверху и внизу, так как именно эти части экрана пользователь будет сканировать наиболее тщательно.
К прочим принципам визуальной иерархии, которые нужно соблюдать, можно отнести:
размер и начертание шрифта. Мелкий шрифт люди не будут заморачиваться читать, крупный тоже не всегда уместен. Хотя вот что полезно знать: крупный шрифт посетители веб-ресурса читают в первую очередь. На этом контрасте можно сыграть, чтобы направить внимание пользователя в нужное русло. Разница в начертании шрифтов может сделать текст более динамичным, обеспечить призыв к действию;
цвет и оттенок. Иерархию значения информации также можно выставить с помощью контрастных цветов. С помощью ярких элементов можно выделить что-то важное, то, куда должен быть обязательно направлен взгляд пользователя. Особенно важен этот принцип иерархии для мобильных версий, так как другие принципы там применять проблематично;
модульная сетка. Сайт должен иметь четкую схему расположения всех блоков и элементов, своеобразный каркас, с помощью которого создается визуальный порядок и повышается юзабилити. Сетка из вертикальных и горизонтальных линий, из которых состоит макет, упрощает восприятие информации и является не просто рекомендацией, а обязательным требованием при разработке веб-дизайна.
Совет 2. Сделайте идеальное «лицо» сайта — главную страницу. Вот несколько рекомендацию по улучшению юзабилити главной страницы:
посетителю с первого взгляда должно быть понятно, на каком сайте он находится, и для чего тот был создан. Для этих целей можно использовать слоган, логотип, текст приветствия;
не поскупитесь на выгодные предложения, обзор содержимого сайта, последние публикации, подписку на рассылку новостей, строку поиска. На главной странице самый большой трафик, поэтому грех не использовать ее возможности по максимуму;
пользователю должно быть очевидно, куда ему двигаться дальше, и как перейти к любой необходимой информации. На главной странице можно использовать визуальные подсказки и другие элементы, повышающие удобство пользования сайтом.
Совет 3. Уделите особое внимание оформлению текстов. Что имеет особое значение:
длина и содержание текстов. Если тексты короткие, то они должны отражать суть описываемого предмета, если длинные — то «не переливать из пустое в порожнее». Уважайте время посетителей вашего сайта. Информация в текстах должна быть разделена на логические блоки при помощи абзацев и подзаголовков;
отсутствие резких визуальных эффектов. Ядовитый или сильно контрастный по отношению к фону цвет шрифта, бегущая строка, мигающие абзацы могут раз и навсегда отбить у людей охоту заходить на ваш веб-ресурс;
элементы оформления. Списки, картинки, подзаголовки —не обязательно, но очень желательны. Они позволяют структурировать и оформить текст, чтобы на него «любо-дорого» было глянуть;
отсутствие ошибок. Орфографические, пунктуационные, стилистические ошибки могут сильно подорвать репутацию вашего веб-сайта. Если не уверены в вашем копирайтере — наймите корректора.
Итак, если вы всерьез решили повысить юзабилити своего сайта, внедрите рекомендации, которые мы привели в данной статье. В противном случае, ваш посетитель, потенциальный клиент и покупатель может уйти на другой веб-ресурс. Запомните: у вас есть всего 2 секунды, чтобы донести до пользователя вашу концепцию и заинтересовать его.
Юзабилити — это, в первую очередь, проявление уважения и заботы о ваших клиентах. Чем комфортнее им будет на вашем сайте, тем больше доверия и лояльности они проявят к вашему проекту, бизнесу, компании. Им захочется возвращаться к вам снова и снова, покупать у вас продукты, заказывать услуги, читать статьи, рекомендовать вас друзьям.
Если вам нравится юзабилити нашего сайта, подписывайтесь на новые статьи и рекомендуйте их своим друзьям в соцсетях. А мы уже готовим для вас следующую статью по юзабилити, которая поднимет ваши usability skills до невообразимых высот 
. До новых встреч на страницах этого блога!
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!
Смотреть видеоКак делать улучшение юзабилити сайта самостоятельно
Когда новичок начинает изучать область продвижения сайтов, ему приходится сталкиваться со множеством непонятных терминов. Слово “юзабилити” – одно из них. Везде пишут, что юзабилити очень важно для продвижения сайтов, но не сразу становится понятно, что это такое и как его можно измерить и улучшить.
В этой статье мы расскажем про улучшение юзабилити сайта самостоятельно, а также о том, что это такое, простыми словами.
Что такое юзабилити
Слово “юзабилити” вошло в русскоязычный лексикон буквально несколько лет назад. Оно пришло из английского – usability, что обозначает степень удобство использования тем или иным предметом. Синонимами юзабилити можно назвать удобство, дружественность и эргономичность.
Когда говорят о юзабилити сайта понимают, то, насколько этот сайт удобен для посетителей. Сайт с хорошим юзабилити обладает такими свойствами:
- Простая и удобная навигация.
- Логичное расположение элементов управления.
- Понятная и простая структура.
- Приятный и лёгкий к восприятию дизайн.
Поэтому, если вы решили сделать улучшение юзабилити сайта самостоятельно, то вам нужно стремиться к тому, чтобы улучшать эти свойства. О том, как это сделать, читайте ниже.
Зачем нужно улучшать юзабилити
В информационную эпоху людям приходится фильтровать качественную информацию от “мусора”. Если информацию воспринимать неудобно, то это – “мусор”, как бы грубо это ни звучало, и какой бы полезный смысл не несла информация.
При запросе в поисковике, посетителю предлагается как минимум десяток хороших сайтов на первой странице выдачи. Поэтому конкуренция высокая. И если на сайте неудобная навигация, неприятные цвета, мелкий шрифт или что-то ещё, что отталкивает, то посетитель его быстро покинет.
Алгоритмы поисковиков могут оценивать то, сколько времени посетитель провёл на сайте и какие страницы открывал. Это называется вовлечённость. Вовлечённость — это один из главных показателей, который формирует поведенческие факторы.
Поведенческие факторы влияют на ранжирование сайта, то есть его место в поисковой выдаче. Поэтому юзабилити, удобство использования сайтом имеет влияние на продвижение и посещаемость, и поэтому его нужно улучшать.
Как начать улучшение юзабилити
Перед тем, как начать, нужно подготовиться. Для этого можно дать такие рекомендации:
- Во-первых, изучите сайты конкурентов, посмотрите, насколько ими удобно пользоваться. Если там есть какие-либо интересные идеи, то перенимайте их на свой проект.
- Во-вторых, оцените специфику ниши и определите, что особенное нужно именно для вашей аудитории.
- В-третьих, поставьте себя на место посетителя и посмотрите на свой проект объективно, как человек, который в первый раз пришёл, и очень торопиться найти нужную информацию. Либо можно попросить знакомых оценить удобство сайта. Это поможет выявить существующие проблемы юзабилити.
Улучшение юзабилити сайта самостоятельно
Для того, чтобы улучшить юзабилити, можно дать несколько универсальных рекомендаций, которые подойдут любому проекту.
Визуальная иерархия
Люди не читают информацию полностью, а пропускают то, что, по их мнению, им ненужно. Чтение происходит по определённому пути, обычно, в форме букв “Z” или “F”. Поэтому всю важную информацию нужно расположить на важных местах, по пути следования глаз посетителя.
Для страниц с большим количеством текста, лучше использоваться схему “F”, например, для блогов. А для страницы с небольшим количеством текста, подойдёт схема “Z”, например, для интернет-магазинов.
Главная страница
Главная страница является лицом проекта, поэтому она должна соответствовать хорошему юзабилити. Вот какие советы можно дать для этого:
- На главной сразу должно стать понятно, что это за сайт, о чём он, и какую цель несёт.
- На главной должны быть следующие элементы:
- анонсы материалов;
- форма поиска;
- форма подписки.
- Должна быть возможности перейти с главной в любой раздел сайта.
Оформление текстов
Внимание посетителей будет обращено на тексты. Поэтому вебмастер не должен обходить их вниманием.
- Уважайте время посетителей и не пишите воды. Тексты должны быть ровно такой длины, сколько требуется для передачи сути. Главная суть должна быть вначале.
- В тексте не нужно делать каких-либо элементов, которые могут вызвать негативную реакцию – яркие цвета, жёсткие контрасты, мигающие баннеры, бегущие строки и прочее.
- Используйте элементы структуризации статьи, такие как списки, таблицы, цветные вставки, графики и прочее.
- Старайтесь писать грамотно, ставьте запятые по правилам языка, перечитывайте слова на предмет опечаток.
- Выберите корректный размер и цвет шрифта. Шрифт должен быть привычным, читать должно быть легко, цвет должен быть тёмным и контрастировать с фоном, но не слишком резко.
Улучшение юзабилити сайта
Смотрело: 2 371
Время чтения: 15 мин.
Какой вариант выбрать для улучшения загрузки элементов на сайт: разбивка на страницы, кнопка «Загрузить больше» или бесконечная прокрутка? Какой вариант удобнее?
В этой статье вы узнаете об улучшении юзабилити сайта, какие проблемы могут возникнуть у посетителей при выборе того или иного варианта навигации. Данные рекомендации сделают сайт более удобным для посетителей.
Улучшение юзабилити сайта
Пагинация является самым популярным, удобным способом улучшения юзабилити. Поскольку она по умолчанию внедрена практически на все платформы. Тем не менее, встречаются сайты, которые используют кнопку «Загрузить больше» или бесконечную прокрутку.
Когда сайт использует разбивку страниц для отображения товаров (новостей), то у посетителей больше контроля для перехода к определенному набору результатов. При этом многие посетители ограничиваются только переходом на вторую и третью страницу и дальше редко просматривают. Также они часто используют кнопки «Назад» и «Вперед». Так как это более удобно.
При использовании бесконечной прокрутки в юзабилити — пользователь воспринимает страницу так, как будто все продукты загружаются сразу. Бесконечная прокрутка придает гладкий, удобный и бесшовный опыт взаимодействия на сайте.
Пользователь просто прокручивает список продуктов без перерыва. Никакого взаимодействия не требуется — продукты просто появляются, когда пользователь прокручивает страницу вниз. Поэтому неудивительно, что посетители просматривают гораздо больше продуктов на сайтах с бесконечной прокруткой, чем на сайтах с разбивкой на страницы или кнопкой «Загрузить больше».
Провести юзабилити аудит сайта
Таким образом бесконечная прокрутка идеально подходит для быстрого отображения всех продуктов (новостей) на сайте. Но с другой стороны, поскольку пользователи не останавливаются естественным образом при прокрутке, то они меньше фокусируются на отдельных продуктах в списке.
На сайтах с бесконечной прокруткой посетители часто просматривают сотни продуктов (товары, новости), которые они практически никогда бы не увидели на сайтах с разбивкой по страницам или с кнопкой «Загрузить больше». Но есть большой минус, посетители продолжают прокручивать список, не сосредотачиваясь на отдельных продуктах. Что менее удобно. В итоге первоначальное преимущество бесконечной прокрутки резко падает.
Бесконечная прокрутка также препятствует доступу пользователя к нижнему части сайта, то есть к футеру (footer). Это одна из основных проблем проектирования бесконечной прокрутки: поскольку результаты постоянно загружаются по мере приближения пользователя к нижней части списка.
Пользователи видят нижнюю часть сайта в течение 1-2 секунды, пока следующий набор результатов не будет загружен и внезапно вставлен. Футер всегда вне поле зрения. Если в списке много элементов, то это фактически закрывает доступ пользователя к нижней части сайта. Это может быть очень проблематичным, поскольку в футере часто содержатся ссылки на жизненно важные страницы, которые указаны только там.
Некоторые сайты используют кнопку «Загрузить больше», которая просто спрашивает посетителей: «Вы хотите увидеть больше результатов?». С данной кнопкой пользователи просматривают больше продуктов, чем на сайтах с разбивкой по страницам. Но они не быстро сканируют элементы, как в бесконечной прокрутке. Кроме того, поскольку загрузка дополнительных продуктов требует нажатия на кнопку, то посетители больше уделяют внимания отображаемым элементам, чем на сайтах с бесконечной прокруткой.
Преимущества «Загрузить больше»:
- Сканируется больше продуктов.
- Позволяет пользователю более легко сравнивать продукты по всему списку.
- Повышает скорость обнаружения нужного продукта на сайте.
Какой же метод загрузки следует использовать для улучшение юзабилити сайта?
Ни один из способов не является идеальным в юзабилити. Использование того или иного способа зависит от того, где конкретно он применяется. Давайте рассмотрим улучшение юзабилити для категорий, поиска и мобильных устройств.
Юзабилити для категорий сайта
Оптимальное решение юзабилити для загрузки новых продуктов в категориях расположено на пересечении кнопки «Загрузить больше» и бесконечной прокрутки.
Принцип улучшения юзабилити следующий:
- Покажите от 10 до 30 продуктов на начальной загрузке страницы.
- Затем еще 10-30 продуктов, пока вы не достигнете от 50 до 100 продуктов.
- А потом отобразите кнопку «Загрузить больше».
- После нажатия этой кнопки загрузите еще 10-30 продуктов и возобновите бесконечную прокрутку до тех пор, пока не загрузятся следующие 50-100 продуктов.
- После чего ещё раз покажите кнопку «Загрузить еще».
Порог кнопки «Загрузить больше» от 50 до 100 элементов. Он определяет, когда следует прервать пользователя и остановить бесконечную прокрутку.
Таким образом, страницы загружаются быстро, потому что изначально загружается очень мало продуктов. Бесконечная загрузка позволит пользователю беспрепятственно просматривать больше продуктов.
Для более длинных списков пользователю будет предложена кнопка «Загрузить больше», что упростит просмотр большего количества продуктов. Данная кнопка обеспечит перерыв в прокрутке, что даст пользователю легкий доступ к нижний части сайта. А также даст ему минуту подумать, что лучше сделать: применить фильтры к отображаемым продуктам или продолжать прокручивать сотни продуктов на сайте.
Одной из слабых сторон бесконечной прокрутки, является то, что высота страницы постоянно удлиняется. Если пользователь перетаскивает полосу прокрутки в нижнюю часть сайта, то они не достигают футера и видят его всего на 1-2 секунды. А потом быстро загружаются следующие элементы. То есть новые элементы будут добавлены в список, футер будет сдвинут вниз, а полоса прокрутки увеличена. С комбинацией «Загрузить больше» это в значительной степени лучше, потому что перерыв происходит после отображения 1-2 страниц.
Юзабилити для поиска
При поиске результаты сортируются на сайте по релевантности. Это означает, что пользователям не нужно сканировать более сотни продуктов при поиске. Таким образом, результаты поиска должны загружать только 25-75 продуктов по умолчанию и бесконечная прокрутка никогда не должна использоваться в результатах поиска.
Пагинация или кнопка «Загрузить больше» были бы лучше для результатов поиска. Потому что они не поощряют быстрое сканирование большого количества продуктов, а вместо этого подталкивают пользователя больше внимания уделять первому набору результатов. Также есть возможность сравнить первый набор результатов со вторым (в отличие от разбивки на страницы).
Из-за меньшего количества результатов, бесконечная прокрутка не является обязательным требованием. Но, если она реализована для навигации по категориям, ее можно также использовать повторно на сайте.
Пороговое значение для того, сколько товаров нужно загрузить по умолчанию, определяется динамически. То есть динамически скорректировано на основе релевантности результатов поиска.
Большинство поисковых систем оценивают каждый результат с помощью оценки релевантности и добавляют те элементы в список, которые имеет самую высокую актуальность. Этот принцип можно использоваться для определения динамического порога, который увеличивает или уменьшает количество загружаемых продуктов на сайт. В зависимости от того, следует ли поощрять пользователя сканировать только первые несколько результатов или просматривать более широкий диапазон элементов.
На практике это может быть сделано путем обнаружения внезапных снижений в рейтингах релевантности для результатов поиска пользователя. И основываясь на этих снижениях, определять оптимальное число результатов, которые будут возвращены для этого конкретного поискового запроса.
Например, если показатели релевантности резко упадут после первых 28 результатов, тогда количество загруженных продуктов может быть уменьшено, чтобы увеличить фокус на этих элементах. Однако, если первые 100 результатов имеют очень высокие оценки релевантности, то количество загружаемых продуктов может быть увеличено, чтобы способствовать более широкому исследованию. Всё это позволит улучшить поиск.
Юзабилити для мобильных устройств
На мобильных устройствах экран небольшой, в результате чего товары расположены близко друг к другу. Возникают небольшие сложности при клике на нужный товар. Кроме того, мобильные пользователи не хотят ждать перезагрузки страниц и предпочитают избегать разбивки на страницы.
Бесконечная прокрутка для длинного списка продуктов может сделать футер недоступным, поскольку новые результаты постоянно загружаются на сайте, постоянно подталкивая футер.
Поэтому отличным решением, чтобы улучшить UX, является наличие одной большой кнопки «Загрузить больше» в конце списка продуктов. Однако мобильные устройства обладают некоторыми ограничениями:
Небольшой экран
Поскольку экран мобильного телефона намного меньше, элементы списка будут занимать относительно большую часть экрана. И обычно в таблице списка будет отображаться только 1-2 элемента. Таким образом, 50 элементов занимают гораздо больше высоты на мобильном устройстве, чем на компьютере. Другими словами, пользователю придется прокручивать намного больше на мобильном устройстве, чем сопоставимый список продуктов на компьютере.
Ограничение прокрутки
На мобильном устройстве пользователь обычно может прокручивать только путем пальцев. На компьютере пользователь обычно имеет множество способов для прокрутки. Например, колесо прокрутки мыши и с помощью клавиатуры (стрелки вверх и вниз, страница вверх (pgup) и вниз (pgdn)).
Медленная прокрутка
С одной стороны, некоторые пользователи прокручивают слишком медленно. В этом случае список из 50 продуктов займет много времени для просмотра. С другой стороны, некоторые из них могут прокручивать список слишком быстро. В этом случае они могут пропустить много продуктов на сайте, которые им подходят.
События JavaScript
События JavaScript срабатывают только после завершения прокрутки пользователя. Поэтому продукты не могут быть извлечены во время прокрутки пользователя, только после остановки прокрутки.
По этим причинам рекомендую загружать только 15-30 продуктов на мобильные устройства, прежде чем показывать кнопку «Загрузить больше». А затем просто загружать их все сразу на сайт.
Заключение
- Для навигации по категориям сайта используйте комбинацию кнопки «Загрузить больше» и бесконечную прокрутку. Установите пороговое значение для кнопки «Загрузить больше» на 50-100 позиций.
- Для результатов поиска используйте кнопку «Загрузить больше», но установите порог только для 25-75 результатов. В идеале следует динамически корректировать пороговое значение для каждого уникального списка результатов поиска на основе любых снижений в рейтингах релевантности результатов.
- На мобильном устройстве используйте кнопку «Загрузить больше», но установите пороговое значение на 15-30 продуктов из-за проблем с прокруткой и размером экрана. Кроме того, из-за событий JavaScript загрузите потом все продукты одновременно на сайт.
Понравилась статья? Поделитесь с друзьями!
Популярные статьи
Основные ошибки юзабилити и внутренней оптимизации сайта
Привет, Друзья! Сегодня Вы узнаете, какие основные ошибки юзабилити и внутренней оптимизации сайта допускают начинающие интернет бизнесмены при создании своих WEB проектов. Итак, поехали!
Основные ошибки юзабилити и внутренней оптимизации сайта
WEB дизайн сайта обеспечивает не только привлекательную визуальную составляющую, но и влияет на качество интерфейса. Любые ошибки юзабилити сайта, допущенные на стадии веб-разработки, скажутся на последующем SEO продвижении. Чтобы избежать целого ряда возможных проблем, достаточно выполнить проверку юзабилити веб-ресурса. Этот термин используется для обозначения удобства использования сайтов, программ и приложений с пользовательским интерфейсом.
Требования к юзабилити сайта
Современная концепция веб-дизайна предполагает устранение компонентов, которые отрицательно влияют на удобство использования сайта. Если дизайн интернет магазина будет «кривой», вы потеряете минимум 70% своих клиентов, а то и все 100%. Пользователь зайдёт на ваш ресурс и не поймёт, как им пользоваться, куда нажать, чтобы совершить покупку, узнать цену, найти адрес по которому товар можно приобрести итд. Естественно он сразу покинет такой сайт.
Все должно быть просто и понятно. Минимализм сочетается с применением информативного контента и интерактивных элементов управления, позволяющих настроить виртуальную площадку под индивидуальные потребности пользователя. Юзабилити сайта – это комплексное понятие, объединяющее не только визуальный дизайн, но и достижения в области разработки хорошо структурированных сайтов.
Основные требования к пользовательскому интерфейсу:
- Наличие интуитивно понятной навигации.
- Облегчение доступа к запрашиваемой информации.
- Удобство и функциональность.
- Формирование привлекательного дизайна страниц.
- Быстрая скорость загрузки веб-ресурса.
- Отсутствие технических ошибок и сбоев.
Создание пользовательского интерфейса, соответствующего современным нормам качества, считается огромной проблемой среди экспертов, которые разрабатывают веб-сайты. Обычно сотрудники крупных студий веб-дизайна фокусируются на устранении основных SEO проблем, которые могут возникнуть в процессе привлечения посетителей на отдельные продвигаемые страницы. Тем не менее работа экспертов также заключается в поиске путей, которые позволят сайту опередить конкурентов на стадии борьбы за внимание представителей целевой аудитории. Следует отметить, что качество юзабилити играет далеко не последнюю роль во время индексации и ранжирования сайта.
Критерии оценки юзабилити сайта
Удобства использования веб-сайтов, приложений и программ – это субъективное понятие. Каждый уникальный пользователь имеет собственный перечень критериев, по которым он оценивает юзабилити сайта. Однако среди переменных существует несколько факторов, которые определяют доступность сайтов для целевой аудитории.
Универсальные критерии оценки уровня юзабилити:
- Скорость загрузки страницы менее 5 секунд.
- Наличие адаптивного дизайна или приложения.
- Понятный без подсказок интерфейс.
- Универсальный дизайн.
- Четкая структура разделов и страниц.
- Доступность сайта в любое время суток.
Следует помнить, что улучшение юзабилити сайта является не только одной из основных целей на этапе веб-разработки, но и чрезвычайно эффективным средством для улучшения позиций во время ранжирования. Советы от поисковых систем и квалифицированных вебмастеров помогают создать успешный веб-ресурс, обеспечив посетителям быстрый доступ к релевантной искомой тематике информации. Итоговой целью повышения качества пользовательского интерфейса, конечно же, является приумножение количества продаж, показов рекламы или же выполнения клиентами целевых действий. Иными словами, сайты должны стремиться к улучшению конверсии.
Качественное юзабилити обеспечит:
- Повышение уровня доверия к сайту со стороны целевой аудитории и поисковых роботов.
- Удовлетворение основных потребностей новых и постоянных клиентов.
- Улучшение восприятия посетителем определенного призыва к действию или рекламного сообщения.
- Желание повторно вернуться на сайт или добавить его URL-адрес в закладки.
- Снижение количества отказов, когда посетители покидают сайт сразу же после перехода по ссылке.
Удобство использования, наряду с качеством контента для наполнения, является решающим фактором в процессе продвижения сайта в Яндекс. Качественный пользовательский интерфейс обязан вызывать интерес, побуждать посетителей к дальнейшему изучению страниц веб-ресурса или убеждать выполнить целевые действия (оставить контактные данные, подписаться на рассылку, зарегистрироваться, приобрести товар, обратиться к консультанту или оставить комментарий). В итоге дизайнер должен умело сочетать бизнес-цели клиента с потребностями пользователей сайта. Продуманная разработка будет залогом быстрой индексации с отличными результатами ранжирования.
Распространенные ошибки юзабилити сайта
Создание сайтов – это сложный процесс, который связан с применением огромного количества разнообразных SEO инструментов. Не удивительно, что в процессе разработки могут возникнуть ошибки, влияющие на показатели юзабилити. Однако проблемы пользовательского интерфейса зачастую возникают и на стадии эксплуатации сайта.
Например, рано или поздно исходный дизайн устареет, а структура веб-страниц потеряет свою актуальность. Во избежание подобных проблем рекомендуется раз в 3-5 лет выполнять частичный или полный редизайн сайта.
Квалифицированные вебмастера выделяют семь ошибок, которые отрицательно сказываются на юзабилити сайта. Распространенные промахи разработчиков и оптимизаторов, появляющиеся на веб-сайте, можно довольно быстро устранить. Более того, изучив список возможных проблем, владелец сайта без посторонней помощи может выполнить on-page SEO.
Ошибка юзабилити №1:
Когда на коммерческом сайте отсутствуют раздел с ценами, тарифами или прейскурантом. Игнорирование требований касательно прозрачного ценообразования – это одна из самых серьезных, часто встречающихся и наиболее неприятных ошибок с точки зрения пользователя. Другая проблема заключается в том, что прейскурант доступен только после регистрации на сайте или входа в систему. Расценки должны указываться, если речь заходит о торговых лендингах, сайтах предоставляющих услуги компаний и интернет-магазинах.
Ошибка юзабилити №2:
Когда отсутствуют фильтры товаров, обеспечивающие возможность сортировки или поиска. Ограничение списка продуктов на сайте – это крайне полезный инструмент, который облегчает поиск товаров и услуг. Проблема в основном касается интернет-магазинов. Фильтры используются для перехода на страницы конкретных продуктов, которые клиент планирует приобрести в текущий момент времени. Пользователям необходимо ввести дополнительные ограничения поиска, например, название бренда производителя, цвет, размер, стоимость и прочие критерии, чтобы получить полный список товарных позиций, подходящих под перечисленные запросы.
Ошибка юзабилити №3:
Когда отсутствует размещение необходимых посетителю материалов в файлах формата PDF. Важная информация о товаре, услуге или сделке не должна хранится только в файлах PDF. Размещением данных при помощи указанного формата обычно занимаются коммерческие банки, различные финансовые учреждения и компании, предоставляющие услуги через интернет. Документы в формате PDF, безусловно, являются хорошим дополнением, в котором можно предоставить полную форму договора или детализированный прейскурант. Тем не менее содержащаяся в них информация должна быть доступна также в виде обычного текста на сайте.
Ошибка юзабилити №4:
Проблемы с технической оптимизацией. Главным признаком плохой технической оптимизации любого сайта является медленная загрузка страниц. В запущенных случаях посетители могут сталкиваться с постоянными ошибками доступа к веб-ресурсу. Длительная загрузка страниц зачастую вызвана перегруженностью дизайна графическими компонентами. В стремлении улучшить визуальную составляющую разработчики порой допускают ошибки. Речь обычно идет о слабой оптимизация PHP-кода, баз данных или SQL-запросов. Значительно замедлить работу может повысившаяся нагрузка на сервера, поэтому «железо» следует выбирать с учетом потребностей сайта.
Ошибка юзабилити №5:
Когда есть ошибки с построением ссылочной массы для перелинковки страниц. Удобство навигации по сайту обеспечивается за счет внутренней перелинковки. Суть процедуры заключается в размещении ссылок, которые соединяют между собой различные страницы и разделы веб-ресурса. Битые или нерелевантные ссылки приводят к проблемам с навигацией, усложняя процесс использования сайта. В результате повышается количество отказов, за ним следует падение трафика и снижение конверсии.
Ошибка юзабилити №6:
Неудачное форматирование текста и проблемы с размещением контента. Блоки текста следует размещать с форматированием, но излишне увлекаться шрифтами не рекомендуется, так как это усложнит восприятие информации. Особое внимание придется уделить типографике и UI-элементам.
Ошибка юзабилити №7:
Всплывающие окна и навязчивая реклама. Навязчивые объявления и уведомления препятствуют просмотру сайтов. В идеале нужно избавиться от любых компонентов pop-up. Если по тем или иным причинам сделать это невозможно, следует оставить посетителю возможность в любой момент собственноручно закрыть выплетающее окно и отказаться от его повторного показа. Рекламные объявления следует разместить в специально отведенном блоке, которые не будет мешать просмотру искомого посетителем контента на сайте или использованию отдельных элементов навигации.
Как улучшить юзабилити сайта
Порой для обеспечения свободного доступа к удобному пользовательскому интерфейсу недостаточно лишь устранить перечисленные выше ошибки юзабилити сайта. Безусловно, для начала придется избавиться от проблем, которые могут отрицательно сказаться на процессе продвижения сайта. Однако повышение качества юзабилити обычно предполагает активное использование различных нововведений и рекомендаций от поисковых систем.
Способы улучшения пользовательского интерфейса:
- Использование адаптивной верстки с масштабированием изображений.
- Добавление кнопки «Вверх» для автоматического скроллинга страниц.
- Применение скрытых элементов меню, которые отображаются после наведения указателя.
- Продуманная работа со цветом фона и выбранными шрифтами.
- Размещение унифицированных в едином стиле UI-элементов (кнопки, иконки и шаблоны).
- Внимательное заполнение пустого пространства на страницах.
- Создание удобного для навигации по сайту облака тегов и тем.
- Предоставление посетителю рекомендованных страниц с учетом ранее просмотренных материалов.
- Освоение интерактивных элементов веб-дизайна.
Юзабилити касается всех аспектов взаимодействия пользователя с сайтом. Если обновление дизайна проводить в ближайшее время не планируется, пользовательский интерфейс обязан быть отзывчивым и крайне удобным в использовании. Простой дизайн сайта в наши дни намного эффективнее работает, чем тот, который мы привыкли видеть на нулевые года. С помощью удачной разработки системы навигации можно удовлетворить основные потребности потребителей, заинтересованных в поиске конкретных товаров или услуг. Однако не стоит забывать о визуальной составляющей, адаптивности и интерактивности. Эти характеристики влияют на посещаемость и конверсию.
Таким образом, для создания качественного сайта с отличным юзабилити важна простота и надежность веб-дизайна. Улучшение пользовательского интерфейса предполагает также использование маркетинга, графического дизайна и выработанных экспертами рекомендаций по SEO оптимизации. Тем не менее прежде чем приступать к этапу внедрения инструментов для улучшения уровня юзабилити, придется сперва избавиться от возможных проблем.
Обучение продвижению сайтов
Для тех кто хочет научиться выводить сайты в ТОП 10 поисковых систем Яндекс и Google, я организовал онлайн-уроки по SEO-оптимизации (смотри видео ниже). Все свои интернет-проекты я вывел на посещаемость более 1000 человек в сутки и могу научить этому Вас. Кому интересно обращайтесь!
На этом сегодня всё, всем удачи и до новых встреч!
профессиональные работы по улучшению юзабилити от Demis group
Кто-то вообще не знает об этой технологии, а кто-то настолько сосредоточен на поиске контента и обработке заявок, что начинает забывать о том, что стоит периодически заходить на свой web-сайт не через панель администратора, а через форму заказа, которую используют клиенты. А между тем трафик начинает уменьшаться, и явных объяснений этому негативному явлению найти не удается.
Что скрывается за термином
«юзабилити»
и какую роль он играет?
Слово usability, которое и легло в основу важного для веб-мастеров термина, с английского переводится как «простота и удобство использования».
Может показаться, что это понятие немного абстрактно, и по сравнению с ценами и ассортиментом товаров в каталоге оно имеет второстепенное значение. Для того чтобы лучше понять его смысл, следует осознать ту важную роль, которую оно играет в вопросах продвижения товаров и услуг! Ведь если потенциальный клиент придет на веб-сайт по ссылке из контекстной рекламы, заинтересовавшись отличной скидкой, он незамедлительно покинет ресурс, если:
- его не устроит дизайн;
- его заставят заполнять огромную анкету для обязательной регистрации;
- возникнут сложности с оформлением товара;
- он не сможет в ближайшие 15 секунд найти то, что его интересует.
Любые моменты, заставляющие выполнять лишние действия, крайне негативно сказываются на желании что-либо купить. Можно сделать вывод, что юзабилити сайта оказывает прямое влияние на уровень прибыли и трафик. Конкурент, даже имея более высокие цены, сможет легко обойти Вас, если просто обратит внимание на перечисленные выше факторы.
Юзабилити: каким образом оно влияет на увеличение прибыли?
За счет задержки клиента на сайте. Такие важные элементы юзабилити, как привлекательный дизайн, удобная форма заказа с минимальным количеством строчек, простая структура и т. д., способны превратить случайного пользователя в потенциального заказчика, который принесет прибыль, а не уйдет к конкуренту.
Благодаря отказу от некоторых статей расхода. Яркий пример — служба поддержки, помогающая пользователям разобраться с оплатой, оформлением заказа, поиском необходимого товара и т. д. Если мероприятия по улучшению юзабилити на сайте будут выполнены, то необходимость в поддержании подобных сервисов пропадёт, ведь клиенты смогут самостоятельно во всем разобраться.
Сокращение расходов на обучение персонала. Хорошее юзабилити поможет сотрудникам быстрее разобраться в структуре сайта и включиться в рабочий процесс, что позволит сэкономить на обучении.
Методы улучшения юзабилити
Понять, что пользователя не устраивает на сайте и почему он уходит с него уже через несколько секунд, можно самостоятельно. Для этого существуют такие аналитические счетчики, как «Яндекс.Метрика» и Google Analytics. В частности, с их помощью можно будет отследить, на каком этапе пользователь отказывается от покупки: при поиске, в момент заполнения заявки и т. д.
Отличная технология для оценки юзабилити — «Вебвизор», который доступен при установке «Яндекс.Метрики». «Вебвизор» позволяет увидеть в режиме видео, какие действия совершает пользователь на сайте. Фиксируется не только движение мышки на экране, но и:
- клики;
- прокрутка;
- копирование и выделение текста;
- процесс заполнения форм и нажатие на клавиши.
Все эти действия являются составными частями аудита юзабилити сайта. Важно понять, что счетчики не делают выводов и не дают советов. С полученными при анализе цифрами нужно работать, и на это может уйти большое количество времени. Чтобы понять, в чем заключаются проблемы, необходимо уметь анализировать и структурировать информацию, делать правильные выводы и принимать эффективные меры.
Заказать аудит юзабилити
О чем должен думать владелец коммерческого сайта?
Не в компетенции предпринимателя разбираться со счетчиками, следить за пользователями и рисовать в голове идеальный дизайн своего сайта. Его основная цель — это получение прибыли, поиск новых рынков сбыта и решение других бизнес-вопросов. Юзабилити должен заниматься профессионал, подходя к вопросу со знанием дела и 100%-ной результативностью.
Наши кейсы:
Клиент:
Завод по производству малых архитектурных форм
Задачи:
- увеличить количество заявок и звонков с сайта,
- снизить количество отказов,
- улучшить поведенческие показатели, такие как среднее время на сайте и глубина просмотра.
Решение.
- Изменена структура главной страницы сайта, расположение элементов в хедере и футере.
- Добавлено указание преимуществ компании.
- Проработана навигация сайта, повышено удобство поиска по сайту.
- Изменено оформление и расположение призывов к действию, CTA-кнопок.
- Наполнены информацией карточки товара, а также на них добавлена возможность заказа.
- Добавлена возможность заказа звонка с сайта.
- Повышено удобство форм — сокращено количество полей, добавлены подсказки и др.
Скриншоты: сайт до правок (слева) и предложенные макеты (справа):
Результаты:
- Снижение отказов на 10%
- Рост средней глубины просмотра на 22%
- Среднее время посетителя на сайте увеличилось на 37%
- Количество отправленных заявок с сайта увеличилось в 3,5 раза, а конверсия сайта — в 3 раза.
Цели достигнуты!
Клиент заметил рост эффективности сайта:
“Заявок стало больше. У нас много заказов сейчас.
Даже иногда трудом успеваем обрабатывать заявки с сайта”.
Клиент:
Торговая сеть по дистрибуции стальной продукции
Задачи:
- увеличить количество обращений с сайта и звонков,
- исправить проблемы в навигации и поиске информации на сайте.
Решение.
- Добавлена контактная информация на все страницы сайта.
- Проработана навигация сайта, повышено удобство поиска.
- Изменено оформление и расположение призывов к действию, CTA-кнопок.
- Изменен интерфейс калькулятора металлопроката.
- Упрощена и адаптирована для посетителей форма обратной связи.
- Добавлена возможность открытия формы обратной связи во всплывающем окне.
Скриншоты: форма обратной связи до правок (слева) и после правок (справа):
Результаты:
- Среднее время пользователя на сайте увеличилось на 6,5%.
- Конверсия отправки сообщений со страницы обратной связи увеличилась на 17%.
- Конверсия формы для заполнения увеличилась почти на 31%.
- Общая конверсия сайта выросла на 32%.
Цели достигнуты!
Клиент заметил рост эффективности сайта:
“По юзабилити эффект конечно наблюдается, со своей стороны могу сказать,
что стало больше писем с обратной связи. Судя по тепловой карте –
пользователи активно используют добавленный функционал.
Задумка была сделать поиск информации в 1-2 клика, что удалось реализовать,
судя по карте путей по сайту. Надо нам совместно еще что-нибудь придумать”.
Отзывы клиентов:
“После внесения правок по юзабилити на сайт произошло увеличение заявок с сайта на вечерние платья. Ощущаются положительные перемены”.
Салон свадебных и вечерних платьев
“Спасибо! Мы отмечаем улучшение по заявкам с сайта! и звонки пошли”.
Спортивная школа большого тенниса