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


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

Короче говоря, плохое удобство использования сайта ужасно для бизнеса. Но что поделаешь?

Ответ заключается в:

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

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

Что делает сайт трудным в использовании

Есть три основные причины, по которым кому-то трудно найти веб-сайт.

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

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

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

Пример поиска в Википедии
Долгое время Википедия путала пользователей с позицией и маркировкой своего поискового объекта..

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

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

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

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

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

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

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

Как проверить работоспособность вашего сайта

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

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

Больше тестеров не означает больше проблем
Количество обнаруженных дополнительных проблем резко уменьшается при тестировании с более чем 5 или 6 пользователями.

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

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

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

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

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

1) Тест первого клика

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

Уважаемое исследование юзабилити сайта Боб Бэйли и Кари Вольфсон обнаружили, что если пользователь правильно выполнил первый щелчок, у него будет 87% шансов на правильное выполнение задания. Тем не менее, если они получат этот первый клик неправильно, это снизится до 46%.

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

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

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

Юзабилити Хаб изображение тепловая карта
Usability Hub позволит вам запускать тесты в первый клик и даже поможет набирать участников.

2) Пятисекундный тест

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

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

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

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

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

3) Легкое тестирование юзабилити

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

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

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

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

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

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

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

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

Чем больше тестов с меньшим количеством тестеров, тем лучше
Несколько раундов тестирования более эффективны, чем один раунд с большим количеством людей.

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

Как улучшить удобство использования сайта

Есть много способов улучшить удобство использования вашего сайта. Тем не менее, три области заслуживают особого внимания. Эти:

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

Итак, давайте посмотрим на эти три более подробно.

1) Упростите ваш интерфейс и контент

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

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

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

К счастью, вы можете решить это с помощью простого трехэтапного процесса.

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

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

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

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

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

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

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

Конечно, чтобы судить, правильно ли вы поступили, вам нужно четко понять, какие элементы наиболее важны на странице..

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

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

2) Дизайн для максимальной видимости

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

  • Должность.
  • образность.
  • Негативное пространство.
  • Цвет.
  • Размер.

1) Рассмотреть положение

Из-за того, как мы читаем веб-страницы и как мы ожидаем, что они будут вести себя, некоторые позиции на странице, скорее всего, привлекут внимание, чем другие.

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

Пользователи отдают приоритет левой стороне
Внимание пользователя – это уклон в сторону левой колонки.

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

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

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

2) Используйте образы с осторожностью

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

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

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

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

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

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

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

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

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

Отношения между элементами могут помочь и по-другому. Это может позволить нам использовать отрицательное пространство в нашу пользу.

3) Используйте негативное пространство

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

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

Негативные пространства
Негативное пространство фокусирует внимание на любых соседних элементах экрана.

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

4) улучшить с цветом

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

Выделить цвета
Creative Digital Designer, Энди Кларк, эффективно использовал яркие цвета в своей работе с WWF.

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

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

5) Используйте относительный размер

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

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

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

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

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

3) Учитывайте пользователя при создании контента

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

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

1) Не заставляйте пользователя искать ответы

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

Решать вопросы пользователей
Ответьте на вопросы пользователей, где их внимание в настоящее время. Не заставляйте их искать ответы.

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

2) Подходим ментальную модель пользователей

У каждого из нас есть ментальная модель мира. Это влияет на то, как мы видим мир и на связи, которые мы устанавливаем между понятиями или вещами..

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

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

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

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

3) Ограничить параметры и сделать их отличными

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

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

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

Маленькие инвестиции могут иметь большое значение

Юзабилити веб-сайта – это сложная тема. Тем не менее, это легко начать, и это будет иметь существенное значение только с небольшим усилием.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me