Принципы юзабилити для улучшения юзабилити сайта

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

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

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

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

Начнем с основ: что такое юзабилити сайта?

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

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

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

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

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

• Доступность. Удобство доступа означает лёгкость, с которой пользователи могут войти на ваш сайт. Это может зависеть от выбранного вами хостинга и его совместимости с устройствами посетителей.
• Ясность. Прозрачность — ключ к комфортному пользованию сайтом. Посетители приходят к вам за определённой информацией или услугой, и они точно не желают тестировать ваше мастерство в веб-дизайне! Если дизайн мешает посетителям или путает их, им придётся тратить больше времени на поиск нужного, или они могут совсем отвлечься от своих целей и покинуть сайт. В результате они уйдут разочарованными и, скорее всего, не вернутся.
• Узнаваемость. Осведомленность описывает процесс обучения, через который проходят пользователи при взаимодействии с новым сайтом. Возможно, вам кажется, что ваш сайт не требует особого изучения, но любой сайт требует от пользователя времени на адаптацию. Например, многие захотят вернуться на главную страницу, и обычно они будут искать логотип в левом верхнем углу экрана. Если навигация вашего сайта отличается, посетителям придётся потратить время на понимание, как вернуться на главную. При разработке дизайна стоит стремиться к минимизации времени адаптации.
• Достоверность. Даже если посетители без труда находят нужный контент или функции, они не будут пользоваться сайтом, если не почувствуют к нему доверия. Чтобы продемонстрировать свою надежность через дизайн, важно открыто говорить о своем бизнесе и его задачах.
• Актуальность. Соответствие — это, пожалуй, самый сложный аспект удобства использования, поскольку оно определяет, насколько контент сайта отвечает интересам клиентов. Создание цепляющего контента требует глубокого понимания вашей аудитории, выявления ее потребностей и точного их удовлетворения.

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

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

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

Юзабилити веб-сайта против доступности и UX

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

Инклюзивность в дизайне интернет-ресурсов, как мы детально разъясняем в нашем исследовании о принципах создания удобных веб-сайтов, предполагает разработку платформ и приложений в таком ключе, что они становятся доступными для людей с различными ограничениями. Это может включать в себя адаптацию сайта для работы с вспомогательными технологиями или применение тщательно продуманного дизайна. Согласно статистике 2012 года, около 20% населения США сталкиваются с теми или иными ограничениями функциональности. Во всем мире около миллиарда человек, что составляет приблизительно 15% глобального населения, живут с теми или иными формами инвалидности. Осуществляя адаптацию вашего сайта для широкого круга пользователей, вы устраняете риск исключения значительной части посетителей.

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

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

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

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

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

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

Следуйте этим шагам, чтобы ваш следующий веб-сайт был максимально удобным для использования:

1. Исследование пользователей

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

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

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

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

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

2. Структура

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

Хорошие вопросы для изучения включают:

• Что ищут посетители моего сайта?
• Какой контент наиболее важен для посетителей?
• Какая информация нужна каждому посетителю, а какая информация актуальна только для некоторых посетителей?

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

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

Отличным примером простого, но эффективного структурного дизайна является веб-сайт Nike.

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

3. Наймите веб-дизайнера

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

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

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

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

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

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

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

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

Юзабилити — важная часть хорошего дизайна веб-сайта.

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

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