Вредные советы для веб-дизайнера: как сделать ужасный сайт
Меня зовут Владислав, я веб-дизайнер уже более 2-х лет, создаю продающие сайты, которые повышают продажи, и сегодня мы поговорим про… то, как сделать по-настоящему плохой сайт. Да, вы не ослышались.
Если вы мечтаете, чтобы пользователи закрывали страницу через 3 секунды, не понимали, куда нажимать, и никогда не возвращались — ловите проверенные «вредные советы».
Что вас ждет:
- 5 самых частых ошибок, убивающих конверсии.
- Примеры плохого UX и кривого UI.
- Четкие рекомендации, как избежать этих провалов.
Читайте до конца — и сможете легко определить, какие ошибки могут быть на вашем сайте.
⠀
1. Используйте как можно больше шрифтов и цветов
Что может быть лучше, чем 10 разных шрифтов на одной странице? Например, заголовок — курсивом, кнопки — комик сансом, а текст — готическим стилем. Добавьте к этому кислотные цвета, и пользователи надолго запомнят ваш сайт (но не в хорошем смысле).
Что идет не так?
- Разные шрифты создают хаос. Нет визуальной иерархии, пользователи теряются.
- Яркие несочетаемые цвета раздражают, перегружают восприятие.
- Сложные декоративные шрифты снижают читаемость.
📌 Как делать правильно:
- Используйте не больше 2-3 шрифтов. Например, один для заголовков, второй для основного текста.
- Ограничьте палитру 3-5 цветами, которые сочетаются между собой.
- Проверяйте контрастность: текст должен легко читаться.
Пример хорошего решения: сайты Apple и Notion — минимализм, читаемость, четкая иерархия.
⠀
2. Добавьте кучу анимации и эффектов
Анимация — это круто, но только если она улучшает UX, а не превращает сайт в новогоднюю гирлянду. Вредный совет: заставьте каждую кнопку прыгать, фон мерцать, а изображения крутиться при наведении.
Какие проблемы это создает?
- Медленная загрузка. Перегруженные сайты плохо работают, особенно на мобильных устройствах.
- Раздражение пользователей. Если контент скачет, мерцает и отвлекает, пользователь не сможет сосредоточиться.
- Отвлекающий дизайн. Человек пришел за информацией, а не смотреть мультфильм из анимации.
📌 Как делать правильно:
- Используйте минималистичную анимацию только там, где она помогает: плавные появления, hover-эффекты.
- Проверяйте скорость загрузки — Google рекомендует не больше 3 секунд.
- Избегайте избыточной динамики, особенно если сайт должен выглядеть солидно.
Пример хорошего решения: Tesla. Там используется плавная анимация, которая подчеркивает динамику продукта, а не мешает восприятию информации.
⠀
3. Сделайте навигацию максимально сложной
Логика проста: если пользователь потратит 5 минут на поиски нужного раздела, он точно запомнит ваш сайт. Назовите меню креативно (например, вместо «Контакты» — «Где нас найти?»), спрячьте важные кнопки в подменю и добавьте как можно больше страниц.
Какие проблемы это создает?
- Пользователь не понимает, куда нажимать.
- Длительное время поиска информации = высокий показатель отказов.
- Неочевидные названия разделов создают путаницу.
📌 Как делать правильно:
- Простая и понятная навигация: основные разделы сайта должны быть сразу видны.
- Минимум кликов до цели: если пользователю нужно 4-5 переходов, чтобы оставить заявку, он, скорее всего, уйдет.
- Единообразные названия: привычные формулировки («О компании», «Контакты», «Услуги») работают лучше, чем попытки выделиться.
Пример удачного решения: Aviasales. Все интуитивно понятно, нужные кнопки на виду, навигация не перегружена.
⠀
4. Игнорируйте адаптивность для мобильных устройств
Зачем тратить время на мобильную версию? Пусть пользователи с телефонов мучаются, приближая текст и нажимая не туда.
Что идет не так?
- Текст и кнопки слишком мелкие, неудобно нажимать.
- Контент «вылезает» за границы экрана, приходится скроллить вбок.
- Медленная загрузка: десктопные сайты весят больше и дольше открываются на телефонах.
📌 Как делать правильно:
- Проверяйте сайт на разных устройствах (телефон, планшет, ноутбук).
- Дизайн должен быть адаптивным, а не просто уменьшенной копией десктопа.
- Кнопки и шрифты должны быть достаточно крупными для удобного нажатия.
Пример хорошего решения: сайты Netflix и Google — на мобильных устройствах они работают так же удобно, как и на компьютере.
⠀
5. Наполняйте сайт текстом-стеной без структуры
Лучший способ отпугнуть пользователя — разместить огромный кусок текста без заголовков, абзацев и списков. Чем больше букв в сплошном массиве, тем быстрее человек закроет сайт.
Какие проблемы это создает?
- Человек не может быстро найти нужную информацию.
- Глаза устают, внимание рассеивается.
- Высокий процент отказов: никто не хочет разбирать текстовую «простыню».
📌 Как делать правильно:
- Делите текст на блоки с подзаголовками.
- Используйте списки и визуальные элементы.
- Выделяйте ключевые мысли (жирным, курсивом, цветом).
Пример хорошего решения: Т-Банк. Вся информация структурирована, читается легко.
⠀
Запомните: хороший дизайн — это не просто красивая картинка, а удобство и логика, которые помогают пользователю достичь цели. Если на вашем сайте есть эти ошибки — самое время их исправить.
Хотите, чтобы ваш сайт продавал, а не отпугивал клиентов? Я создаю удобные и конверсионные сайты по собственной методике.
Запишитесь на бесплатную консультацию — разберем ваш проект и найдем способы сделать его эффективнее!