11 распространенных ошибок веб-дизайна (грубые ошибки)

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

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

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

1. Где находится окно поиска?

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

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

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

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

2. Плохая читабельность и разборчивость.

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

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

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

Больше: Вот хорошая статья, которая даст вам больше советов по улучшению читабельности - Удобочитаемость - облегчение чтения веб-страниц.

3. Неорганизованный контент-макет.

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

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

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

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

1. Создайте достаточно пробелов между текстом и изображениями, используя поля.
2. Обновляйте и будьте последовательны. Цель обновления - не просто добавить новый контент, но обнаружить и исправить ошибки прошлого. Якоб Нильсен предлагает вам нанять Web “садовник”.

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

4. Плохая навигация.

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

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

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

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

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

Больше: Реализация эффективной навигации по сайту - Эта статья дает более полное представление о реализации эффективной навигации для вашего сайта..

5. Непоследовательный дизайн интерфейса.

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

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

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

6. Недружественное разрешение экрана.

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

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

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

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

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

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

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

Больше: 9 распространенных ошибок юзабилити в веб-дизайне - В этом посте на Smashing Magazine подробно рассматриваются регистрационные формы и другие ошибки юзабилити..

8. Недобросовестное использование изображений / анимации.

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

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

Больше: Flash: 99% плохо - Используйте Flash соответствующим образом. Прошло уже почти 10 лет с тех пор, как Якоб Нильсен опубликовал эту статью, но она по-прежнему актуальна с точки зрения удобства использования Flash, особенно Ломает основы Интернета кусок.

9. Загроможденные страницы, больше пробелов.

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

kylestanding эффективно использует пробелы в своем дизайне.

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

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

10. Нет фоновой музыки, пожалуйста!

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

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

11. Тест, Тест и Тест.

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

• Можно ли просматривать сайт в разных средах??
• Соответствует ли дизайн макету во всех браузерах??
• Можно ли просматривать веб-сайт в различных настройках, таких как отключение изображений, отключение JavaScript и т. Д.?

Предложения:W3C предлагает инструменты для проверки качества. Проверять, выписываться W3C Панель инструментов обеспечения качества а также Проверка веб-страницы.

Заключение:

Держите это простым, глупым (K.I.S.S). Это - суть. Если это просто, это можно использовать. В общем, отличные сайты делают это простым и удобным. Сделайте свою домашнюю работу, и это будет легко и естественно.

Какой у вас опыт в проектах по веб-дизайну? Какими еще советами и мыслями вы бы хотели поделиться по поводу ошибок веб-дизайна??

Примечание редактора: Этот пост написан Брухо Ово для Hongkiat.com. Brujo Owoh - студент по мультимедийным системам, специализирующийся на веб-дизайне и 2D-анимации. Он любит читать художественную литературу, общаться с друзьями и следить за тенденциями дизайна в Twitter. Посетить блог Брухо.