Что такое юзабилити сайта и что вы обязаны знать. Usability сайта


Юзабилити (usability) интернет-сайта - ПроАктОн

дизайн веб-сайтов ~ proacton.ru

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

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

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

Что же подразумевается под словосочетанием юзабилити веб-сайта?

В первую очередь это, конечно, наличие доступа ко всем разделам и материалам сайта на любой его странице. Здесь главную роль играет навигация - меню сайта и внутренние ссылки (т.е. ссылки на внутренние страницы ресурса). Представьте себе сайт, на домашней странице которого есть ссылки на другие страницы, но между собой эти страницы не "перелинкованы" (т.е. чтобы попасть с одной страницы на другую, надо возвращаться на главную, а прямых гиперссылок между страницами нет). Вот про такой ресурс и говорят, что у него страдает юзабилити. Ведь посетитель может и не захотеть лишний раз прыгать по страницам, на которых он уже был,юзабилити веб-сайтов от студии ПроАктОн (www.proacton.ru) он может просто покинуть этот и заглянуть на сайт конкурента, где с навигацией будет получше. Ну и, естественно, он не вернётся и не будет рекомендовать ресурс друзьям и знакомым.

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

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

Несомненным плюсом для юзабилити Интернет-проекта является поиск по сайту. Особенно, когда речь идёт о ресурсе с большим количеством страниц. Даже имея отличную навигацию, Вы всё равно не сможете на одной веб-странице разместить гиперссылки на сотни, а может быть и тысячи внутренних страниц сайта. В такой ситуации поиск по сайту - незаменимая вещь. Введя в специальном окне поисковый запрос (слово или фразу, имеющие отношение к тому, что надо найти), пользователь быстро получит доступ к страницам, содержащим это слово или словосочетание. Есть несколько вариантов организации поиска по сайту. В том числе можно воспользоваться модулями поиска, которые предоставляют ведущие поисковые системы Интернета (например, Яндекс или Google).

И, конечно, нельзя забывать о непосредственном контакте с посетителями сайта. Если сайт принадлежит организации, то её контактную информацию (адрес, телефон, факс, электронная почта, карта или схема проезда) следует размещать на видном месте. Желательно, чтобы хотя бы телефон и электронный адрес были на каждой странице сайта, чтобы посетителю не надо было переходить на какую-то конкретную страницу, если он захочет связаться с владельцами ресурса (например позвонить). Форма обратной связи тоже уже давно стала обязательным атрибутом почти любого сайта. Согласитесь, очень удобно отправлять сообщения прямо с сайта, без необходимости открывать свою почту, вводить email получателя, и т.д.

Вы можете получить дополнительную консультацию по теме юзабилити веб-сайта или задать вопрос на какую-то другую, интересующую Вас тему, запросив консультацию, позвонив +7 (916) 676-7915, или написав на Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.. Заранее благодарим за проявленный интерес.

www.proacton.ru

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

Улучшаем юзабилити сайта через формы регистрации

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

Экспертная оценка сайта и его юзабилити: улучшаем форму входа на сайт

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

План тестирования юзабилити веб-фильтров

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

Usability testing: план тестирования юзабилити форм ввода

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

SEO и юзабилити: как рука руку моет

Фраза "сайты для людей" на слуху у всех: ее произносят и веб-мастера, и организаторы конференций, и, собственно, владельцы сайтов. Что предпринимать, чтобы знать: Ваш сайт предназначен именно "для людей"? Читайте дальше...

Чек лист юзабилити: аудит "в домашних условиях" по пунктам

Юзабилити-тестирование - крайне полезное с точки зрения увеличения конверсии сайта, но затратное мероприятие. Если Вы владеете корпоративным сайтом или интернет-магазином со сложной структурой, нечего и говорить о самостоятельном проведении такого исследования: результаты, которые Вы получите в обмен на бездну потраченного времени, окажутся незначительными из-за отсутствия профессиональных знаний. Читайте дальше...

Eye-tracking исследования или трекинг глаза: какие выводы полезны для всех владельцев сайтов?

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

