Самые распространенные ошибки веб-дизайна — гроб для веб-сайта

Опубликовано: 2017-02-25

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

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

Давайте посмотрим некоторые,

Самые распространенные ошибки веб-дизайна

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

# 1 Поиск в окне поиска

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

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

# 2 Плохая читаемость и неясность

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

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

  1. Сравните цветовые схемы большинства крупных сайтов и обратите внимание, как цвета улучшают читабельность. Хорошее место для опробования различных цветовых схем — Adobe Kuler .
  2. Используйте шрифт без засечек , так как он упрощает чтение в Интернете.

# 3 Беспорядочный макет контента

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

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

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

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

  1. Создайте достаточно пробелов между текстом и изображениями, используя поля.
  2. Обновляйте и будьте последовательны . Цель обновления — не только добавить новый контент, но и выявить и исправить прошлые ошибки.

#4 Проблемы с навигацией

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

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

Предложения:

  1. Упростите навигацию, используя текстовые описания для всех ссылок. Предоставьте альтернативный текст для изображений. Используйте альтернативные методы текстового описания для ссылок Flash или Javascript.
  2. Организуйте и структурируйте навигацию в соответствии с темой сайта. Личные веб-сайты могут позволить себе быть более креативными и доступными, но бизнес-сайт требует большей эффективности и ясности.

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

# 5 Неравномерное планирование интерфейса

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

Предложения:

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

# 6 Неотзывчивость

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

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

  • Проверьте свою статистику . Аналитические сервисы, такие как Google Analytics, предоставляют вам информацию о том, какое разрешение монитора они используют. Это полезная информация, которую вы должны знать, прежде чем приступать к следующему обновлению.
  • Статистика браузера W3 Schools — W3 Schools предоставляет четкие списки самых популярных браузеров, используемых пользователями сети, и сортирует их по популярности. Есть и другие интересные и важные статистические данные.

# 7 Сложные регистрационные формы

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

Простая форма Someecard делает регистрацию безболезненной.

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

Подробнее: 9 распространенных ошибок юзабилити в веб-дизайне . Этот пост в журнале Smashing Magazine подробно рассматривает регистрационные формы среди других ошибок юзабилити.

# 8 Ложные изображения на сайте

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

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

Подробнее: Flash: 99% Bad — Используйте Flash правильно. Прошло почти 10 лет с тех пор, как Джейкоб Нильсен опубликовал эту статью, но она по-прежнему актуальна с точки зрения удобства использования Flash, особенно статьи Breaks Web Fundamentals .

# 9 Перемешанные страницы, больше пустого места

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

kylestanding хорошо используют пробелы в своем дизайне.

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

  • Сравнение четырех макетов белого пространства
  • Ценность белого пространства
  • пробел

# 10 Фоновая музыка, огромная неудача

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

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

ЗАКЛЮЧЕНИЕ

KISS — это суть, о, я имел в виду Keep It Simple, Stupid. И это то, что людям больше всего нравится в веб-сайте, если он прост, его легко использовать.

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

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