Основной принцип юзабилити интернет-магазина

Закрыть рекламу


Основной принцип юзабилити интернет-магазина

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

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

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

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

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

Принципы юзабилити

[править | править вики-текст]

Материал из Википедии — свободной энциклопедии

Принципы юзабилити — общепринятые принципы взаимодействия с дизайном, введённые Якобом Нельсеном (основоположником Юзабилити). Эти принципы называют «Эвристиками», так как это скорее набор правил, а не жесткие руководства. Всего таких принципов 10.

Принцип № 1. Видимость статуса системы.
Этот принцип означает, что пользователь должен знать, что происходит и на каком участке пути он остановился. Если это сложная регистрация, указывайте, что это 2 шаг из 3.

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

Принцип № 3. Пользовательское управление (свобода выбора)
Пользователь всегда должен контролировать ситуацию, так сказать держать руку на пульсе. Например, при заполнении формы обязательно должна быть кнопка «очистить форму». Если форма предусматривает несколько шагов — пользователь должен вернуться на предыдущий шаг, или наоборот, по возможности — пропустить какой-то, чтоб попозже вернуться к нему.
Такая ситуация создаст у пользователя впечатление, что именно он всем управляет, его не пытаются обмануть и запутать. И усложнение на первый взгляд интерфейса при правильном подходе станет упрощением. Ведь людям гораздо проще сделать 2-3 простых действия, чем одно сложное.

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

Принцип № 5. Профилактика ошибок.
Этот принцип гласит, что ошибку проще предупредить, чем исправить. Везде, где можно упростить выбор и убрать ненужные, случайные действия — следует убрать. На практике это может быть: подсказка при вводе с клавиатуры чего бы то ни было (города/страны например). Это касается и кнопок. Например, ПРИНЯТЬ, обычно делают крупнее и ярче, чем Очистить форму. Если вам что-то известно о вводимой информации — подсказывайте ее пользователю (формат телефона или код региона) и т. д.

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

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

Принцип № 8. Эстетический и минималистический дизайн
Этот принцип гласит — в интерфейсе не должно быть информации, которая не нужна пользователю или которая может понадобиться ему в редких случаях. Аналогичным образом и в формах: вы не должны у пользователя спрашивать ту информацию, которая вам не нужна, или нужна в каких-то исключительных случаях.
К сожалению, этим принципом практичеПриветствую тебя, Искатель драгоценного клада «Юзабилити сайта»! С помощью этой статьи ты станешь на пару шагов ближе к достижению своей цели – получению представления о юзабилити, а заодно получишь максимально понятные ответы на вопросы: Что такое юзабилити, Зачем тебе это знать, Почемуэтот параметр считается важным, Как он влияет на конверсию и Какие действия можно предпринять для улучшения твоего сайта. Итак, погнали навстречу приключениям!

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

Итак, что такое юзабилити ? Юзабилити – это качественный показатель простоты и удобства использования сайта.

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

Юзабилити веб сайта оценивается по 5 основным качественным компонентам:

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

2. Эффективность: насколько быстро юзер может ориентироваться на сайте и совершать необходимые ему действия.

3. Запоминаемость: насколько легко будет юзеру сориентироваться на сайте после продолжительного отсутствия на сайте.

4. Ошибки: количество ошибок, совершенных посетителем сайта, способы ликвидации этих лагов и простота в устранении последствий этих ошибочных действий.

5. Удовлетворенность: субъективная степень «довольности» юзера, эмоциональное восприятие сайта: совокупность информации+дизайна+навигации+отображения в браузере.

Полезность: показатель функциональности сайта для юзера: дает ли вебсайт пользователю то, что он ищет.

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

1. этот сайт должен быть действительно нужен посетителю (см. определение потребностей ЦА);

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

Полезность сайта — обладает ли сайт ответами на ваши вопросы.

Юзабилити — насколько легко и удобно управлять сайтом.

Практичность сайта = юзабилити + полезность.

Основной принцип юзабилити интернет-магазина - student2.ru

ПОЧЕМУ юзабилити так важно?

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

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

Опираясь на описанные выше принципы юзабилити, ученые выделили 7 основных правил юзабилити сайта:

1. Гарантии надежности. Вкладка «О компании», контактные данные в хедере, сертификаты, адрес офиса, отзывы клиентов, кейсы, банковские реквизиты – всё это дает нелишнее доказательство посетителю, что компания имеет статус и вполне компетентна в своей сфере деятельности.

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

3. Навигация («хлебные крошки»). Правило, согласно которому юзер всегда должен иметь представление, где он находится: тема, раздел, номер страницы.

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

5. Простота использования сайта. Этот принцип состоит из мифов и легенд о том, как скрасить пребывание посетителей на сайте. Вот некоторые из этих идей: Правило 3 кликов, Правило 1 секунды, Правило перевернутой пирамиды, Закон близости элементов, Синдром утёнка.

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

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

Помимо этих 7 общих правил существуют ещё несколько канонов, которые группируются в 3 огромных критерия аудита юзабилити сайта. Проводится аудит с целью выявления косяков и недочетов интернет-проекта, чтобы внести изменения и увеличить производительность интернет-ресурса. Более подробно я поведаю тебе в следующей статье, а пока после парусекундного перекура, погнали в дебри Юзабилити-джунглей глубже. Ещё глубже…