Юзабилити блога: практические советы для профи и любителей

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

Основные этапы работы веб аналитика, услуги и мероприятия

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

Инструменты повышения продаж. Up selling - увеличиваем средний чек покупки

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

Аналитика для интернет магазина - формулы рассчета CLV

CLV (customer lifetime value) – аналитика для Интернет магазина, на основе пожизненной ценности покупателя - суммарной прибыли или объема продаж, которую получил Интернет магазин от клиента за все время сотрудничества, начиная с первой покупки. Читайте дальше...

Как увеличить продажи интернет магазина с помощью Кросс селлинга

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

Увеличение продаж в интернет магазине: способы увеличения конверсии

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

Специалист по юзабилити или юзаюилист - кто он и чем конкретно занимается?

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

Cоздание интерфейса сайта: как сделать его опрятным и удобным

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

9 ценных советов по юзабилити сайта и конверсии

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

План юзабилити интернет-магазина

Аудит юзабилити - обязательная и серьезная процедура для любого сайта. В этой статье мы поможем вам составить план проверки юзабилити для торговых Интернет-сайтов. Читать дальше...

Базовые принципы юзабилити для Интернет-магазинов

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

Ошибки юзабилити при создании форм покупки в Интернет-магазинах

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

Оценка юзабилити: семь основных принципов

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

Оценка веб сайтов: пошаговое руководство

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

Разработка web интерфейса: важные особенности

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

Проектирование интерфейсов сайтов, или Откуда берутся простые и удобные сайты

Из этой статьи вы узнаете, почему проектирование интерфейса по определенным правилам - одна из базовых задач разработчиков. Читать дальше...

Проектирование веб сайта: этапы разработки "генплана" веб-проекта

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

Повышение конверсии сайта: основные типы поисковых запросов в Интернет магазинах

Если вы понимаете важность эффективного поиска по интернет-магазину, то эта статья поможет разобраться в основных типах поисковых запросов посетителей.

Правильный дизайн, или Причем здесь юзабилити?

Что нужно делать владельцу сайта, чтобы понять настроение и желания целевой аудитории. Читать дальше...

Способы увеличения конверсии сайта: простые и... неочевидные

Давно мечтаете повысить конверсию, но пока не знаете как это сделать? Читайте дальше...

Как повысить конверсию сайта. Что это такое и зачем ее повышать?

На конвертацию посетителей в клиентов и постоянных клиентов влияет целый набор факторов...

Интерфейс веб сайта: больше, чем внешность

Термин "интерфейс сайта" перекочевал в веб-дизайн из программирования, где интерфейсом принято называть комплекс компонентов, которые помогают пользователю с комфортом работать с программным обеспечением.

Дизайн и юзабилити сайта: "красивости" на службе у "удобностей"

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

usabiliti.ru

Юзабилити сайта - 30 правил для чайников (часть 1)

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

Что такое юзабилити?

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

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

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

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

Структура сайта

ПРАВИЛО 1: Информация на сайте должна быть четко структурирована.

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

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

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

ПРАВИЛО 2: Не перегружайте сайт, размещайте только информацию соответствующую тематике сайта.

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

Навигация сайта

ПРАВИЛО 3:  Навигация должна отражать информационную структуру сайта и быть простой и понятной в использовании. Главная панель навигации должна находиться в заметном месте страницы.

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

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

ПРАВИЛО 4: Каждая страница сайта должна иметь ссылку на Главную страницу.

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

ПРАВИЛО 5: Устанавливайте на сайт элемент навигации, который называется «хлебные крошки» (breadcrumbs)  и представляющий собой путь по сайту от его главной  до текущей страницы, на которой находится пользователь.

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

ПРАВИЛО 6: Используйте одну и ту же систему навигации на всех страницах сайта.

ПРАВИЛО 7: Обязательно делайте карту сайта.

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

Помните, что грамотно выстроенная навигация один из главных элементов юзабилити сайта.

Юзабилити - 30 правил для чайников (часть 2).

