Проходили ли вы курсы в местном колледже, создавая сайты в течение многих лет, или вы любите учиться на ходу, есть некоторые вещи, которых каждый веб-дизайнер должен избегать, если он хочет, чтобы посетители любили проводить время на своем сайте.
Вы, наверное, слышали термин «липкий»Со ссылкой на сайт.
Это просто означает сайт, на котором посетитель хочет остаться - сайт, который остается в браузере, который он делает закладки и часто посещает. Есть так много элементов, которые делают сайт «липким», что это совершенно другая тема.
Тем не менее, есть определенные ошибки веб-дизайна, которые могут сделать сайт одним, с которым посетители хотят убежать. Вот дизайн 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
Ошибка № 5: Любительское редактирование фотографий
Ничто не кричит любительской громче, чем изображение, которое не редактировалось должным образом. Веб-сайты с таким типом проблем, возможно, вырезали изображения с нечеткими границами, с автокорректированными цветами, которые выглядят неприличными, плохие методы наслаивания, которые делают очевидным, что две фотографии были сплайсированы вместе или странно изменены пропорции.
Наконечник: Используйте бесплатные инструменты для редактирования изображений онлайн: Canva, Pic Monkey
Пример плохих сетейите: Питерские автобусы
Ошибка № 6: Дизайн, который может создать трехлетний ребенок
Если ваш веб-сайт выглядит так, как вы открыли Microsoft Word, создал кусок Word Art и бросил сайт в Интернете, тогда вы можете пересмотреть свои элементы дизайна. Хотя простота - это приятное облегчение от некоторых более занятых сайтов, если вы слишком просты, вы рискуете своим сайтом выглядеть молодым и дешевым.
Пример плохих сетейИте: Кибер D-Sign Clan
Ошибка #7: плохое управление
Даже если веб-сайт имеет визуально привлекательный дизайн, посетители могут разочароваться и оставить плохую навигацию.
Например, сайты без четкой ссылки или с таким количеством элементов, что трудно решить, куда идти. Одна проблема, с которой сталкиваются многие владельцы веб-сайтов, - это небольшой сайт, который внезапно становится больше. Навигация, которая работала, когда на сайте было пять страниц, просто не работает, когда на сайте 500 страниц. Посмотрите, как сайт может быть переработан и реструктурирован по категориям и подкатегориям, чтобы посетители точно понимали, куда идти и чего они хотят. Также разумно добавить окно поиска.
Пример плохих сетейжет: LawnSignDirectory.com
Ошибка № 8: проблемы с текстом
Веб-дизайнеры, которые используют загруженный фон, а затем выбирают цвет текста, который не обеспечивает достаточного контраста, делают их веб-страницы нечитаемыми. Если глаза посетителя пострадали после прочтения одной статьи, почему она будет придерживаться, чтобы читать больше страниц вашего сайта? Если вы должны выбрать занятый фон, по крайней мере, поместите таблицу с ячейкой, слоем или контентом с твердым фоном и выберите цвет текста, который является противоположным. Старайтесь избегать серого на сером, но выбирайте белый на темно-красном, черном на светло-розовом и т. Д.
Слова, которые перекрывают друг друга, также трудно читать, как и абзацы, которые частично накладываются на графику и частично на сплошном фоне.
Пример плохих сетейИте: Бермудский треугольник
Ошибка № 9: Опечатки
Ничто не кричит непрофессионально больше, чем ослепительные опечатки и проблемы с грамматикой. Хотя никто не идеален, вы можете попытаться приблизиться. Попросите друзей и семью просмотреть ваши страницы и помочь вам найти эти ошибки или нанять профессионального редактора для подтверждения ваших страниц. Пример ниже - просто для удовольствия. Это не настоящая компания, занимающаяся веб-дизайном, а вкрадчивый взгляд на то, как непрофессионально появляются некоторые компании.
Наконечник: Узнайте, как ловушка и ошибки в вашем собственном письме.
Пример плохих сетейIte: Web Tek Rocks
Ошибка № 10: Худший дизайн веб-сайтов - настолько плох, что вы не можете это объяснить
Некоторые веб-сайты действительно очень, очень плохи по дизайну. Эти плохо спроектированные веб-сайты - это не то, что делает сайт болезненным для глаз, а почти все на сайте.
Может быть сочетание уродливых цветов, плохой навигации и других предметов. К счастью, эти сайты редки, но просмотр их может помочь вам узнать, что не делать, когда вы разрабатываете свой сайт.