Хабрахабр

[Перевод] Как делать сайты в 2019 году

Веб стремительно меняется, не отставай и ты!

Я писал такую подобную статью в 2018 году, но веб меняется так быстро, что те гайдлайны уже безнадёжно устарели.

Давайте-ка шаг за шагом разберём важнейшие принципы веб-дизайна в 2019 году.

Обязательно дайте пользователю знать, что у сайта есть мобильное приложение

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

Ну а кратчайший путь к этому — показать здоровенное модальное окно:

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

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

Разработайте стратегию для Do Not Track

Этот заголовок сигнализирует, что пользователь не хочет, чтобы его отслеживали и, к огромному сожалению, этот заголовок включен по-умолчанию с некоторых браузерах типа Brave (опен-сорс браузер с блокировкой рекламы от создателя JavaScript Брендана Эйха). Большинство современных браузеров (чтоб их!) поддерживают HTTP заголовок DNT, который расшифровывается как Do Not Track («Не отслеживать»).

Оказалось, что большинство пользователей отключат заголовок, как только вы их попросите, а чтоб всё прошло как по маслу, приложите подробную инструкцию, как это сделать: Без паники!

Совет: Не спрашивайте, хочет ли пользователь отключать DNT в мануале по отключению DNT, а то вдруг ещё согласится.

Разработайте стратегию для Кук

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

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

Блокируйте блокировщики

Блокировщики рекламы повсюду, а это сказывается на барышах, так что без блокирования блокировщиков никуда!

Chrome сам планирует блокировать блокировщики (золотце моё!), так что если кто-то зайдёт на Brave можно будет спокойно заявить, что его браузер устарел:

Совет: Никому не рассказывайте про Brave, опен-сорс Chromium браузер со встроенной блокировкой рекламы.

Так же не рассказывайте никому про Firefox, Opera или Vivaldi — совет переводчика.

Блокируйте заходы из других стран

перев.), хотя ещё до конца не понятно что он означает, лучше просто взять и заблокировать их всех от греха подальше. Со всеми этими законами, GDPR, налогами на ссылки и баном Huawei (в США — прим.

Совет: Вы можете...

Сделайте лэйаут как можно больше

Сейчас всё больше широкоформатных дисплеев, так что постарайтесь задействовать как можно больше пространства. Дни лэйаутов по 800 пикселей давно прошли.

Совет: Исследования показывают, что модальные окна без кнопки закрытия закрывают гораздо реже!

Используйте уведомления

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

Совет: а ещё эти уведомления можно использовать, чтобы сообщать пользователям о новой версии мобильного приложения.

Напоминайте пользователю

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

Совет: Не забудьте напоминать пользователю, как только его курсор будет выходить за область сайта.

Дайте пользователю возможность отказаться

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

Главное в таком деле — поместить опции туда, где они заметнее всего, например, в одну из подсекций «настроек аккаунта»:

Используйте JavaScript

Общеизвестно, что всегда нужно использовать JavaScript.

Скоро, не сомневайтесь, у вас будет куча модальных окон. Не, вы, конечно, можете подумать: «Но зачем, ведь у меня только текст и пара картинок?» А про будущее вы подумали? И когда это произойдёт, вы сто раз пожалеете, что не использовали модный JS фреймворк, работающий в serverless облаке.

Совет: Конкретно эту страницу джаваскриптом не рендерите.

Теги
Показать больше

Похожие статьи

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Кнопка «Наверх»
Закрыть