Юзабилити сайта - 30 правил для чайников (часть 2) >

likbez-net.ru

это обязаны знать все вебмастера

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

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

Данный термин с английского переводится как эргономичность, простота в эксплуатации. Но что конкретно означает это понятие?

Что такое юзабилити?

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

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

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

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

Что надо знать?

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

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

Навигация

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

  1. размещение в левом верхнем углу кликабельного логотипа сайта, который выводил бы посетителя на основную страницу
  2. контактная информация в подвале и шапке сайта
  3. чёткое оформление ссылок
  4. выделение в графе меню выбранного (текущего) раздела
  5. применение так называемых «хлебных крошек».

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

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

Главная страница

Главная страница – лицо сайта. Именно на ее основании посетителем даётся оценка всему вашему ресурсу. Во время оформления главной страницы основное внимание необходимо обратить на следующие крайне важные детали.

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

Текстовое оформление

Удобный, успешный сайт невозможен без качественного текстового оформления. По своему опыту могу сказать, что в сети наибольшим спросом пользуются ёмкие, небольшие тексты. Оформлять текстовые материалы лучше всего при помощи шрифтов без засечек (Tahoma, Verdana, Black, Arial), поскольку их намного удобнее читать на экране монитора (думаю, вам самим не раз приходилось проверить правильность этого).

Ни в коем случае не должно быть контрастных, резких тонов между текстами и фоном. Лучше всего использовать тёмный шрифт на белом фоне.

Система поиска

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

  1. Поиск должен проводиться только по самому ресурсу.
  2. Результаты поиска должны выдаваться точно так же, как и в системах поиска типа Яндекса или google.
  3. При этом обязательно должны учитываться допустимые опечатки, ошибки, допущенные во время ввода необходимого запроса в строку поиска («Возможно, Вы имели в виду…»).

Обратиться за помощью к профессионалам

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

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

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

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

С уважением! Абдуллин Руслан

Понравился блог? Подпишись, чтобы получать новые статьи на почту и быть в курсе всех событий!

abdullinru.ru

Юзабилити сайта – анализ, оценка и тестирование

Понятие «usability» (или «web-usability») означает удобство использования сайта для достижения определенных целей.

Википедия: «Юзабилити — это понятие, обозначающее итоговый уровень удобности предмета для использования в заявленных целях». Стандарт ISO 9241-11: «Юзабилити — степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью».

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

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

Работа с юзабилити направлена на повышение удобства пребывания пользователя на сайте. Удобство, в свою очередь, неразрывно связано со всеми аспектами сайта, как:

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

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

Существует несколько вариантов анализа юзабилити сайта:

1. Анализ статистики, например, Яндекс.Метрики, Google Analytics, статистики Bitrix и др. Счетчики установлены практически на каждом сайте, данные предоставляются бесплатно — таким образом, это один из самых доступных вариантов анализа юзабилити. Можно провести сравнительный анализ статистики похожих сайтов, если есть соответствующий доступ. К основным минусам данного метода можно отнести недостаточный объем данных и поверхностность выводов.

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

3. Тестирование юзабилити сайта. Этот способ подходит, если есть сомнения в успехе нововведений на сайте. Для тестирования страниц можно использовать специальный инструмент от Google — Оптимизатор web-сайтов — и фокус-группы. Необходимо подобрать людей и дать им заранее подготовленное задание по достижению цели сайта. Группа разделяется на две части, и каждая работает со своим вариантом сайта. За действиями участников эксперимента ведется наблюдение, по результатам которого затем делается вывод о том, какой вариант сайта наиболее удобен. Плюсом метода можно считать идеальный выбор между двумя вариантами, статистически подтвержденный. Минус в том, что необходимо сформировать и мотивировать фокус-группу, и общих советов по изменению ресурса вы не получите.

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

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

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

Юзабилити во многом базируется на человеческой психологии и человеческих привычках. Зная стандарты в области построения сайтов в российском сегменте интернета, можно быстро обнаружить ошибки в удобстве использования ресурса. Направления ошибок по web-юзабилити можно разделить на 3 больших блока: первый касается технических ошибок, второй — дизайна, третий — контента.

