Эта статья является частью серии, созданной в сотрудничестве с SiteGround . Спасибо за поддержку партнеров, которые делают возможным использование SitePoint.
Мы создали монстра. Несмотря на то, что мы живем и работаем в Интернете, многие из нас не любят способы злоупотребления этой технологией. Несколько разочарований неизбежны, но многие методы злонамеренны — если не обманывают обманным путем. Другие темные узоры просто глупы.
Вот список моих главных раздражений сети. Я не буду никого стыдить, но когда я сталкиваюсь с этим, я испытываю желание бросить все это и пойти жить на пляже …
Раздувание веб-страницы
Я жаловался много раз, но немногие разработчики заботятся о времени загрузки страницы или производительности. Средний вес страницы достиг 2884 КБ в мае 2017 года . Это в среднем для контентных страниц — не приложений, не игр, не социальных сетей.
Улучшается ли пользовательский опыт более чем на 20% каждый год? Думаю, нет.
Ненужные многостраничные статьи
Разбить длинную статью на отдельные страницы — это хорошо. Разделить короткую статью на страницы размером с предложение, чтобы увеличить количество показов рекламы, — нет.
Навязчивая реклама
Реклама является одной из главных причин вздутия. Полноэкранная, всплывающая и автоматически воспроизводимая видео реклама особенно неприятна.
К сожалению, некоторые владельцы сайтов думают: «У меня есть одно объявление на каждой странице, которое в прошлом месяце привлекло $ X. Если я размещу две рекламы, это будет $ 2X… ». Это работает до такой степени, что пользователи начинают покидать сайт. Как некоторые владельцы сайтов могут исправить падение доходов? Больше рекламы.
Поддельные новости
Этот 19-летний действительно зарабатывает 5000 долларов, работая один час в неделю? Кажется, мы утратили искусство создания желаемых продуктов с интеллектуальной рекламой, чтобы заниматься нелепыми схемами быстрого обогащения.
Блокировка рекламных блоков
«Извините, вы не можете получить доступ к этой странице, пока не отключите блокировку рекламы».
Преимущества этой позиции: посетитель никогда не сможет нажать на объявление, поэтому он никогда не будет приносить доход. Давайте заблокировать их.
Недостаток? Посетителю все равно. Никто не будет проходить через ритуал отключения их блокировщика рекламы только для просмотра вашего контента. Даже если они это сделают, они не будут нажимать на объявления, потому что они знают, как и когда их избегать. Эти пользователи исчезают навсегда, и вы исключили любую возможность продвижения других товаров и услуг.
Если реклама является вашим единственным источником дохода, вы можете рассмотреть альтернативы, поскольку поставщики по умолчанию начали блокировать рекламу, чтобы повысить скорость работы браузера.
Мобильный Прыжок
Вы частично читаете статью на своем смартфоне, когда браузер переходит в случайную позицию, потому что изображение, реклама или другой актив загружен выше. Следует признать, что это является следствием современного адаптивного веб-дизайна, но это раздражает.
Решение? Кроме исправления изображения и других значений ширины ресурсов, я не знаю ни одного внутристраничного решения (и я потратил много часов, пытаясь!). В Mobile Chrome есть экспериментальный флаг для предотвращения перехода:
- введите chrome: // флаги в адресной строке
- прокрутите или найдите Scroll Anchoring
- включить и перезапустить браузер.
Я не уверен, что это всегда работает, но я аплодирую любому поставщику за попытку.
Продвижение мобильных приложений
Вы нажимаете на ссылку на мобильном устройстве, но, как только вы достигнете места назначения, вам предлагается установить мобильное приложение сайта и прочитать там статью. Правильно: вы должны посетить App Store, утвердить условия, загрузить несколько мегабайт кода, дождаться завершения установки, запустить приложение, а затем попытаться найти тот же контент, который вы могли прочитать десять минут назад.
Это переводится как: «Мы потратили много денег на многочисленные собственные мобильные приложения, но никто не беспокоился. Вероятно, нам следовало бы внедрить Progressive Web App за небольшую часть стоимости. Вместо того, чтобы решать основную проблему, мы попытаемся обмануть несколько человек в ее установке. Возможно, наш генеральный директор перестанет жаловаться на нашу мрачную отдачу от инвестиций ».
Запутанная навигация
Я все за свободу дизайна, но если вам нужно объяснить свою навигацию, что-то не так! Горизонтальные и вертикальные списки ссылок могут быть неинтересными, но они работают без навязчивых стрелок или инструкций.
Дополнительное раздражение: многоуровневые каскадные меню только для CSS, которые исчезают, когда вы перемещаете мышь на один пиксель от активной области.
Обнаружение браузера
«Этот сайт работает только в Google Chrome».
Я думал, что такая чепуха вымерла в 2001 году. Возможно, это необходимо, если вы пробуете экспериментальную технологию, но применение ее на каждой странице контента приведет к потере ваших посетителей.
«Вам нужна вспышка»
Я не. Вам нужно обновить свой сайт.
Одностраничные приложения без откатов
Все крутые ребята используют JavaScript-фреймворки для создания одностраничных приложений. Хорошо, но, по крайней мере, добавить немного терпимости, когда JavaScript не работает. Который это будет. Прогрессивное улучшение не умерло .
Ограничения глупых паролей
«Ваш пароль должен содержать от восьми до десяти символов, состоять из заглавной буквы, двух цифр, символа и улыбающихся смайликов пу».
Это переводится как: «Мы на самом деле не понимаем безопасность, но это выглядит так, как будто мы делаем что-то практичное». Это не так: вы передаете шаблон инструментам перебора паролей и значительно сокращаете время обнаружения. Обязательно используйте минимальное количество символов, укажите надежность и проверьте наличие идиотских паролей, таких как «пароль». Вот и все.
Отключение вставки в поля пароля
Почему сайты делают это? Теперь вы остановили меня, используя в моем менеджере паролей сильную, произвольно генерируемую строку из 500 символов.
Вы также должны остановиться …
Нарушение поведения браузера
Владельцы сайта должны узнать несколько основных фактов о сети. Тебе нельзя:
- скрыть свой код
- остановить людей, просматривающих ваш источник
- запретить людям использовать контекстное меню
- определить, когда кто-то открывает инструменты разработчика
- заставлять людей запускать ваши сценарии или использовать ваши стили
- не позволяйте людям копировать контент (и, пожалуйста, прекратите добавлять глупые сообщения об авторских правах, когда я попытаюсь).
Взлом кнопки Назад
Нарушение функциональности кнопки «назад» не нужно и ужасно для пользователя. Даже начинающие пользователи понимают, что делает «Назад». Нет никаких оправданий для одностраничных приложений — API истории доступен уже много лет, так что используйте его!
Это не просто СПА. Некоторые сайты настаивают на прекращении сеансов или предоставлении страницы с истекшим сроком действия, чтобы вы не могли вернуться назад или вперёд и снова должны войти в систему.
И не заводите меня на сайты, которые не реагируют на прокрутку колесика мыши.
Использование неверного типа ввода
HTML5 представил ряд новых типов ввода, включая URL, электронную почту, телефон, номер, дату, время, цвет и т. Д. Поставщики браузеров могут оптимизировать взаимодействие с пользователем, чтобы определенные символы были ограничены или появился соответствующий элемент управления, например календарь (который до сих пор нет). в Firefox — что так долго бродит по Mozilla ?!)
Используйте правильное управление вводом для работы. Любой, кто внедряет переключатели «да / нет» вместо одного флажка, заслуживает всех насмешек, которые они получают.
Предупреждения Печенья
Вы можете не видеть их, но жители ЕС засыпаны баннерами «мы используем куки» и всплывающими окнами почти на каждом сайте, который они посещают. Мало кого это волнует. Еще меньше их читаешь. Миллионы людей теперь обязаны игнорировать предупреждения безопасности, которые однажды могут стать более серьезными.
Это глупое правило закреплено в законе, и я не призываю вас заниматься преступной деятельностью. Все же законы должны быть осуществимыми; Сколько сайтов было оштрафовано за отказ показать уведомление о cookie?
Есть простой вариант: установить плагин с автоматическим нажатием, например, мне не нужны файлы cookie .
Излишняя прокрутка
Мне очень нравится прокрутка, когда она тонкая и выделяет несколько ключевых моментов. Это менее приятно, когда он чрезмерно используется с дюжиной секций параллакса в сочетании с 57 плавающими предметами, перемещающимися на место. Мои глаза кровоточат, спасибо.
Бесконечная прокрутка Shenanigans
Мне не особенно нравятся страницы, которые загружают и добавляют дополнительный контент, когда вы прокручиваете страницу вниз. Я менее заинтересован в сайтах, которые не могут добавлять контент достаточно быстро, не дают указания о том, когда страница закончится, или делают невозможным создание закладки для отдельной статьи.
Социальный Вход Глупость
Когда OAuth реализован хорошо, регистрация и вход в систему с вашей учетной записью Facebook, Twitter или Google просто невероятны и экономят время. При неудачном внедрении сайты переходят к вашему адресу электронной почты и другому паролю для регистрации — почему?
«Полезные» товары добавлены в мою корзину
Я не возражаю против нескольких рекомендаций по продукту, но автоматическое добавление чего-либо в мою корзину выходит за рамки разумного поведения электронной коммерции! Ты только что потерял продажу, приятель.
Подписка Shaming
Автоматический выбор людей к услугам или продуктам — темная схема, все еще принятая в некоторых уголках сети. Хуже маркетинговые фразы, которые превращают вас в плохого парня, например: «Мне нет дела до щенков-сирот, поэтому я хочу отказаться от вашей рассылки» .
Искусственный дефицит
«У нас есть в наличии 2 товара и 47 человек просматривают этот продукт».
Приятно знать, когда вас нет в наличии, но соблазнить продажу с помощью этой тактики аморально. Туристические сайты печально известны этими сообщениями, но другие внедрили панику из-за дефицита.
Попробуйте посетить страницу через неделю — странно, продукт все еще доступен.
Легко, сложно
Наконец, окончательный темный рисунок. На сайте легко зарегистрироваться: вам нужен только адрес электронной почты.
Отмена сервиса — это другое дело. Вы должны посетить штаб-квартиру компании в Пхеньяне, подать рукописное письмо об отмене, предоставить пятнадцать видов удостоверений личности с фотографией (оригиналы, а не фотокопии), заполнить анкету на пятьдесят страниц и оставить согласие на проведение медицинских экспериментов над вашим первенцем. ,
Спасибо за прочтение. Я ухожу, чтобы лечь.
Сталкивались ли вы с худшими нарушениями? Вас просили осуществить что-либо? Вы отказались или уступили темной стороне?