Основы юзабилити. Базовые правила и принципы юзабилити

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

Видимость статуса

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

Эффективность

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

Свободный выбор

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

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

Стандарты

Четвёртый принцип Usability - последовательность и стандарты. В Сети уже существуют определённые устоявшиеся стереотипы (контакты в верхнем углу, вид корзины и так далее). Тем не менее одно обозначение может иметь несколько видов, поэтому неопытный пользователь среди них может запросто заблудиться. К примеру, электронные корзины идентичны тележкам, обычным корзинам, ультрамодным пакетикам и прочему. А для появления последовательности необходимо выбрать какой-нибудь определённый стиль, который нужно соблюдать везде. Это касается и вёрстки, и шрифтов, и текста, и картинок.

Профилактика ошибок

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

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

Упрощение

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

Гибкость

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

Дизайн

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

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

Помощь

Главные принципы Usability должен знать каждый веб-мастер. Девятым воззрением этой научно-прикладной дисциплины является оказание помощи пользователям в понимании и исправлении ошибок. Обо всех промахах людям нужно сообщать обычным, «человеческим» языком, а не компьютерным. Если неверно создана ссылка, не нужно писать просто 404. Сообщите так: «При вводе страницы произошла ошибка». Если, заполняя форму, пользователь запамятовал указать свой номер телефона, напишите, что имеется погрешность при вводе данных, а не просто «ошибка форма».

Поддержка

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

«Юзабилити»

Итак, мы рассмотрели главные принципы Usability. Но что же это за дисциплина? «Юзабилити» является мерой качества пользовательского опыта, полученного при взаимодействии с системой или продуктом. К примеру, это может быть программное приложение, веб-сайт или что-нибудь иное.

Специалисты User Interfase Engineering определили, что в 60% случаях люди не могут разыскать необходимые им сведения в вебе. В итоге у них снижается производительность труда. Они не желают больше возвращаться на сайт, из-за которого вынуждены терять драгоценное время.

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

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

Создание

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

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

Тестирование

А что такое тестирование Usability? Принцип этого нюанса не каждый знает. Вообще, он является частью процесса создания «Юзабилити». В типичном тесте человеку необходимо выполнить несколько задач с помощью прототипа (или иной системы). Во время работы наблюдатель записывает, что говорит и делает пользователь. Как правило, такой тест проводится с одним или двумя людьми, действующими совместно.

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

Шаги дисциплины

Из каких шагов состоит «Юзабилити»? Для планировки веб-сайта сначала нужно понять, для чего вы его разрабатываете, для кого, зачем и когда ваши читатели будут посещать ваш ресурс. Если вы ответите на эти вопросы, то выявите назначение своего сайта. Определённые цели зависят от аудитории веб-узла и вашей организации.

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

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

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

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

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

Составляющие

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

У «Юзабилити» имеется пять количественных составляющих:

• Эффективность: после ознакомления пользователей с дизайном, как быстро они выполнят то же задание?
• Обучаемость: насколько легко люди могут реализовать базовые задачи, впервые используя незнакомый им интерфейс?
• Ошибки: сколько погрешностей делает человек, насколько они серьёзны, легко ли он может их исправить?
• Запоминаемость: если пользователь вернулся к интерфейсу через определённый период времени, удастся ли ему восстановить свои навыки работы с ним?
• Удовлетворённость: до какой степени человеку приятно пользоваться данным интерфейсом?

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

В Web-e «Юзабилити» считается необходимым условием выживания. Если с сайтом сложно работать, посетители с него очень быстро уходят. Если на главной странице веб-узла ясно и чётко не указано, чем занимается предприятие, какие задачи ресурс позволяет выполнить, пользователи будут искать другой веб-узел. Люди уйдут также, если сайт запутан, информация на нём трудна для понимания и не отвечает на их ключевые вопросы.

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

Что

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

У юзабилити есть пять количественных составляющих:

• Обучаемость : насколько легко пользователи могут выполнить основные задачи, впервые встретившись с незнакомым им интерфейсом?
• Эффективность : после того, как пользователи ознакомятся с дизайном, как быстро они могут выполнить то же задание?
• Запоминаемость : После того, как пользователь снова вернется к интерфейсу через определенный промежуток времени, насколько легко ему будет восстановить свои навыки работы с данным интерфейсом?
• Ошибки : сколько ошибок делает пользователь, насколько серьезны эти ошибки, насколько легко пользователь может исправить эти ошибки?
• Удовлетворенность : насколько пользователю приятно пользоваться данным интерфейсом?

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

Почему

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

Резюме: определение юзабилити (usability). Как, когда и где можно улучшить этот параметр пользовательского интерфейса (UI)? Почему он важен для маркетолога, равно как и для веб-дизайнера?

Данный пост представляет адаптированное к специфике веб-маркетинга изложение статьи крупнейшего мирового авторитета в этой сфере Якоба Нильсена (Jakob Nielsen).

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

Определение

Юзабилити — это качественный критерий, позволяющий оценить, насколько легко применять пользовательские интерфейсы для использования. Прилагательное «качественный» в дефиниции термина означает, что он не может быть выражен через количественные параметры в отличие, положим, от кликабельности (CTR), коэффициента возврата инвестиций (ROI) или стоимости лида (CPL). Другими словами, мы не сможем вычислить точное значение этого параметра и записать его цифрами. Смысловой перевод Usability — «удобство использования».

