Худшие ошибки дизайна сайта 10

Статья написана:
  • Дизайн веб-сайта
  • Обновлено: Aug 03, 2017

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

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

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

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

Ошибка #1: Jarring Colors

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

Название сайта: Moradito

Примеры плохого дизайна

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

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

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

Название сайта: Pine-Sol

Примеры плохого дизайна

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

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

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

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

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

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

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

Название сайта: Музей Меня

Примеры плохого дизайна

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

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

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

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

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

Название сайта: Hemmy.net

Примеры плохого дизайна

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

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

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

Название сайта: Автобусы Питера

Примеры плохого дизайна

На этой странице есть несколько проблем с графикой.

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

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

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

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

Название сайта: Cyber ​​D-Sign Clan

Примеры плохого дизайна

Примеры плохого дизайна

Этот дизайн настолько прост, что он будет сразу узнаваем как базовый фон шаблона Microsoft и Word Art.

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

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

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

Название сайта: LawnSignDirectory.com

Примеры плохого дизайна

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

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

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

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

Название сайта: Бермудский треугольник

Примеры плохого дизайна

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

Ошибка #9: Typos

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

Название сайта: Web Tek Rocks

Примеры плохого дизайна

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

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

Ошибка #10: настолько плохо, что вы не можете объяснить ее

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

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

Название сайта: загробная жизнь

Примеры плохого дизайна

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

О Лори Соард

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

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