Недостатки дизайна, которые могут навредить вашему сайту

Если вы подпишитесь на услугу по ссылке на этой странице, Reeves and Sons Limited может получить комиссию. Смотрите наши заявление об этике.

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

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

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

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

1. Плохой контраст

В последнее время это стало модно. Удивительно, что это может быть так, учитывая повторяющееся послание, которое неоднократно доносилось до нас на протяжении последних 25 лет, о том, что мы должны избегать плохого контраста. Предшественником этой моды, по-видимому, является Twitter и Bootstrap, но они, в свою очередь, могли быть вдохновлены кем-то другим. Давайте посмотрим на пример:

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

Хотя на скриншоте это не ясно, основная часть текста на самом деле темно-серого цвета (не полностью черного), поскольку это кажется важным, но не таким важным, как заголовок.

Ссылки выделены не стандартным оттенком синего, а цветом «Twitter Синий», очень бледный оттенок, который плохо контрастирует с белым фоном.

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

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

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

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

2. Плохая кодировка

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

Похоже, это обычный случай, когда кто-то забыл установить кодировку UTF-8, верно? Но это не так, потому что для этой страницы установлена ​​кодировка UTF-8. Дизайнер сайта все сделал правильно, даже приложил все усилия, чтобы преобразовать все апострофы в метаданных в символ сущности 39, хотя в этом может и не быть необходимости. Проблема возникла со вставкой контента в дизайн, потому что здесь, очевидно, произошло неправильно закодированный текст, содержащий смарт-кавычки MS Word, который был вставлен в раздел контента, что гарантирует его некорректное отображение в каждом браузере, поскольку кодировка страница настроена на UTF-8, а содержимое не закодировано в UTF-8.

Хотя большинство людей захотят упустить из виду такой небольшой вопрос, как умные апострофы, отображаемые как «», это очень раздражает, и еще хуже, когда ошибка возникает в заголовке. Суть в том, что вы должны убедиться, что ваш контент отображается правильно, когда вы публикуете его в Интернете, и вы всегда должны убедиться, что вы используете правильную кодировку (которая для большинства целей будет UTF-8 или UTF-16). Помните, что веб-сайты в основном созданы для первого впечатления, и это действительно нехорошо, если первое впечатление, которое кто-то получает о вашем бизнесе, будет «неряшливым» или «ленивым».

3. Использование Flash

Больше просто нет причин это делать. У Флэша был свой день, но этот день закончился. Тем не менее, многие сайты, особенно сайты азартных игр (где это наименее уместно), все еще используют Flash. Кроме того, некоторые из крупнейших и наиболее успешных сайтов в Интернете широко используют Flash в самых разных контекстах. Итак, если это достаточно хорошо для них, почему это не может быть достаточно хорошо для вас?

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

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

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

4. Автозапуск видео

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

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

Если так много пользователей описывают такое поведение как раздражающее и спрашивают, как его отключить, значит, оно действительно раздражает. И да, мы знаем, что пользователям Firefox, Chrome и Chromium на самом деле довольно просто полностью отключить автозапуск, но скольким пользователям действительно комфортно копаться в about:config или устанавливать плагин для блокировки поведения, которое не должно быть эксплуатируется в первую очередь?

Заметили, что мы там говорили об эксплуатации? Все потому, что создатели HTML 5 не сделали ничего плохого, включив возможность автозапуска. Просто они не ожидали, что люди будут использовать его неправильно.

5. Бесконечная прокрутка

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

Но еще раз, результаты поиска рассказывают историю. Смотрите этот пример:

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

6. Создание всплывающих окон или всплывающих окон, когда они не нужны

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

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

  • обмануть аналитику показателя отказов Google
  • чтобы заставить вас подумать, если вы отскок

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

7. Раздражающие наложения

Это не «Международный день TripAdvisor» (пока), но, поскольку они так щедро предоставляют примеры отвратительного поведения веб-страниц, игнорировать это было бы поистине дареному коню в зубы. Итак, вот что TripAdvisor только что показал, когда я настраивал всплывающий скриншот:

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

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

В основном это вопрос здравого смысла (вероятно, именно поэтому маркетологи терпят неудачу в этом).

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

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

изображение заголовка любезно предоставлено Дэн Драгомир

Богдан Рэнца

Богдан является одним из основателей Inspired Mag, накопив за этот период почти 6-летний опыт. В свободное время он любит изучать классическую музыку и изучать изобразительное искусство. Он тоже одержим исправлениями. У него уже есть 5.

Комментарии Ответы 0

Оставьте комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены * *

Рейтинг *

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются ваши данные комментариев.