Основной принцип юзабилити интернет-магазина - student2.ru

КАК повысить юзабилити сайта?

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

Существует несчетное множество способов улучшения юзабилити сайта, но основным и самым результативным считается юзабилити тестирование сайта, которое состоит из 3 компонентов:

1. Собрать группу из наиболее подходящих к ЦА человек (тут сделаю сноску, что С.Круг вот считает, что тестировать можно ваще что угодно на ком угодно);

2. Дать группе задание на исполнение самых стандартных действий с сайтом;

3. Наблюдать за действиями тестируемых, что у них получилось/не получилось сделать, с какими трудностями они столкнулись, что оказало влияние на их поведение (вебвизор, карта кликов, карта скроллинга).

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

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

КОГДА начинать работать над юзабилити сайта?

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

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

2. Проведи оценку сайтов конкурентов – это довольно-таки хороший (а главное – бесплатный!) способ получить конкурентоспособные данные, которые помогут тебе сделать СВОЙ сайт лучше и лучше ЧЕМ у конкурентов.

3. Проведите полевое исследование, чтобы понять, как испытуемые ведут себя в их привычных условиях.

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

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

6. Проверь окончательный вариант сайта на соответствие с общепринятыми нормами юзабилити сайта и со своими предыдущими результатами тестирования.

7. Проведи тестирование ЕЩЁ РАЗ напоследок, после того, как все-все-все правки были внесены, сайт уже начал свою «новую» жизнь. Потому что самые коварные проблемки могут появиться как раз после того, как появился «самый оптимальный» вариант интерфейса.

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

Основной принцип юзабилити интернет-магазина - student2.ru

ГДЕ проводить юзабилити-тестирование?

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

Заключение

Итак, читающий, давай подытожим, что ты узнал о юзабилити:

1. Юзабилити оценивает по 5 критериям: Ориентация пользователя, Эффективность его действий, Запоминаемость навигации, Ошибки в действиях пользователя, Удовлетворенность пользователя после посещения сайта, Полезность информации сайта;

2. Показатель юзабилити важен потому, что если он низкий или отсутствует — твой сайт не принесет никакого результата от своего существования;

3. 7 основных правил, повышающих юзабилити сайта: гарантии надежности, кнопка «Поиск», навигация («хлебные крошки»), отображение сайта, простота использования сайта, дизайн, контент;

4. Чтобы улучшить показатели юзабилити, необходимо провести аудит юзабилити сайта;

5. Основываясь на результате аудита, вносятся изменения в «ахиллесову пяту» сайта и запускается юзабилити-тестирование;

6. Юзабилити-тестирование нужно проводить чем чаще, тем лучше: после каждых правок, пока результат не станет положительным по всем 5 критериям юзабилити;

7. Для проведения тестирования достаточно «подопытного кролика», наблюдателя-контроллера процесса, бумажки с тестом/компьютера с сайтом и всё.

Бон аппети, читатель, переваривай информацию!

Главное — применяй эти знания.

ТЕГИ СТАТЬИ:

правила, юзабилити

Основной принцип юзабилити интернет-магазина - student2.ru

ПОДЕЛИТЕСЬ С ДРУЗЬЯМИ:

· 2

· 10

·

·

Получите новые статьи блога на ваш e-mail:

Похожие статьи:

· Юзабилити анализ сайта. 5 важных элементов главной страницы с примерами.

· 4 этапа создания лендинга в Balsamiq Mockups

· 5 полезных инструментов продающего UX-дизайна

· Оптимизация пространства лендинга или КАК уместить на одном экране сразу 3 блока

· Оценка юзабилити сайта или как проверить юзабилити своими руками

Основной принцип юзабилити интернет-магазина - student2.ru

Добавить комментарий (1)

Для отправки комментария вам необходимо авторизоваться.

Войти с помощью:

Основной принцип юзабилити интернет-магазина - student2.ru

1. Основной принцип юзабилити интернет-магазина - student2.ru

Декабрь 06, 2015 в 23:20Юрий Валиев

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

ски никто не пользуется. В 90 % случаев при регистрации вас спрашивают и домашний телефон, и мобильный, и адрес и e-mail, и даже дату рождения. А все для того — чтоб поздравить вас с новым годом и днем рождения.

Принцип № 9. Помочь пользователю понять и исправить ошибку.
Обо всех ошибках пользователю нужно сообщать нормальным, «человеческим» языком, а не компьютерным. Если ошибка ссылки, не надо просто писать 404, напишите, что ошибка при вводе страницы. Если при заполнении формы пользователь забыл указать свой телефон, то так и напишите — ошибка при вводе номера телефона, а не просто «ОШИБКА ФОРМА».

Принцип № 10. Помощь и документация
Помощь или документация должна быть простой, понятной, быть легко доступной, соответствовать задачам пользователя. Кроме того, документация не должна быть большой. Она должна содержать четкие и понятные шаги. Если все-таки документ получается достаточно объемным — сделайте по ней краткую навигацию для быстрого переходы по разным разделам, а так же поиск по помощи.

Наши рекомендации