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

Опубликовано: 2020-06-01
bad websites
90% пользователей покидают сайты из-за плохого дизайна

Знаете ли вы, что 90% пользователей откажутся от сайта с плохим дизайном?

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

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

Вот почему так важен веб-дизайн.

Читайте дальше:

  • Узнайте, каковы элементы плохих веб-сайтов
  • Узнайте о последствиях плохого дизайна веб-сайта
  • Ознакомьтесь с наиболее плохо оформленными веб-сайтами

Оглавление

  • Что делает плохой дизайн веб-сайта: 5 факторов, которые могут отпугнуть ваших посетителей
  • Каковы последствия плохого дизайна?
  • 7 самых успешных плохих сайтов
  • Что мы можем узнать из этих плохо спроектированных веб-сайтов
  • Выводы о плохих сайтах

Что делает плохой дизайн веб-сайта: 5 факторов, которые могут отпугнуть ваших посетителей

Исследования показывают, что посетители формируют мнение о брендах всего за семь секунд. А учитывая тот факт, что 87% потребителей сейчас ищут товары в Интернете, ваш веб-сайт является основным источником первого впечатления.

Представляете, что может случиться, если они увидят плохой дизайн?

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

Но почему плохой дизайн веб-сайта?

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

Вот пять основных факторов, которые способствуют плохому дизайну и отталкивают посетителей:

The time in which visitors form opinions about websites

1. Отсутствие четкой организации

Люди посещают ваш сайт с определенной целью. Попав на некоторые из ваших страниц, они либо ищут определенную информацию о вашей компании и продуктах, либо приходят, чтобы совершить покупку.

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

Когда мы говорим о плохом дизайне с точки зрения организации, мы имеем в виду:

  • Нет или плохой призыв к действию
  • Нет или трудно найти кнопку поиска
  • Без заголовков и подзаголовков
  • Большие абзацы текстов
  • Множество опций на панели навигации
  • Длинные раскрывающиеся меню

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

Проверьте самые глупые и бессмысленные веб-сайты.
Бессмысленные сайты

2. Слишком много отвлекающих факторов

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

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

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

Некоторые из элементов плохого дизайна веб-сайта, которые могут беспокоить ваших пользователей, включают:

  • Чрезмерное использование анимации и гифок
  • Автоматическое воспроизведение видео и музыки
  • Всплывающая реклама, заполняющая весь экран

Простой и гостеприимный сайт позволит вашим пользователям получать выгоду от их посещения и гораздо лучше реагировать на то, что вы продаете.

3. Отсутствие ответа

По данным Statista, в феврале 2020 года на мобильные устройства (за исключением планшетов) приходилось 51,98% от общего числа просмотров в Интернете.

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

Фактически, компания прогнозирует, что к 2024 году около 187,5 миллионов веб-пользователей в США совершат хотя бы одну покупку с помощью своих мобильных устройств.

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

The total mobile web traffic in 2019

4. Медленная загрузка страниц.

Исследование скорости загрузки мобильных страниц, проведенное Think with Google, показывает, что по мере загрузки мобильной страницы от одной до десяти секунд количество отказов может увеличиваться на 123%.

Точно так же последствия плохого дизайна могут снизить конверсию на 95%, когда количество компонентов сайта увеличится с 400 до 6000.

Мы живем в цифровом мире, где люди хотят получить цифровой опыт. Они по своей природе нетерпеливы и хотят быстро получить то, что ищут.

Медленная загрузка страниц отталкивает ваших посетителей, и некоторые из факторов, которые способствуют этому:

  • Вспышка
  • Слишком много изображений
  • Большие видео
  • Чрезмерное использование CSS и JavaScript
  • Использование ненужного кода

5. Неясное сообщение

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

Как только посетители попадают на сайт, они должны легко понять, о чем он и что продает.

Плохой дизайн веб-сайта с нечетким сообщением - это обычно дизайн, в котором очень мало или отсутствует контент, как визуальный, так и письменный.

Это включает:

  • Изображения продуктов
  • Видео с инструкциями
  • Страница о нас
  • Блог
  • Отзывы
  • Отзывы
  • Тематические исследования
  • И более

Никто не будет приставать к вашим страницам, если не найдет там никакой ценности.

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

DesignRush составил рейтинг лучших дизайнерских компаний.
Найдите их здесь!

Каковы последствия плохого дизайна?

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

Вот как:

  • Это вредит вашему SEO : Google говорит, что они сосредоточены на том, чтобы предоставить своим пользователям наилучшие возможности. Это означает, что он ранжирует веб-сайты, которые представляют ценность для посетителей. Вот почему плохо спроектированные веб-сайты, как правило, имеют более низкий рейтинг в поисковой выдаче.
  • Это подрывает ваш авторитет : независимо от того, насколько вы хороши в своем деле, плохой дизайн может навредить вашей репутации. Все ваши элементы должны соответствовать тому, что вы предлагаете, иначе вы запутаете пользователей и заставите их уйти. Другими словами, у вас не может быть страниц, переполненных гифками и анимацией, если вы серьезно занимаетесь бизнесом, поскольку никто не поймет ваше профессиональное послание серьезно.
  • Это стоит вам конверсий : все, что выглядит непрофессионально, раздражает или недружелюбно, просто портит пользовательский опыт и отталкивает ваших потенциальных клиентов. И как только эти пользователи откажутся, очень маловероятно, что они вернутся. Это стоит вам конверсий и прибыли.

7 самых успешных плохих сайтов

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

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

Просмотрите следующие семь примеров плохих веб-сайтов и выясните, допускаете ли вы те же ошибки:

bad websites: LingsCARS
[Источник: LingsCARS]

1. LingsCARS

LingsCARS - британский поставщик услуг по лизингу автомобилей, у которого плохой дизайн веб-сайта из-за слишком большого количества беспорядка.

