Худшие ошибки веб-дизайна: 10 примеров плохих веб-сайтов

Статья написана:
  • Дизайн веб-сайта
  • Обновлено: Apr 16, 2020

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

Вы, наверное, слышали термин «липкий»Со ссылкой на сайт.

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

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

Ошибка #1: Jarring Colors

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

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

Пример плохих сетейИте: Морадито

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

Ошибка #2: слишком много графики

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

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

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

Пример плохих сетейИте: Пин-Соль

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

Ошибка #3: медленное время загрузки

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

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

Наконечник: Проверьте скорость сайта и получите рекомендации по улучшению Google Page Speed ​​Insights.

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

- Источник: Повысьте свой SEO с лучшей скоростью сайта

Пример плохих сетейИте: Музей Меня

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

Ошибка #4: слишком много рекламы

Контент-сайты и блоги зарабатывают деньги от рекламы, а не от продажи продуктов. Однако, когда многие владельцы веб-сайтов терпят неудачу, добавив столько рекламы, что посетитель не может отличить контент и рекламу. Если посетитель должен найти статью или остальную часть статьи, на странице слишком много рекламы. Лучше всего одна или две объявления, размещенные на сайте. Более того, и вы рискуете раздражать ваши браузеры.

Фактически, в отчет о цифровой рекламе проведенные Upstream и YouGov в 2012, они обнаружили, что около 20% потребителей заявили, что если компания рекламирует слишком много, они никогда больше не будут использовать эту компанию.

Пример плохих сетейИте: Hemmy.net

Примеры плохого дизайна
На нескольких страницах этого веб-сайта вся область просмотра в верхней части страницы относится к объявлениям 90% разных типов. Чтобы перейти к содержимому страницы, нужно прокрутить вниз. Даже там есть дополнительная реклама, разбросанная повсюду. Это настолько отвлекает, что трудно сосредоточиться на сайте.

Ошибка #5: Редактирование любительской фотографии

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

Наконечник: Используйте бесплатные инструменты для редактирования изображений онлайн: Canva, Pic Monkey

Пример плохих сетейите: Питерские автобусы

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

Ошибка #6: дизайн трехлетней давности может создать

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

Пример плохих сетейИте: Кибер D-Sign Clan

Примеры плохого дизайна
Дизайнер даже не изменил цвета слов из стандартного дизайна, с которого MS начинает. Этот дизайн настолько прост, что его сразу узнают как базовый шаблон Microsoft и Word Art.
Примеры плохого дизайна
Кроме того, всплывающая страница пытается загрузить. Это может быть упущено, если дизайн стал лучше, если вы пропустите вступление и перейдете на главную страницу. Тем не менее, дизайн связанной страницы (ниже) так же разочаровывает.

Ошибка #7: плохое управление

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

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

Пример плохих сетейжет: LawnSignDirectory.com

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

Ошибка #8: проблемы с текстом

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

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

Пример плохих сетейИте: Бермудский треугольник

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

Ошибка #9: Typos

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

Наконечник: Узнайте, как ловушка и ошибки в вашем собственном письме.

Пример плохих сетейIte: Web Tek Rocks

Примеры плохого дизайна
Одну опечатку можно упустить, но на этом сайте показано, как некоторые теневые сайты полны ошибок. Для компании, которая хочет помочь вам разместить свой сайт в Интернете, они, вероятно, лучше будут тратить некоторое время на исправление проблем на своем собственном сайте, прежде чем строить свои. СПЕЦИАЛИЗИРОВАНО «Специальный»; «Экспертиза» написана «экспериментально»; Они предлагают «помочь поставить вас» онлайн; "Мы можем построенный ваш сайт быстрее, чем кто-либо! "

Ошибка № 10: худший дизайн веб-сайтов - настолько плох, что вы не можете объяснить это

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

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

Пример плохих сетейИте: загробная жизнь

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

О Лори Соард

Лори Сэард работает независимым писателем и редактором с 1996. Имеет степень бакалавра в области английского образования и степень доктора журналистики. Ее статьи появились в газетах, журналах, онлайн, и она опубликовала несколько книг. С 1997 она работает веб-дизайнером и промоутером для авторов и малых предприятий. Она даже работала на коротких веб-сайтах рейтинга популярной поисковой системы и изучала глубокую тактику SEO для ряда клиентов. Ей нравится слушать ее читателей.

Подключение: