1) Несоблюдение иерархии шрифтов и отступов
Это сильно влияет на удобство восприятия контента, потому что на сайте каждый блок нас ждет знакомство с чем-то новым и неожиданным. Мы же привыкли наблюдать повторы, чтобы автоматически считывать к чему относится объект и не тратить время на обдумывание его роли.
Как исправить?
- Делайте все заголовки крупнее контентного текста и повторяйте размер и начертание на всех блоках сайта. 1 роль - 1 размер и 1 начертание. Например, заголовки по 32px, а контент по 16px
- Отступы между блоками должны быть больше внутренних отступов. Повторяйте их заданные размеры по всему сайту. Например, между блоками делайте отступ 120px, а между заголовком и контента блока 30px
2) Использование больше 3 цветов на сайте
Мешает сконцентрироваться на сути и отвлекает внимание.
Всего должно быть в меру и по необходимости, иначе человеку придется напрягаться и тратить свое время на поиски нужной информации. Так повышается вероятность его ухода с сайта, потому что сейчас каждый ценит свое время и хочет как можно быстрее понять подходит ему эта услуга/товар/специалист или нет.
Как исправить?
- Заранее создайте палитру из 3 основных цветов, включая фон
- Задайте каждому цвету свое назначение. Например, все кнопки будут красные, а ссылки в тексте синие
3) Полотна текста с «водой»
Чем больше текст, тем меньше вероятность, что его прочтут! Потому что это также связано с ценой времени и скоростью восприятия контента.
Куча текста с красивыми прилагательными сейчас только отпугивают, потому что мы автоматически считываем это просто “водой”, не хотим напрягаться в поиске необходимых фактов, чтобы понять подходит нам эта компания/эксперт/услуга/товар или нет. Поэтому просто уходим с сайта и ищем что-то попроще, где все разжевано, кратко и понятно.
Как исправить?
- Прежде чем собирать сайт проработайте текста. Уберите все лишнее и выделите важное
- Пишите для клиента, представьте что вы ему рассказываете о себе/своей услуге. Делайте упор на выгоды, закрытие возражений и критерии выбора
4) Отсутствие контрастности
Это связано и с 1 ошибкой, когда отсуствует иерархия шрифтов и непонятно где заголовок, где описание, а где подзаголовок одного из фактов. Все плюс минус одинаково, нет контрастности, сложно зацепиться взгляду.
А также этот недочет относится к такому явлению, когда текст сливается с фоном и его трудно прочитать, потому что они идентичны по оттенку и отсутствует контрастность. Самое печальное, что чаще всего так пытаются выделить важную фразу, но по итогу ее трудно разглядеть.
Как исправить?
Если хотите сохранить цвет, но сделать его читаемым, то пробуйте уводить оттенок в светлую сторону, сохраняя насыщенность, чтобы было понятно, что это синий, а не серый
5) Рандомное расположение блоков
Обычно возникает из-за непродуманной структуры, что также влияет на восприятие контента и продажи.
Это считывается как история рассказанная обрывками, порядок которых перепутали, поэтому тебе самому придется выстраивать цепочку событий.
Как исправить?
Прежде чем приступить к созданию сайта распишите структуру, какой блок за каким будет идти. Проверьте это на удобство и адекватность, показав знакомым. Пусть они скажут честное мнение насколько им все понятно и логично.
Для бесплатного экспресс-анализа сайта на ошибки пишите в лс @st_malugina