Comments 278
Заходишь на сайт по ссылке гугла. Видишь баннер в пол-экрана, предупреждающий о куках во имя GDPR. Закрываешь. Пролистываешь страницу, переходишь по паре внутренних ссылок. Видишь баннер в пол-экрана с просьбой зарегестрироваться. Закрываешь. Пробуешь перейти с сайта, кликая по "внешней" ссылке. Видишь предупреждение во весь экран о том, что покидаешь сайт. Закрываешь. И между делом закрываешь назойливые баннеры, предлагающие скачать мобильное приложение, которое сэкономит аж 10% траффика!
А как всё было просто всего 10 лет назад :)
Тогда можно бездумно соглашаться со всеми диалогами о куках и плевать на них с высокой колокольни :)
Как ни странно платная версия блокирует, потому расширение у меня другое — а фильтры те же.
И какие фильтры включены?
Сами куки меня вот не раздражают, так работают сайты. А вот напоминания, соглашения об этом и всякие GDRP явно мешают. Так же как и прикрученные в брузерах пуши и прочая фигня.
Ага, чтобы потом все сайты заново показывали все эти gdpr-приватность-подпишись попапы. Я наоборот надеюсь, что в какой-то момент в моих куках будут флаги с 90% сайтов, которые выдаёт гугл, и можно будет наконец-то чуть-чуть поспокойнее браузить.
Пока гроусхакеры и Евросоюз новые попапы не придумают :)
Сейчас интернет в разы чище.
То что вы надели шторы, не означает что он стал чище.
хотя и в них тоже.
рекламу чаще стали делать более вменяемую.
С маленькой кнопочкой закрытия в случайном месте — вспомните детство и первые квесты с пиксельхантингом.
Её можно отключить всего лишь через 10 секунд просмотра, дада, радуйтесь, если она без звука.
И если преодолели и этот порог — финальная часть: продолжить чтение статьи вы можете только оплатив подписку.
Вы уверены, что хотите покинуть этот сайт?
А тот сайт, на который надеялся перейти, не открывает.
Единственное, что бесит — что некоторые сайты с чисто статическим по своей природе контентом зачем-то грузят картинки джаваскриптом. Ну да, действительно, давайте скачаем пару мегабайт JS, а потом будем экономить 5 килобайт безлимитного трафика на ленивой загрузке картинок.
А как всё было просто всего 10 лет назад :)
Оп-па, держите любителя ФЛЕШОВЫХ БАННЕРОВ.
Это так и задумано, что ссылки на Brave — реферальные?
Хотя статья смешная.
Это всё ужасно, но если этим пользуются, то, наверное, оно работает?
Вообще, люди часто только думают, что делают так «как будет лучше», а на самом деле делают так «как принято считать, что будет лучше».
В конце концов, многие популярнейшие сервисы стали таковыми без использования модальных окон и рассылок (а ввели их позже, уже став популярными :) ).
Поправлю, через 1.33333334сек надо булькать окошком, щас уже более точное число ПЫ вывели, иначе конверсия вяло висит.
Большинство в ру сегменте можно блокировать этим: https://github.com/pafnuty/onlineConsultantBlocker
И настроить его так чтобы без номера телефона нельзя было бы связаться с оператором.
А еще зачем пользователю лишние ресурсы когда он работает с вашим сайтом, криптомайнер на js ему!
— Вам что-нибудь подсказать?
— Спасибо! Я просто смотрю.
Плюс все счетчики и ретаргетинги всех соцсетей повесить как можно ближе к head, меньше 10 счетчиков щас считается прошлым веком.
Или клевые баннеры которые при появлении двигают страницу так, что промахиваешься по крестикам и тыкаешь на ссылку
1. Подгружать картинки в обратном порядке, от самой незначительной и рекламной до собственно контента, желательно начать с самой большой в самом дальнем краю статьи
2. исходя из п.1: Всегда первыми подгружать картинки под спойлерами, скрытые, не нужные, под слайдером, следующие доступные по клику и тд.
3. Все картинки желательно сделать с dpi более 1300, особенно фон и в png а лучше bmp 32битном с кучей ненужной мета информации.
Разработайте стратегию для КукХотите бесплатных печенек?
(По-английски это должно быть так, верно?)
Опишите всё подробно и досконально, чем больше слов тем лучше.Ну это если сайт про что-то простое.
А если про сложное и высокотехнологичное, то лендинг с картинкой, двумя строками описания и большой кнопкой. И инфу запрятать непойми где, без ссылок с главной. Кому надо — нагуглит.
И инфу запрятать непойми где, без ссылок с главной. Кому надо — нагуглит.
А если что-то продаёте, то обязательно спрячьте с сайта цены. Ведь в интернете покупают только те, кто обожает общаться с людьми по телефону!
«Всегда определяйте по ИП на каком языке говорит пользователь, ведь все люди всегда сидят дома и никто никогда никуда не ездит. А заголовок content-language вообще придумали недальновидные люди, ведь его никогда не настраивают и ни один браузер не предлагает его настроить.»
Официальная документация dotnet тоже не имеет кнопки переключения на оригинал, а русский вариант часто переведен машинно. Приходится руками в адресе заменять ru-ru на en-us
Это можно забороть расширением Redirector (автозамена в URL по шаблону): https://addons.mozilla.org/en-US/firefox/addon/redirector/
Фокус-группы, на которые мы уже потратили кучу денег, показали что первое же, чего захочет пользователь попав на ваш сайт — установить мобильное приложение.Соглашусь, что пользоваться удобнее приложением, чем браузерной версией.
Но.
Представим ситуацию: захочет ли человек устанавливать приложение, если ему необходима конкретная информация с этого сайта и он больше никогда не зайдет на него? Не думаю, если только ему не всё равно на то, что установлено на его телефоне. В таком случае, для чего ему устанавливать приложение?
А если человек захочет его установить, ему не составит труда набрать название в магазине и если оно есть — скачать его.
«Никто не читает теги»
Первые совета три серьезно думал, что это просто очередной набор советов для вебдевов
То, что сарказм, вроде понятно становится сразу, но вот сами теги в мобильной версии Хабра не видать.
Это важнейший принцип, и на то есть свои причины. Фокус-группы, на которые мы уже потратили кучу денег, показали что первое же, чего захочет пользователь попав на ваш сайт — установить мобильное приложение.
Ну а кратчайший путь к этому — показать здоровенное модальное окно:
А ведь правда — многие так и делают. Как же мешает, когда каждый второй сайт навязчиво требует установить очередное бесполезное приложение, которое будет адски тормозить, занимать кучу места, жрать кучу памяти, а использовать я его буду раз в полгода в лучшем случае, а, скорее всего, удалю.
Одно дело, когда просто показывается сообщение о том, что при желании можно установить приложение — это очень хорошо. Но, когда это сообщение занимает весь экран и чтобы его убрать, нужно искать микроскопическую и обидную надпись — "нет, я не хочу приложение, ведь я глупый пользователь", то это портит всё впечатление.
Поймите же, если я зашел на ваш сайт с мобильника, то, вполне возможно, я знаю, чего хочу. Например, я хочу единоразово воспользоваться какой-то услугой (напр., заказать еду с доставкой в другом городе или получить вашу контактную информацию, график работы, цены) и благополучно забыть о вашем сайте, возможно, на долгое время. Мне, как пользователю, абсолютно не хочется ради такой сиюминутной задачи устанавливать ваше толстенное и тормознутое приложение затем, чтобы через 10 минут его удалить.
PS: А вообще, статья — наглая реклама Brave :)
Вся статья — это сарказм и высмеивание того, во что превратился web. Неужели это не очевидно? И там ещё теги есть. :)
Как было на кинопоиске. И чтобы они ещё ездили при скролинге контента, но со скоростью ниже контента.
Еще бывает веселуха в виде адаптации под… твое разрешение экрана. И всем плевать что у тебя браузер в половину монитора и нормальные 960 пикселей доступны — тебе либо полная версия на 1920 либо мобильная на 480...
Ширина контента — это дискуссионный вопрос. Читать удобнее и быстрее узкие колонки текста, но огромные пустые области тоже смотрятся ужасно. В общем, тут есть о чём подумать специалистам по usability.
От межстрочного интервала тоже зависит: при одинарном интервале нормально воспринимается длина строки не более 80-90 символов, при полуторном можно и 130-150. Дальше увеличивать уже не желательно.
Можно было бы размещать текстовый контент во фрейме, который можно было бы растягивать на нужную ширину. Ширину сохранять в куках и сразу делать фрейм нужной ширины при следующем заходе. Конечно это совсем не решение проблемы, но это добавило бы удобства.
А вообще есть идея реализовать в десктопных браузерах режим с двумя одновременно активными вкладками на окно с разбиением по вертикали. Можно даже, чтобы браузер при этом притворялся мобильным.
есть идея реализовать в десктопных браузерах режим с двумя одновременно активными вкладками на окно с разбиением по вертикали
Можно просто два окна рядом поместить. В Windows 10 это делается достаточно удобно. А в моем любимом i3wm — еще удобнее ;)
В Vivaldi есть такой режим
Так что уведомления, оказывается, иногда полезны.
А реализованы эти модные уведомления через задницу. Вместо того, чтобы сделать какой-либо стандарт для эндпоинтов, с которых будут тянуться уведомления — дали возможность внедрять в обозреватель фоновый скрипт, который в произвольной форме подключается куда угодно, да и вообще творит что угодно в рамках возможностей Service Workers: может зависнуть и нагрузить ядро, может крипту майнить, и прочие непотребства делать. Не говоря уж о том, что чтобы такие уведомления работали — нужно держать постоянно запущенным обозреватель, или хотя бы его фоновый огрызок. Управление такими скриптами запрятано глубоко в настройки обозревателей, многие пользователи не знают, что это и где это; понаподписываются на всякую дурь, в том числе случайно — а потом удивляются, откуда спам лезет.
Дни лэйаутов по 800 пикселей давно прошли.Ну вот с этим я всё-таки согласен. Эти неиспользуемые полосы по бокам нервируют. Вот заходишь на Хабр и полезный контент занимает только треть экрана.
Пользователь купил большой монитор? Это его дело, мы не знаем, зачем он это сделал — может фильмы смотреть, может видео монтировать, может три-четыре окна с кодом открывать…
И не надо мне рассказывать сказок про то, что если текст сделать чуть уже — то небо упадёт на землю и случится вселенская катастрофа.
Если ширина текста меньше n символов — надо очень часто переводить глаза на новую строку, если больше n символов — слишком редко, тяжело запоминается какую строку ты сейчас читаешь.
А как вы относитесь к варианту — масштабировать и текст и шрифт относительно величины экрана?
масштабировать и текст и шрифт относительно величины экрана?Это что за жесть?
Это очень плохой вариант. Некоторые так, к сожалению, уже делают. Особенно отвратительно это происходит, когда ещё и изменение масштаба на странице блокируют. Какой масштаб у человека стоит — такой и надо соблюдать. Браузеры вполне расскажут и про размер окна, и про dpi.
Полезный текстовый контент должен подчиняться правилам полезного текстового контентаМне вот интересно, откуда такой императивный тон? Было какое-то исследование или опросы пользователей. Или просто какой-то горе-дизайнер когда-то решил что так будет лучше?
Но, как уже выше писали, многих людей (и меня в том числе) это не устраивает. Я хочу, что бы у сайта была адаптивная вёрстка и что бы текст разворачивался на всю ширину моего монитора.
всю ширину моего монитораБраузера, а не монитора.
Было какое-то исследование или опросы пользователей.
Могу посоветовать почитать книги по типографике, например Рудера. Там есть примеры текста, сверстанного с разной длиной, разной плотностью, и так далее, можно прочувствовать, почему правильно так, а не иначе.
Я хочу, что бы у сайта была адаптивная вёрстка и что бы текст разворачивался на всю ширину моего монитора.
А я хочу, чтобы дизайнер был подкован в матчасти и не шел на поводу у горе-заказчиков.
TL;DR
1) Смотреть наш сайт под сепусечным экраном и обрезанной функциональностью мобильных гораздо удобнее, чем с большого экрана полноценной операционной системы, запущенной с полноценного компьютера.
2) Мы хотим тебя отслеживать! Не будь скотиной, выключи DNT, ссука! Корпорациям нужно больше денег, а мы хотим напичкать тебя ещё большим количеством рекламы!
3) Куки нужны.
4) Давайте вы не будете блокировать рекламу своим блокировщиком удобном вам браузере, а будете блокировать правильным блокировщиком, в который занесли бабла, чтобы вы таки видели определённую рекламу (т.е. де-факто откажетесь от блокировщика). И браузер смените, на тот, который нам нравится, тупое вы создание! Да, да, вы не ослышались, мы хотим определять, через что вы будете смотреть наш сайт. И будьте слишком тупыми, чтобы понять, что вся эта статья — большая реклама очередного говнобраузера.
5) Мы считаем вас слишком тупыми, чтобы вы догадались пользоваться VPN. И мы не можем воздействовать на наше правительство, чтобы оно не занималось фигнёй и гробило рыночную экономику нерыночными методами.
6) Ой. А что, мода на великие войды в дизайне WEB2.0 уже прошла? Дизайнеры обратно поумнели? Ну ладно.
7) Уведомление в десктопный браузер о том, что обновилось мобильное приложение. Это же так важно. А то эти мобильные приложения совсем не умеют обновляться самостоятельно.
8) Давайте мы будем вам напоминать обо всём том, что вам ненужно, но мы считаем, что вам нужно? Мы затрахаем вам мозг предложением скачать мобильное приложение (см. п.1), будем слать туда рекламу, котиков (вы же любите котиков) и всё то, что вам так не нужно, и без чего вы прекрасно жили до этого.
9) Давайте мы сразу подпишем вас на всё то ненужное говно, которое мы рассылаем, но дадим вам возможность от него отписаться. И скажите спасибо, что мы не делаем, как большие корпорации, не давая такой возможности и переподключая отключённые подписки и подписывая вас на все новые типы рассылок по-умолчанию.
10) JS нужен.
Бонус, который автор забыл добавить.
11) Вы обязаны разрешить нам продаваться ваши личные данные налево. И сразу, чтобы два раза не вставать, разрешите третьим лицам обращаться к вам с персональными рекламными предложениями по любым средствам коммуникаций.
Помню, IBM, кажется, сделали переводчик для аутистов, который сжимал статью в несколько раз, сохраняя суть (и комменты тогда были, что оно и здоровым людям не помешало бы). Вот что-то такое, но радикальнее.
Кстати, по поводу уведомлений браузера видел интересный приём. Дело в том, что если пользователь нажал "Запретить" (по ошибке, конечно же), то больше сайт его никогда не сможет снова спросить на счёт уведомлений. Это очень печально.
Так вот, умные люди придумали следующее: прежде чем делать запрос на посылку уведомлений, показать пользователю javascript-овый попап с вопросом а хочет ли он получать уведомления. Если он нажал "да" — делаем запрос браузеру. Зато если он нажал "нет", можно будет через некоторое время снова задать ему этот вопрос, потом ещё, и ещё… пока не согласится.
Нужно согласиться и отказаться — так как отправить туда они могут, а проконтролировать чего ты там понаписал — нет. Хотя некоторые разработчики прикрутили уже «второй внешний контур»: review выгружаются с маркета через консоль разработчика и тебя перестают задалбывать только тогда, когда review реально появляется…
По работе начал активно пользоваться англоязычными сайтами. Сначала подумал что сломался adblock. Такого количества баннеров, рекламы, подписок, приложений, регистраций, просьб и требований отключить adblock не видел никогда ранее. В большинстве случаев все это в агрессивной форме без какого-либо стеснения.
Понятно что владельцы сайтов должны получать свой доход, но всегда есть граница. Если не можешь оставаться в рамках допустимого значит вообще не начинай.
Да. И в чём здесь проблема?
Это рынок, детка (с).
Па аналогии с ворами, это как если вы поставили у дороги ведро яблок и баночку для денег, полагаясь на честность прохожих, потому что считаете, что честность — это хорошо и полезно. Написали записку, что каждое яблоко стоит рубль. А похожие со словами «Ну это же надо быть таким лохом» яблоки берут, а денежку не оставляют. Ваша проблема в том, что вы не следите (не боретесь с адблоком). А прохожие в основном лицемерные подонки. Включая адблок вы занимаетесь тем же, а потом идёте дальше и начинаете гнать на хозяина ведра, что там яблоки быстро заканчиваются, что они недостаточно сладкие, неправильной формы и вообще немытые, и как владелец яблок вообще посмел так себя вести, что вы обязаны выращивать, бесплатно раздавать и ещё делать бесплатную доставку на дом и класть вам в рот.
То, что оферта негласная, не должно вас останавливать.
Подобные негласные правила называются обычаями делового оборота. Но вот пока не встречалось, чтобы суд счёл таким обычаем обязанность пользователя если не просматривать рекламу, то хотя бы её не блокировать.
Акцептованная оферта — разновидность договора между конкретными участниками. Обычай делового оборота — скорее разновидность закона, обязательного для всех по умолчанию.
Проблема в том, что пользователей ADBlock'а слишком много. Невозможно судиться в 20-25% населения.
А вот с самим адблоком можно и нужно судиться, что, как я понимаю, и происходит.Не слишком успешно: суд указал на то, что AdBlock можно отследить и не давать пользователям видеть что-либо на веб-сайте. Так что в результате произошёл откат обратно, несколько лет потеряно, только и всего.
Им нужно просто отказывать в контенте.С этого нужно было начинать. До того, как идти в суд. А вот уже после того, как выяснится что это не работает (это нам тут очевидно, что это не будет работать — а в суде ведь не технические эксперты заседают) — вот тогда уже можно и в суд.
Подобные негласные правила называются обычаями делового оборота.Вообще-то они называются «публичной офёртой».
Но вот пока не встречалось, чтобы суд счёл таким обычаем обязанность пользователя если не просматривать рекламу, то хотя бы её не блокировать.Ну так суд же не ходит по улицам и не пытается кого-то посадить сам по себе.
А отлавливать людей, блокирующих рекламу, и судиться с ними — бессмысленно, пока есть более простые способы.
А вот когда для блокировки рекламы будут требоваться очень сложные манипуляции и выполнять их будут единицы — тогда и до суда дела может дойти.
Заходишь на сайты, а тебе на пол экрана предупреждение о том, что сайт использует куки, как будто это та самая информация, за которой я на сайт зашёл.
Ну я понимаю, что у них там по «Европам» законы требуют такие предупреждения делать. Но российским-то пользователям этот евро-спам показывать зачем? :-)
Раньше было модно писать внизу сайтов что-то типа Powered by Apache under FreeBSD. Но времена, когда в Интернет проникали только гики, давно ж прошли и теперь людям надо писать уже только по людски, а не «мы используем куки». Не так ли? :-)
А как же требование "повернуть мобильный на 90 градусов"? Особенно радует прямо в рекламных баннерах — "не повернете телефон, сидите как дураки без рекламы!"
А еще если на сайте есть калькулятор чего-нибудь, то обязательно надо задать 20 уточняющих вопросов, а потом написать «оставьте телефон, наш менеджер свяжется с вами».
А ещё можно вместо прайса на услуги тоже предлагать звонить. Человек же зашел на сайт, чтобы пообщаться с менеджером.
В разное время жалуются на разное. В нулевые тошнило от флеш-баннеров, еще до этого от гифок и "сделать стартовой". Сейчас вот куки, а в будущем еще что-то придумают.
А вот с нынешним дизайном сделать ничего нельзя.
Кучи пустого места, минимум информации на экране, очень длинные или вообще бесконечные скролинги.
Не все решается адблоком. На старых сайтах блокеры банально не могут различить, картинка это или баннер. Зайдите на https://www.chita.ru/ например.
С нынешним дизйном остается вырезать блоки верстки тем же Адблоком.
Пример — сам Хабр: мобильная версия не содержит кнопку «редактировать у коммента», и живет на домене m.habr.com, куда тебя перекидывает автоматом. Мобильное же приложение не умеет даже показать в списке постов, что пост — это «перевод», так что угадайка обеспечена.
А в модальном окне открыть еще одно модальное окно
А в мобильной версии должен появляться баннер при прочтении середины статьи, без крестика, зато чтоб видно было только 1-2 строчки текста
Ну и классическая бесконечная самоподгружаемая лента в обязательном порядке должна присутствовать, причем особый шик — это разместить меню с нужными элементами типа контактов, условий доставки и т.д. исключительно в подвале страницы, дабы поиграть с юзером в увлекательную игру «кто быстрее — ты с мышкой или твой интернет».
Какой самый эффективный способ в 2019 сделать простенький сайт?
Что продолжает ряд: фигачить вручную html c jquery -> Redux/Angular -> 2019?
— История пакетиков
— Разновидности пакетиков
— Предназначение пакетиков
— Пословицы и поговорки о пакетиках
— Будущее пакетиков
И только потом можно ответить на вопрос в заголовке почему они все же шуршат.
Даже если с того дня, все эти годы, ты только и искал по сто раз на дню например «КУПИТЬ АВТО». Нет поисковые алгоритмы на странице обязаны решить что полиэтиленовый пакетик важнее и более прибыльный. И не только тебе а всем твоим родственникам соседям и сослуживцам которым непоздоровилось просто пройти мимо с включенным вайфаем или находиться в той же подсетке.
Функция подписки на уведомления и моб приложение норм, — остальное ерунда.
Предлагая мобильное приложение, не забудьте позаботиться, чтобы ссылка вела на отсутствующее в сторе или маркете приложение. Привет линкедину.
Делая локализацию используйте автоопределение локали (желательно на основе бигдата или ИП, или хотя бы системной локали, а не настроек браузера) и не давайте пользователю его сменить.
Это важнейший принцип, и на то есть свои причины. Фокус-группы, на которые мы уже потратили кучу денег, показали что первое же, чего захочет пользователь попав на ваш сайт — установить мобильное приложение.
Вы это только первым пользователям показываете или всем подряд? Вот взять reddit: я захожу к ним на сайт, хочу просто поскроллить, но они каждый раз перебивают мой скролл этим модальным окном. Я при этом уже миллион раз знаю, что у них есть мобильное приложение)
Это совсем не user-friendly подход.
Можно на всякий случай одноразовый прозрачный слой-ссылку на всю видимую область сайта добавить.
Куда бы он не нажал, сразу откроется новая вкладка с рекламой в фоне.
Так надежнее, и по статистике пользователям это нравится, потому что всегда нажимают.
Нужно обязательно сделать фиксированную к верху и низу экрана шапку и подвал. Так пользователь будет видеть содержимое страницы только на 30% площади мобильного экрана.
userinyerface.com
Как делать сайты в 2019 году