Ебучие индекс пейджи
Я никогда не был глубоким специалистом по UX, UI или фронту, но за свою программерскую жизнь я перевидал больше главных страниц сайтов, чем лиц людей.
И есть главные страницы, которые оставляют после себя ощущение безнадёжной всратости жизни, от которой уже никогда не убежать; ощущение примерно как у отсидевшего 30 лет назад зека, когда он видит в толпе кого-то похожего на бывшего сокамерника.
И чтобы сделать главную страницу, от которой не хочется послать весь бренд нахуй, достаточно проверить несколько простейших вещей.
Сразу скажу, что у всего [по моему мнению] неадеквата, на который я укажу ниже, вполне могут быть причины; иногда — разумные. Начиная от более профессиональной [чем никакая моя] оценки целевой аудитории, заканчивая нахождением локального максимума целевых конверсий путём бесконечного количества AB-тестов и/или аналитической импотенцией.
Вы представились?
Если я открыл твой сайт, я хочу осознать что ты такое и зачем ты платишь за серверы. Если ты контент-сайт и сразу мне его отсыпешь, я пойму что ты такое и без отдельных представлений (e.g. 9gag, habr, youtube), но обычно сайту следует как можно быстрее, ярче и проще объяснить мне, что он представляет.
В некоторых ситуациях для полного понимания ситуации нужна глубокая экспертиза в определённой области, но необходимость глубокой экспертизы для полного понимания ситуации должна быть понятна человеку без таковой.
Самый важный элемент главной страницы — это самый крупный заголовок.
Хороший заголовок даёт 80% информации в первые 6 слов.
Посмотрим что там в первых шести словах на практике?
Плохой пример, и сразу посягаю на святое:
Кто из вас [представив на секунду, что у вас нет технического бекграунда] может объяснить, что это такое?
We help developers and development teams build and ship apps.
Я понял — вы доставляете смузи в офисы.
Ещё один плохой пример:
Facebook помогает вам всегда оставаться на связи и общаться со своими знакомыми.
Провайдер связи? Почта? СИЗО? Барыга 25-ой? А нахуя в одном заголовке дважды повторять слово Facebook? (http://facebook.alagunto.ru:8080/facebook.png)
Единственное, что намекает на социальную сеть — это ссылка "создать страницу" под "создать аккаунт".
Хороший пример:
Build a glorious landing page. Easily.
Хороший пример:
Два.ч - это система форумов
Ебанутый пример
Сами считайте, на какой позиции в верхнем заголовке стоит слово DDoS, я в такие числа не умею.
А вот нижний заголовок объясняет всё просто и понятно. Почему их не поменять?
Protect and accelerate your websites, apps, and teams.
Лично для меня — мистика, если только они не сознательно смещают фокус на ретеншн.
Очень хороший пример:
Дебетовая карта у вас уже сегодня
Плюс моментальная демонстрация того что она может, как она выглядит, что можно делать в приложении. Про банк ничего не говорю, но индекс пейдж — охуенный. Думаю, если бы мы с вами смогли добраться до eye-tracking хитмапа этого индекса, мы бы кончали.
Что за хуйня пример:
Вы честны в своих ценах?
У продуктов есть цена, и если вы хотите мне что-то продать, я хочу её увидеть.
И есть три неписаных правила веб-этикета:
- Приколы вида "зарегистрируйся — покажем прайс" сразу идут нахуй.
Я не согласен тратить своё время на отмену рассылок, удаление аккаунта и отзыв у вас разрешения на обработку персональных данных, если ваша цена меня не устроит. Вы пытаетесь взять меня на sunk cost fallacy — а в культурном обществе за такое морду бьют. - Ссылка на цены или сам прайстейбл должны быть на главной странице, иначе я автоматически считаю, что продукт бесплатный. Если оказывается, что это не так, я считаю себя хамски обманутым и никогда больше никогда с вами не связываюсь.
- [некритично] Если цены зависят от региона, меня стоит об этом уведомить одним из двух способов: либо дать выбрать мою страну, либо оставить заметное сообщение типа "regional prices apply". Как последний вариант — в URL должна быть секция вроде /ru/.
Посмотрим, кто ведёт себя честно из, например, онлайн-кинотеатров?
Плохой пример:
Так сколько с меня спишут через 30 дней?
Стоимости подписки нет нигде на главной странице. Почему я должен покупать целый яндекс плюс, когда я хочу подписку только на кинотеатр? А точно ли я покупаю весь яндекс плюс, когда оформляю здесь подписку?
А что такое плюс мульти с амедиатекой? (https://hd.kinopoisk.ru/hd-plus-a)
Почему там цена тоже не указана? Но внезапно обе цены указаны в ссылках, которые ведут на эти страницы из их же магазина.
Когда я жму "попробовать 30 дней бесплатно" вместо прайстейбла меня отправляют логиниться в яндексе.
А сколько вообще фильмов/сериалов доступны по этой подписке? До момента посыла меня регистрироваться мне пишут только "...и тысячи фильмов на вечер.".
Короче, нарушены абсолютно все правила приличия в плане цен, и я не понимаю почему их до сих пор не закидали говном.
Хороший пример:
На главной странице есть кнопки с "приветственной" подпиской. Вместо отправки на авторизацию, пространных реклам других сервисов и прочей хуеты они ведут сюда:
Максимально честно. Вам предлагают зарегистрироваться ТОЛЬКО после того, как вы ознакомились с прайсом, количеством контента и правилами одновременного воспроизведения.
Ещё один хороший пример:
Мы сразу видим цену, если подпишемся сейчас. Без всякого "ну 30 дней бесплатно, а там уже по банковской выписке поймёшь".
И сразу видим количество контента, который покупаем этой подпиской.
И даже лучше, у них есть прайстейбл на главной, нужно только поскроллить чуть ниже:
Правда, можно сходу ебануться, пытаясь понять, что входит в ту или иную подписку, но хей — вроде как всё прозрачно.
Не доёбывай меня
Это не только про главную, но когда это происходит на главной — это просто пиздец.
- Ещё Лебедев ещё в Ководстве говорил, что сайты не должны звучать [без прямого требования пользователя].
Так вот, пора продолжить — сайты не должны двигаться [без прямого действия пользователя]. Любые анимации должны провоцироваться действиями пользователя и быть оправданными.
Параллакс и лёгкие эффекты при скролле — да.
Логотип сайта, который крутится без остановки — нет.
Анимация "аккордеона" — да.
Прыгающая как ужаленная иконка чата с юристом/врачом/специалистом/кем угодно, а уж тем более открывающийся чат с ним, а уж тем более прилетающее от него сообщение и звуковое уведомление — нет.
Используете это дерьмо — следите за своим LTV, даже если остальные метрики растут. - GDPR и другие законы, вынуждающие сайты просить разрешения на использование cookie, действуют только в пределах стран, которые их ратифицировали. Например, если ваш сайт в EU, но ваш посетитель не в EU, на него часть GDPR про куки не распространяется.
Когда сайт с серверами в Гонконге (нет законодательных ограничений на cookie) и юридическим лицом в Китае (нет законодательных ограничений на cookie) просит меня из Москвы (нет законодательных ограничений на cookie) выдать ему разрешение на использование cookie, и без этого не пускает меня на сайт, это выглядит непрофессионально.
Если вы думаете, что заставляя всех регулировать настройки использования куки вы тем самым покажете свой глубокий профессионализм и мегаэтичность — вы ошибаетесь. Вместо этих драных виджетов просто уберите яндекс метрики, гугл аналитику и прочие сторонние скрипты с ваших страниц. Если слабо заменить на любую из существующих альтернатив — значит как минимум этичностью у вас и не пахнет.
Либо просто добавьте две строчки кода, которые соотносят мой IP и мою страну, и перестаньте спамить меня этим дерьмом. - Ни слова про адблок.
Даже если вы контент-сайт.
В этом просто нет никакого смысла, баннерная и назойливая реклама должна умереть, и у меня нет ни малейшего сожаления, когда я читаю ваши слезливые просьбы отключить адблок, — я вижу в вас очередных долбоёбов, которые вместо поиска путей грамотно интегрировать свою рекламу продолжают хуячить её прероллом сайта на пять секунд.
Если вы не пускаете меня на сайт с включённым адблоком, то либо вы нишевый продукт без конкурентов, который не хочет делать себя платным в целях поддержки коммьюнити, либо отправляетесь в мой deny-лист расширением для хрома и не упоминаетесь никогда (примеров, очевидно, не будет).
Домашнее задание
Если вы технарь, запустите секундомер и измерьте, за сколько вы поймёте что делают эти ребята и их точные прайсинги: