9 худших ошибок UX, которых следует избегать

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

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

Из Википедии:

Дизайн пользовательского опыта (UXD, UED или XD) — это процесс повышения удовлетворенности пользователей за счет улучшения удобства использования, доступности и удовольствия, обеспечиваемого взаимодействием между пользователем и продуктом…

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

Сосредоточьтесь больше на фоновом изображении, а не на содержании

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

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

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

Слишком много полей формы

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

Не верите моим словам?

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

Слишком много текста

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

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

Позвольте мне поделиться цитатой из блога Hubspot, на который я недавно наткнулся:

90% информации, передаваемой в мозг, является визуальной, а визуальная информация обрабатывается мозгом в 60 000 раз быстрее, чем текст.

Рекомендуется для вас:

Как Metaverse изменит индийскую автомобильную промышленность

Как Metaverse изменит индийскую автомобильную промышленность

Что означает положение о борьбе со спекуляцией для индийских стартапов?

Что означает положение о борьбе со спекуляцией для индийских стартапов?

Как стартапы Edtech помогают повышать квалификацию и готовят рабочую силу к будущему

Как стартапы Edtech помогают повысить квалификацию рабочей силы Индии и стать готовыми к будущему ...

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

Индийские стартапы срезают путь в погоне за финансированием

Индийские стартапы срезают путь в погоне за финансированием

Сообщается, что стартап цифрового маркетинга Logicserve Digital привлек 80 крор индийских рупий в качестве финансирования от альтернативной фирмы по управлению активами Florintree Advisors.

Цифровая маркетинговая платформа Logicserve Bags Финансирование 80 CR INR, ребрендинг как LS Dig...

Не реагировать

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

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

В 2014 году количество людей, использующих мобильные устройства, превысило число пользователей настольных компьютеров. – Джим Эдвардс, Business Insider, апрель 2014 г.

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

Отсутствие передышки

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

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

Низкий контраст

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

Если вы все еще хотите использовать низкую контрастность, выберите шрифт с умом, чтобы ваши посетители могли легко читать ваш контент .

Медленная скорость загрузки страницы

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

Исследование Aberdeen Group показало, что задержка в одну секунду во время загрузки страницы равняется сокращению просмотров страниц на 11%, снижению удовлетворенности клиентов на 16% и уменьшению количества конверсий на 7%.

Кроме того, низкая скорость загрузки негативно влияет на ранжирование в поисковых системах.

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

  • Оптимизируйте свои изображения.
  • Уменьшите редиректы.
  • Не используйте слишком много плагинов.
  • Минимизируйте HTTP-запросы.
  • Сокращение времени отклика сервера.

Нет четкой кнопки призыва к действию (CTA)

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

Кнопка CTA сообщает посетителям, какие действия они должны предпринять на вашем сайте.

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

Создание визуального беспорядка с большим количеством шрифтов и цветов

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

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

Последние мысли

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

[Это сообщение впервые появилось на AdPushup и воспроизведено с разрешения.]