Также этот параметр относится к способам упрощения использования пользовательского интерфейса (UI, user interface), применяемых в процессе его проектирования.

Мы предлагаем рассматривать термин UI в узком практическом значении с точки зрения интернет-маркетолога — пользовательский интерфейс есть визуализация лендинг пейдж, страницы сайта eCommerce или SaaS-решения, отображаемая на мониторе представителя целевой аудитории.

В свою очередь, удобство использования определяется 5 качественными компонентами (критериями более низкого уровня):

Обучаемость (Learnability): насколько легко пользователи смогут выполнить конверсионные задачи, в первый раз увидев дизайн лендинга?

Эффективность (Efficiency): после того, как пользователи ознакомились с дизайном веб-ресурса, как быстро они смогут выполнить стоящую перед ними задачу?

Запоминаемость (Memorability): если пользователи вернутся на web-страницу после периода достаточно долгого отсутствия, то как легко они смогут вспомнить алгоритм выполнения конверсионной задачи?

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

Удовлетворенность (Satisfaction): насколько приятно пользоваться данным UI?

Вот что такое юзабилити программной системы и посадочной страницы.

Существуют и другие важные качественные атрибуты дизайна. Ключевой параметр, относящийся к функциональности пользовательского интерфейса — полезность (утилитарность, utility): отвечает ли дизайн базовым потребностям пользователей?

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

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

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

Итак, сформулируем 3 определения дизайна, способствующего удобству использования условным UI:

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

Юзабилити = насколько легко и приятно пользоваться этими функциями.

Полезный дизайн = удобство использования + полезность.

В чем важность юзабилити?

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

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

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

А теперь вспомним «первый закон электронной коммерции»:

Если посетители не смогут найти товар, они его и не купят.

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

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

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

Как повысить удобство использования?

Есть много методов изучения этого параметра, но основным и самым полезным является пользовательское тестирование, состоящее из 3 последовательных операций:

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

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

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

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

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

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

Когда начинать работу над оптимизацией юзабилити?

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

Вот основные шаги:

• Перед тем как начинать разрабатывать новый UI или приступать к его редизайну, протестируйте старый вариант для выявления удобных и полезных пользователя элементов, которые можно применить в дальнейшем.
• Проведите так называемое полевое исследование (field study) — понаблюдайте, как представители целевой аудитории ведут себя в «естественной среде обитания», т. е. в привычной обстановке при посещении предпочитаемых веб-ресурсов: пользуются ли они , скроллят ли страницу с помощью колеса мыши или движка вертикального скроллбара и т. д.
• Именно так можно составить примерное мнение о том, как представляют себе удобство пользования будущие посетители.
• Создайте несколько простых непроработанных эскизов новых вариантов дизайна и приступайте к пользовательским тестам как можно раньше. Не тратьте время на кропотливую проработку дизайнерских идей — вы должны будете изменить их все на основе результатов испытаний.
• Постепенно переходите от прототипа, отвечающего самым общим требованиям к веб-дизайну, принятым в вашей маркетинговой нише, к кастомизированной высококачественной компьютерной репрезентации вашего лендинга/сайта. Не забывайте проверять каждую итерацию!
• Проверьте дизайн на соответствие общепринятым правилам (существует множество работ на эту тему, например, того же Якоба Нильсена).
• Если вы решили, что окончательно завершили новый вариант дизайна, проверьте его еще раз — мелкие проблемы юзабилити всегда «выползают на свет» именно в ходе имплементации нового интерфейса на веб-ресурс.

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

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

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

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

Проблема большинства владельцев сайтов одинакова. В веб-разработку вложены большие деньги, но инструмент не работает!

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

А ответ на поверхности – сайт для пользователя неудобный!

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

Принципы юзабилити в интерфейсе

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

Первое правило носит название «Правило 7». Основано оно на особенностях работы человеческой кратковременной памяти.

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

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

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

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

Правило Фиттса. Суть его в том, что не нужно делать крупные предметы еще более крупными, человек их и так заметит.

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

Тестирование интерфейса

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

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

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

Чужими руками или самостоятельно?

Разработка интерфейса может быть выполнена самостоятельно или руками привлеченных специалистов.
Например, на этой бирже weblancer.net можно заказать услуги по разработке дизайна и верстке сайта. Вложенные средства окупятся очень быстро.

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

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

Такие специалисты востребованы на рынке труда и могут рассчитывать на хорошую оплату.

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

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

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

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

Признаки качественного контента:
логичность информации;
простота подачи;
наличие структуры.

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

Все это позволяет пользователю экономить время на поиске нужной информации.
Где брать такие тексты? Можно писать их самостоятельно, привлекать для работы профессиональных копирайтеров или покупать готовый контент на бирже, например, здесь — textsale.ru

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

Принципы юзабилити интерфейсов

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

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

Принцип 1. Навигация. Горизонтальное и вертикальное меню.

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

JavaScript. Быстрый старт

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

Принцип 2. Отсутствие ошибок.

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

Принцип 3. Правильное оформление шапки сайта.

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

Принцип 4. Свободное пространство.

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

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

Принцип 5. Качественный текст.

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

наличие заголовков и подзаголовков;

выделение ключевых слов и важной информации (жирным шрифтом, сносками, маркерами и т. д.);

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

использование нумерованных и маркированных списков;

разбивка текста на абзацы, состоящие из 3-4 предложений.

Принцип 6. Поиск по сайту.

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

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

Принцип 7. Скорость загрузки.

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

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