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

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

Медленные сайты, которые тянут все

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

Как это проверить и преодолеть: Запустите свой сайт, используя такие инструменты, как Google PageSpeed ​​Insights, Lighthouse или WebPageTest, чтобы определить сужение. Оптимизируйте изображения в современных форматах, таких как WebP, включение кеша, сжимать файлы и инвестировать в высококачественный домовладение или CDN. Проверьте с более медленным дросселем сети на мобильном устройстве, чтобы понять, что на самом деле испытывают ваши пользователи.

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

Как это проверить и преодолеть: Откройте свой сайт на нескольких устройствах и браузерах, а затем запустите окно POP -UP. Спросите тестеров, которые не знакомы с сайтом, чтобы закрыть его — если они колебаются, ваш дизайн потерпел неудачу. Всегда предоставляйте видимую, высокую кнопку закрытия в верхнем правом углу и позволяйте пользователям нажимать за пределы POP -U -up, чтобы отвергнуть его.

Покрытие слоев и сломанных Z-индексов

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

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

Навигация, которая исчезает или скрывается слишком хорошо

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

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

Сайты без панели поиска

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

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

Реклама, которая похитила опыт

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

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

Тайна мясной навигации

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

Как это проверить и преодолеть: Посмотрите, как новые пользователи пытаются ориентироваться в вашем сайте без объяснения объяснения. Если они бесцельно расположены или нажимают случайно, ваша навигация не ясна. Замените абстрактные значки на помеченные кнопки и поддерживайте последовательный стиль ссылки.

Формы, которые борются с пользователем

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

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

Плохая мобильная оптимизация

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

Как это проверить и преодолеть: Не прекращайте менять размер браузера. Используйте реальные устройства, чтобы проверить ваш сайт и завязать инструменты, такие как Chrome Devtools или Safari Web Inspector, чтобы отразить и отлаживать мобильный опыт непосредственно с вашего рабочего стола. Проверьте сенсорное взаимодействие, вход в форму, время загрузки и реакцию экрана. Цель — первый мобильный дизайн, гарантирующий, что макеты изящно увеличиваются на рабочем столе, а не наоборот.

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

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

Противоречивые или вводящие в заблуждение модели дизайна

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

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

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

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

Почему эти недостатки все еще существуют

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

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