10 ошибок в дизайне, которые могут убить ваш сайт
В этой статье я расскажу о банальных и не банальных ошибках при создании дизайна для сайта. Придерживаясь принципов в дизайне, которые будут изложены ниже ваш сайт или же ваши проекты станут ЛУЧШИМИ во всей нише.
Работа над сайтом, а тем более над его дизайном это многогранная работа, которая состоит из множества параметров: текста, изображений, цветовая палитра, стиля сайта и много других аспектов. Но, есть основные логические принципы, которые может понять каждый.
1. Мешанина с стилем текста.
Вижу множество сайтов, где людям абсолютно наплевать на общую композицию сайта и то как он будет смотреться в общем, а не смотря на отдельные страницы. Речь идет о постоянной смене шрифтов, их размеров и жирности.
В начале например используется шрифт “Roboto”, размером 15, а уже на разделе ниже используется жирный “Arial” с размером 20. Во первых, это смотрится непрофессионально и складывается впечатление, что это не один сайт, а несколько разных в одном.
Также не стоит злоупотреблять жирностью и волнистостью текста, ИНОГДА, стоит подчеркнуть слово или словосочетание для более точной передачи эмоций, но не делайте это в каждом абзаце.
2. Вся палитра мира.
Ну, это отдельный тип сайтов, которые собрали всю палитру на своем сайте.
Если у вас обычный сайт, а не школы художеств или детского клуба, то ваша палитра сайта должна состоять из 3-5 цветов, которые будут (очень важно) сочетаться вместе с собой. Даже в случае с детскими клубами и школами художеств, не нужно красить весь сайт как будто это урок рисования. Максимум отдельные элементы, не больше.
3. Большое количество анимаций.
Сейчас ни один сайт не может не обойтись без крутых анимаций на своих страницах, ведь это смотриться “Таак необычно”, наверное так другие не делают.
Да, это может быть и так, во многих нишах у людей нету вообще сайта. Опять же, как можно понять, везде нужен баланс. Если страница будет перегруженна анимациями и эффектами, то это будет сбивать внимание человека с текста, и он может упустить важные детали или же ему будет сложнее продать.
Сейчас внимание человека очень сложно получить на большое время, потому что у всех есть телефоны, и большинство время от времени смотрит интсаграм, шортсы или тик токи. Из за этого людям тяжело сосредоточиться на чем то одном больше нескольких секунд. Анимации будут “сливать” внимание вашего потенциального покупателя.
Также, если у вас обычный сайт, то это будет перегружать вас сайт и он будет медленнее загружаться и работать, из за чего люди могут даже не посмотреть ваш сайт. Если мы не берем в счет анимации по типу прокрута изображений, которые необходимы для показа множества позиций или товаров, то не больше 3-4 анимаций на странице.
Создадим продающий сайт для вашего бизнеса, дизайн которого увеличит конверсию в 2 раза
4. Слишком длинные абзацы и тексты.
Продолжая тему рассеянного внимания человека, он не будет читать целые стихи и поэмы на вашем сайте. В статье про то КАК писать продающие тексты и заголовки, я говорил, что вы должны продавать мечты и желания человека в тексте или же играть на его болях.
Это не должно быть длинно, пишете четко и кратко, в основных частях сайта вы можете увеличить средний объем, но представляя примерно какой длины получиться текст, спросите себя: “Я сам бы прочитал ВСЕ это?”, если нет, то подумайте и переформулируйте в более короткий вариант. Тем более, если у вы предоставляете услуги B2B, у деловых людей нету времени и желания читать все это, они хотят видеть результат и пользу вашего продукта/услуги для них.
Всегда смотрите сначала, кто ваша целевая аудитория, а уже потом думайте в каком виде они хотели бы видеть информацию. Чтобы стать более компетентным в написании текстов, прочитайте нашу статью, где мы объясняем это подробно.
Забрать статью можно здесь
5. Нету сочетания цветов на сайте.
Тут будет кратко, вам не нужно самим придумывать или заучивать цветовую палитру, чтобы сделать красивый дизайн, в гугле или пинтересте вы можете посмотреть множество вариаций сочетаний цветов, которые вам нужны.
6. Плохое качество изображений и объектов на сайте.
Убедитесь, что загруженное вами изображение имеет хорошее качество, иначе это будет выглядеть максимально дешево и непрофессионально, такая небольшая ошибка может испортить весь образ сайта, потому что это будет выделяться и резать глаза.
7. Лишняя информация на основной странице.
Если на вашей основной странице у вас происходит вся воронка и продажа вашего продукта/услуги, то не добавляйте лишнюю информацию по типу: История компании, должность и описание каждого сотрудника, статьи, кейсы. Это можно добавить для возможности просмотра сверху страницы и создать отдельные страницы для этого.
8. Устаревшие контактные данные или их отсутствие.
Сайт сделан хорошо, нету никаких ошибок или косяков с текстом, цветовая палитра подобрана хорошо, нету воды в на страницах, но хочешь связаться с компанией, а ватсапа не существует, номер устарел.
Всегда добавляйте все возможные способы связи с вами: почта, телефон, ватсап, телеграм, вк сообщества, инстаграм, ютуб (при необходимости).
Пусть ваши клиентам будет легко с вами связаться. Вы можете оставлять контактные данные внизу страницы, обычно все компании оставляют там почту, ссылки на соцсети или номер телефона.
Также вы можете оставить ссылки на вашу личку на верхней панели. Советую оставить там и там, чтобы человек не мог не найти их.
9. Сложная структура сайта.
Одно из лучших умений, которое вы можете приобрести, это умение вставать на позицию покупателя. Когда дизайнер не умеет этого делать, он может придумать что-то сложное в своей голове, по его мнению сайт красив и читаем, но на деле это просто каша и прочитать очень тяжело.
Это можно сравнить с тем, когда первый раз человек открывает настоящую мангу. Мы привыкли, что комиксы читаются, слева на право, но в манге наоборот, картинки и реплики читаются справа налево. Если вы сможете мысленно вставать на позицию читателя/покупателя, то вы увидите все недочеты дизайна.
10. Отсутствие адаптации для телефонов.
Итак, это заключительная ошибка, которую допускают при создании дизайна для сайта. Основное количество пользователей просматривают сайты именно с телефона. Именно поэтому убедитесь, что вы сделали качественную адаптацию, которая передает ключевые моменты вашего сайта.
Если вы будете учитывать все возможные ошибки при вашей работе,то вы гораздо улучшите ваш результат. Всегда отдаляйтесь от отдельной части сайта и смотрите общую целостность картины.