Вернуться назад: Фильтрация «мертвых» запросов Читать далее: Технические ошибки и ошибки в структуре сайта

 

 

www.sembook.ru

Юзабилити сайта: юзабилити рекомендации и тестирование

Вступление

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

Что такое юзабилити

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

К работам над юзабилити сайта и других интернет-ресурсов следует отнести и типографическую обработку текстов (выделение заголовков, межстрочный интервал и т.д.), а также работы по настройке и про разработке мелочей дизайна.

Тезисы современного юзабилити сайта

Существуют исследования, что порядка 50% пользователей отказываются совершить покупку, а 40% вовсе не возвращаются повторно на сайт, где отсутствует качественное юзабилити.

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

  • Структура сайта должна быть понятна пользователю, практически сразу;
  • Ваш пользователь должен отчетливо понимать, где именно находится нужная ему информация и добраться до неё он может за 1-2 понятных клика;
  • В тексте обязательно соблюдения норм типографики: выделенные заголовки, удобство чтения и легкость восприятия информации;
  • Форма и содержание вашего материала, должны образовывать собой единое целое, именно это условие приводит к хорошему восприятию.
  • Скорость загрузки сайта должна быть большой, а время загрузки маленьким.

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

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

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

Юзабилити анализ (тестирование)

Можно выделить 5 взаимосвязанных способов анализа юзабилити своего сайта:

  1. Анализ статистики сайта. Делается при помощи инструментов для веб-мастеров Яндекс.Метрики и Google Analytics. Код счетчика, установленный на сайт, позволяет собирать информацию о страницах входа, поведению посетителей, время пребывания на сайте и т.д.
  2. Анализ отзывов посетителей и гостей. Размещение форм голосования и опроса, создание форм обратной связи и отзывов.
  3. Юзабилити тестирование. Этот способ предполагает участие групп реальных людей, оценивающих сайт «свежим взглядом».
  4. Слежение за поведением пользователей. Для слежения используйте инструмент Вебвизор, который найдете на Яндекс.Метрике. Этот инструмент пишет, действия посетителя на сайте и показывает их на «тепловой карте».
  5. Заказ профессиональной экспертизы.

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

Выводы

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

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

©SeoJus.ru

Еще статьи

  • Записи не найдены

(Всего просмотров 122)

Статьи по теме

Поделиться ссылкой:

seojus.ru

15 советов по созданию правильного интерфейса сайта

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

Юзабилити — правильный интерфейс сайта

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

Желательно пользоваться шаблоном с одной текстовой колонкой

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

Шаблон сайта с одной текстовой колонкой

Не заканчивайте общение сразу, предложите какой-нибудь бонус

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

Бонус для покупателя

Не дробите интерфейс сайта, объедините схожие параметры

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

Объединение похожих функций

При рассказе о себе используйте различные доказательства

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

Социальные доказательства

Повторите основной призыв к действию несколько раз

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

Призыв к действию

Усильте разницу в стилях отображения у отмеченных элементов и кликабельных

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

Различие в стилях

Применяйте рекомендации, а не показ похожих вариантов

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

Рекомендация основного продукта

Четко обозначьте, для кого этот продукт предназначен

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

Предназначение продукта либо услуги

Говорите уверенно, утверждайте

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

Говорите прямо вместо предположений

Добавляйте контраста для важной информации

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

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

Больше контраста вместо однородности

Больше конкретики о продукте или услуге

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

Покажите место происхождения продукта вместо обобщений

Минимизируйте количество регистрационной информации

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

Сокращайте количество полей, не спрашивайте слишком много

Не используйте скрытые списки

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

Раскройте все опции сразу

Не используйте страницы с «двойным дном»

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

Предлагайте последовательность вместо страниц с двойным дном

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

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

Сохраняйте направление, не злоупотребляйте ссылками

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

От автора блога

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

promotiger.ru