Статья 7 ошибок юзабилити, которые вредят вашему бренду

Опубликовано: 2022-08-12

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

Это вредит вашему бренду и вашей прибыли в 100% случаев.

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

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

  • Ошибка № 1: «Гамбургер-меню»
  • Ошибка № 2: Не использовать домашние ссылки
  • Ошибка №3: ​​нет функции поиска
  • Ошибка № 4: вращающиеся карусели
  • Ошибка № 5: автовоспроизведение видео
  • Ошибка № 6: двухколоночные формы
  • Ошибка № 7: Текст-заполнитель

Ошибка № 1: Меню «Гамбургер»

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

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

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

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

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

Это одна из главных ошибок юзабилити; меню гамбургеров должно уйти!

Синтия: Я добавлю к этому немного контекста. Многие люди не узнают гамбургер-меню, и тестирование доказывает это. Но в то же время это будет зависеть от аудитории компании.

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

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

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

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

Ошибка № 2: Не использовать домашние ссылки

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

Тестирование показывает, что это не так.

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

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

Ошибка №3: ​​Нет функции поиска ️‍️

Джейсон: Поиск — это другое. Существует подмножество пользователей, которые перемещаются по веб-сайтам через поиск. Поэтому, если у вас нет опции поиска или если вы не подчеркиваете свою опцию поиска ни открытой панелью поиска, ни кнопкой поиска, которая выделяется из вашей навигации, вы отчуждаете определенную аудиторию. Это особенно важно на больших сайтах с глубокой архитектурой. Исследование, проведенное Search Engine Journal, показало, что почти треть пользователей говорят, что их отталкивает отсутствие окна поиска на веб-сайте. Более 40% считают, что окно поиска является самой важной функцией веб-сайта.

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

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

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

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

Ошибка № 4: вращающиеся карусели

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

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

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

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

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

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

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

Ошибка № 5: автовоспроизведение видео

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

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

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

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

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

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

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

Ошибка № 6: Формы с двумя столбцами ‍

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

Two-Column Form Fields

Ошибка № 7: Текст-заполнитель

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

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

Best Practice for Form Fields

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

Самая большая ошибка: эстетика важнее функциональности

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

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