Когда посетители попадают на свою домашнюю страницу, их атакуют слепящие цвета и их отвлекает слишком много элементов, затрудняющих навигацию.

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

Разная типографика и шрифты, слишком много жирных текстов разных цветов, а также неаккуратный фон.

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

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

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

  • Ежемесячный объем трафика : 10,700
  • Рейтинг по ключевым словам : 6600
  • Связывание доменов : 10 000

Несмотря на то, что он считается одним из тех плохих веб-сайтов, которые отталкивают своих пользователей, ему удалось сохранить свою аудиторию, будучи уникальным и выделяющимся на фоне конкурентов.

bad websites: Yale School Of Art
[Источник: Йельская школа искусств]

2. Йельская школа искусств

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

Это противоречит всем стандартам UX, которые определены как «лучшие практики» и позволяют добиться лучших результатов.

Большие буквы сочетаются с крошечными буквами, которые так трудно читать.

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

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

Несмотря на то, что Йельская школа искусств считается одним из худших веб-сайтов, в ней есть:

  • Ежемесячный объем трафика : 10,800
  • Рейтинг ключевых слов : 5 500
  • Связывание доменов : 24 900
bad website design: Budgets Are Sexy
[Источник: привлекательные бюджеты]

3. Бюджеты сексуальны

У Budgets Are Sexy плохой дизайн в основном из-за монотонности, которую он вызывает у посетителей.

С одной стороны, цветовая схема скучна, а текстовые абзацы доминируют в визуальном содержании.

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

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

Бюджеты Are Sexy, описываемые как один из «худших веб-сайтов в истории», успешно удерживают своих посетителей на протяжении многих лет благодаря качеству своего предложения.

На сайте есть:

  • Ежемесячный объем трафика : 16000
  • Рейтинг ключевых слов : 44 200
  • Связывание доменов : 3,46 миллиона
crappy designs: Y Combinator
[Источник: Y Combinator]

4. Y-комбинатор

Y Combinator - это форум для стартапов, программистов и предпринимателей, и веб-сайт имеет такой же дизайн с 2007 года.

Это недружелюбно для пользователей по нескольким причинам. С одной стороны, когда вы открываете темы, они ведут на другие веб-сайты, но открываются на той же вкладке. Таким образом, пользователям нужно снова и снова нажимать кнопку «Назад», чтобы просмотреть другую ветку, что раздражает.

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

Кроме того, есть строка поиска, но она находится в самом низу страницы.

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

Это влияет на опыт пользователей и увеличивает процент отказов. Фактически, по данным SimilarWeb, в марте 2020 года показатель отказов сайта составил 50,21%.

Тем не менее, будучи отмеченным многими организациями как один из самых дрянных дизайнов, Y Combinator успешно удерживает своих постоянных посетителей и имеет:

  • Ежемесячный объем трафика : 412 000
  • Рейтинг ключевых слов : 1 миллион
  • Связывание доменов : 29,1 миллиона
worst websites: Natural Medicine
[Источник: Natural Medicine]

5. Натуральная медицина

Natural Medicine - еще один из плохо спроектированных веб-сайтов, где есть гигантский абзац текста, который не только мешает скиммерам найти то, что они ищут, но и отталкивает посетителей.

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

Несмотря на то, что они незаметны, некоторые из этих параметров открываются в новой вкладке, где появляется страница 404.

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

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

Однако, несмотря на репутацию одного из худших веб-сайтов, Natural Medicine добилась стабильного потока постоянных посетителей.

На самом деле в нем есть:

  • Ежемесячный объем трафика : 6400
  • Рейтинг ключевых слов : 19 500
  • Связывание доменов : 60 500
crappy design - Gatesnfences
[Источник: Gatesnfences]

6. Ворота

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

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

С другой стороны, фразы также очень яркие по цвету, их трудно читать и на них сосредоточить внимание.

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

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

Попадание в число худших сайтов:

  • Ежемесячный объем трафика : 3700
  • Рейтинг по ключевым словам : 7,700
  • Связывание доменов : 16 700
poorly designed websites: Arngren
[Источник: Арнгрен]

7. Арнгрен

Когда дело доходит до плохих веб-сайтов, Арнгрен возвращает вас в 90-е годы и создает ощущение, будто вы читаете рекламу на желтых страницах, где заполнены все места для рекламы.

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

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

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

Что делает этот дизайн плохим, так это то, что сайт небезопасен, что плохо для SEO и его авторитета.

Возможно, не так хорошо, как у другого вышеупомянутого веб-сайта, но у Арнгрена есть:

  • Ежемесячный объем трафика : 1500
  • Рейтинг ключевых слов : 2300
  • Связывание доменов : 6930

Что мы можем узнать из этих плохо спроектированных веб-сайтов

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

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

Очевидно, это связано с их плохим дизайном.

Эти дрянные конструкции не могут превратить посетителей в клиентов из-за:

  • Слишком много беспорядка
  • Неясное сообщение
  • Невосприимчивость
  • Медленное время загрузки
  • Плохая читаемость

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

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

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

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

Компании, занимающиеся веб-дизайном, рассказывают, как создать веб-сайт, который будет удобен пользователям.
Узнай здесь!

Выводы о плохих сайтах

Когда пользователи попадают на сайт, они хотят увидеть что-нибудь привлекательное.

Хотя важно инвестировать в запоминающийся и современный дизайн, вы также должны понимать, что дизайн веб-сайта - это не только внешний вид.

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

Но они ошибаются.

Посетителей раздражает и раздражает беспорядок. Это не только отвлекает их от сообщения, которое передает сайт, но и отталкивает.

Так что плохая читаемость, недостаток контента, невосприимчивость и медленная загрузка страниц.

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