7 Убийственных Ошибок Дизайна Вашего Сайта

Print Friendly, PDF & Email

Уверенны, что ваш сайт внешне не пугает, а привлекает клиентов?

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

На самом деле, важно другое.

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

Но как же выяснить:

  • какой дизайн подходит именно вашему сайту?
  • как найти ошибки и устранить их?

Ответы на эти вопросы вы найдете в этой статье!

Итак…

Что в дизайне вашего сайта может убивать конверсию:

Ошибка №1. Маленький шрифт

Первая и самая распространенная ошибка – это использование маленьких шрифтов в интерфейсе сайта.

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

Исследования показали:

  • У вас есть только 8 секунд, чтобы заинтересовать посетителя в вашем сайте;
  • В среднем люди читают только 28% текста на странице.

Чтобы сразу же привлечь внимание пользователей, вам нужно сделать следующее:

  1. Составьте привлекательный и захватывающий заголовок;
  2. Напишите интересный контент, чтобы его захотели прочитать дальше вступления;
  3. Используйте крупные шрифты для заголовков;
  4. Убедитесь, что шрифт вашего текста достаточно большой и легко читается. Оптимально — 16-18 пикселей. Учитывайте также особенности выбранного шрифта. Например, 16 пикселей «Times New Roman» визуально меньше, чем 16 «Arial».

Совет!

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

пример

Ошибка №2. Использование слайдов

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

Как вы думаете, это эффективно? Это на самом деле увеличивает конверсию?

В большинстве случаев ответ – нет!

Как показали исследования, при наличии на сайте слайдов пользователи воспринимают информацию гораздо хуже, а иногда и вовсе не замечают ее. Только 1-2% посетителей нажимают на один из слайдов, а 84% — кликают по первой картинке.

Почему же тогда так много интернет-предпринимателей совершают эту ошибку?

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

Несколько рекомендаций:

  1. Помните, не нужно добавлять подвижные баннера или слайды, как делают все остальные (даже если это рекомендует ваш дизайнер).
  2. Подумайте, как лучше презентовать информацию на главной странице. Не нужно слепо копировать и повторять за конкурентами.
  3. Выберите одну особенность или одно коммерческое предложение для главной страницы, сделайте его ярким и заметным. Не нужно пытаться продвигать все и сразу.
  4. Посмотрите на свой сайт со стороны покупателя и сделайте его максимально удобным.

Ошибка №3. Низкая контрастность текста

Еще одна огромная ошибка – использование букв с низкой контрастностью.

Например:

  • Светлый шрифт на светлом фоне,
  • Темный — на темном.

Возможно, для печатной продукции это и подходит, но в интернете  – точно нет!

Врачи-офтальмологи говорят, что почти половина людей в возрасте 40 лет видят в 2 раза хуже, чем в 20 лет. Вы действительно хотите, чтобы посетитель вашего сайта еле разбирал, что вы там написали?

пример2

Вы всегда можете решить эту проблему — сделайте текст контрастным.

  • Если фон темный, шрифт должен быть светлым.
  • Если фон светлый, шрифт — темный.

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

пример3

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

В результате:

  • 70% людей хорошо воспринимают черный текст на белом фоне, 19% — средне и 11% — плохо.
  • Только 12% участников эксперимента отметили, что белый текст на черном фоне воспринимается кое-как; 88% — сказали, что плохо.
  • 82% пользователей считают белый текст на фиолетовом фоне плохим решением; и только 2%-м это сочетание понравилось.
  • Белый текст на синем фоне — это ужасно, по мнению 96% опрошенных.

Итог: черным по белому гораздо лучше, чем белым по цветному.

Помните об этом, когда будете готовить техзадание для разработчика.

Ошибка №4. Маленький интервал между строк

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

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

Но что не очень хорошо, разработчики среднего уровня об этом могут вообще забыть.

Как избежать этой ошибки?

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

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

пример4

Ошибка №5. Неправильная длина строки

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

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

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

Ошибка №6. Невзрачный призыв к действию

Еще одна ошибка заключается в отсутствии цветового акцента в призыве к действию.

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

Например, если у Вас есть кнопки «Получить сейчас» или «Скачать бесплатно», обязательно выделите их контрастным цветом, чтобы сделать их еще более заметными для клиента.

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

Как выбрать правильный цвет:

  1. Он должен быть достаточно ярким, чтобы привлечь внимание.
  2. Он должен гармонировать с другими цветами сайта.
  3. Цвет призыва должен отличаться от фонового оттенка. Это значит, что синяя кнопка на синем фоне – очень плохая идея.
  4. Этот цвет должен использоваться только для призывов к действию.

Ошибка №7.  Нарушение основных принципов структурирования страниц сайта

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

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

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

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

Помните, о чем я писал в самом начале? Основная ваша цель — сделать сайт максимально удобным для пользователя!

Заключение

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

Следуйте советам из этого поста, не допускайте подобных ошибок — и вы увидите результаты.

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

Ставьте лайк, если вам было полезно!

Есть 4 минуты? В предыдущей статье я рассказываю о простых и быстрых способах написания мощного СТА. Интересно? — Читайте прямо сейчас: 5 Способов Всего за 5 Минут Составить Эффективный Призыв к Действию