9 ошибок веб-дизайна, которые снижают конверсию

Что такое веб-дизайн

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

Распространенные ошибки веб-дизайна

Фокус

• Не ясно указывает, что ваша компания делает/предлагает.
• Отсутствие четкого CTA (призыва к действию) — его часто забывают или оставляют внизу страницы.
• Трудно найти контактную информацию — введите номер телефона в верхнюю панель.
• Незащищенный (HTTPS) — безопасные сайты загружаются быстрее, имеют более высокий рейтинг в поиске, и 84% посетителей откажутся от покупки, если сайт не защищен.
• Никакой аналитики — если вы не отслеживаете, что работает, а что нет, вы не сосредоточены на том, чтобы сделать веб-сайт своим лучшим рекламным инструментом.
• Например, школьный веб-сайт, не предназначенный для определенной аудитории, будет сильно отличаться от веб-сайта ресторана.

Дизайн

• Как это выглядит — это очень важно, у вас есть менее десяти секунд, чтобы произвести впечатление на посетителя и заставить его захотеть исследовать дальше. Общая тема и цвета должны нравиться аудитории. Меньше значит больше, поэтому загроможденная домашняя страница отпугнет посетителей. Им нужно четко видеть панели навигации и другие функции, чтобы привести к конверсиям.
• Чрезмерное использование цветов — слишком много цветов может испортить конверсию — важно понимать психологию цвета (например, используйте смелые цвета, такие как синий и белый, для сайта о красоте и здоровье).
• Загружается слишком долго — оптимальное время — 3 секунды; вероятность отскока увеличивается экспоненциально с каждой секундой.
• Не готов к работе с мобильными устройствами
  • 52% пользователей с меньшей вероятностью будут взаимодействовать с компанией из-за плохого мобильного опыта.
  • 91% отдают предпочтение необходимости и скорости.
  • 61% будут двигаться дальше, если не найдут то, что им нужно очень быстро.

• Не использовать адаптивный дизайн — адаптивный веб-дизайн использует медиа-запросы CSS3, чтобы веб-сайт работал на всех платформах (например, на компьютере, ноутбуке, планшете, смартфоне).
• Непоследовательный интерфейс на разных страницах — вам не нужен новый дизайн для каждой страницы, он сбивает с толку и не поддерживает сильный дизайн бренда.
• Всплывающие окна — могут мешать использованию мобильных устройств и влиять на ранжирование.
• Теги H1 удалены из эстетических соображений, но это первый элемент, который поисковые роботы ищут.
• Текст в изображении — поисковые системы не видят изображения, поэтому не читают текст, его нужно накладывать поверх.
• Кнопки и ссылки слишком малы, чтобы их можно было нажимать — особенно на мобильных устройствах, нет ничего более неприятного, чем касание пальцами более одной кнопки одновременно и их попадание не в то место.
• Нет Favicon — пользователю нравится открывать несколько страниц, их трудно найти, если вы хотите вернуться на сайт.
• Карусели, которые автоматически прокручиваются на главных страницах, отвлекая пользователей от вашего сообщения.
• Автоматическая музыка на фоне — просто раздражает.
• Видео, которые воспроизводятся автоматически — опять же, просто раздражает. Убийца конверсии.
• Общие страницы 404 — большинство пользователей отказываются от них, когда получают одну из них. Немедленно наведите порядок в обработке ошибок.
• Медленное время отклика сервера — необходимо оптимизировать.
• Несоблюдение норм дизайна — пользователи снисходительны, но они ожидают таких основ, как панель навигации и функция поиска.
• Плохое использование пустого пространства — слишком мало делает его тесным, слишком много — непрофессионально.
• Нет кеширования браузера — влияет на скорость перезагрузки страниц, что приведет к снижению позиций.
• Работает не во всех браузерах — все веб-сайты должны работать во всех браузерах.
• Не работает без JavaScript — если ваш посетитель выключит JavaScript, ваш сайт все равно будет работать.
• Код не был сжат — другими словами, минимизирован ваш CSS, HTML и Javascript. Это улучшает скорость загрузки.

Навигация

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

Типография

• Разборчивость, удобочитаемость, ясность — вот критические факторы.
• Шрифт слишком мелкий, неудобный для чтения — основной текст должен быть без засечек размером более 14 пикселей, так как он совместим на разных платформах. Фигурные шрифты для детей.
• Слишком много шрифтов — приводит к путанице, так как посетители отвлекаются на презентацию и не сосредотачиваются на вашем сообщении. Трех вполне достаточно.
• Конфликтующие шрифты могут раздражать и не влияют на конверсию.
• Плохой кернинг (символы), отслеживание (слова), интерлиньяж (предложения) — пробелы важны и помогают с ясностью и удобочитаемостью.

Содержание

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

Картинки

• Нерелевантная стоковая фотография — изображения должны быть приятными для глаз, релевантными и сосредоточенными на одной конкретной теме.
• Плохой размер и масштабирование — это повлияет на время загрузки и выглядит непрофессионально.
• Неотвечающий размер изображения — для решения этой проблемы используются CSS Media Queries.
• Отсутствуют метаданные — проверьте имена файлов перед публикацией изображений, 987098709.jpg выглядит непрофессионально.
• Нет сжатия изображения — более длительное время загрузки означает более низкий рейтинг.

Социальные сети

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

Пользовательский опыт

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

Юридические проблемы

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

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