Для чего это нужно? Владелец лендинга в любом случае получит свои лиды – даже если полей в форме всего два-три. Но вот клиенту будет интересно копнуть поглубже. Не просто заказать, а самостоятельно выбрать свой вариант.
На многих лендингах и сайтах задать вопрос можно только через форму. А это значит, что нужно указывать имя и фамилию, оставлять телефон и адрес электронной почты. Иногда вообще приходится вводить капчи и коды – ужас! Понятно, что это делается для того, чтобы получить лиды. Но есть и другой вариант – как на лендинге «Церебро Таргет». Если вы зарегистрированы во «ВКонтакте», ничего заполнять не нужно – просто берите и пишите. И клиенту удобно, и владельцу хорошо – контакт оставлен, можно работать дальше.
Полезный материал по теме:
Протестировали 4 сервиса комментирования для сайта: Disqus, Cackle, IntenseDebate, Tolstoy Сomments
Hipstamatic – это приложение, с помощью которого можно применить различные фильтры к фотографиям на мобильном телефоне. Этот лендинг эффективен в первую очередь потому, что на нем изображены красивые примеры обработанных в этом приложении фотографий. Так пользователь сразу видит результат и быстро принимает решение о покупке.
Не стоит жертвовать удобством чтения в угоду вау-эффекту. Если пользователи банально не смогут прочитать надпись на красивом фоне, восторга у них это точно не вызовет.
Технически использовать темную тему удобно потому, что у смартфонов также есть такой режим, который включается при определенном освещении. При определенных настройках приложения тоже могут автоматически на него переключаться. Это положительно влияет на работу с телефоном и приложениями.
На сайтах отдельную темную версию делать не стоит. Чаще посетитель сайта не смотрит на то, какого цвета интерфейс, а обращает внимание на удобство и быстрый поиск информации. В приложениях все обстоит иначе. В них люди заходят часто, и, если есть возможность персонализации, это будет для бренда большим плюсом.
В Google сравнили показатели энергопотребления при максимальном значении яркости для нормального режима и темной темы в приложении Google Карты. Для iPhone 7 ничего не изменилось, а вот энергопотребление Pixel с AMOLED-экраном снизилось на 63 %. Таким образом было доказано, что темная тема существенно снижает нагрузку на аккумуляторы смартфонов с OLED-экранами.
OLED-экраны способны отключать отдельные темные пиксели, поэтому темный режим в них может экономить заряд батареи.
Все не так однозначно, потому что расход батареи уменьшается только на смартфонах с OLED-дисплеями и лишь при использовании черных пикселей. Поскольку на таких типах дисплеев черный цвет пикселей не затрачивает энергию на их отображение, пиксель полностью отключается.
Если поставить в YouTube видео на паузу, то при максимальной яркости в темной теме будет тратиться на 60 % меньше заряда, чем в обычном режиме. При половине яркости экрана – на 14 % меньше, если сравнивать с обычным режимом.
Темный режим может быть полезен на хостинге, если фильм будет стоять на паузе длительное время.
Достоверных научных данных, которые бы подтверждали, что темная тема снижает утомляемость глаз, нет. Более того, согласно исследованию Nielsen Norman Group о восприятии темной и светлой темы, при дневном освещении контраст не имеет большого значения, но при ночном свете информация значительно быстрее считывается в светлой теме как более контрастной{35}. Тем не менее субъективно для многих пользователей в ночное время удобнее пользоваться темной темой.
Важно: при верстке писем темная тема усложняет дизайнерам задачу, так как почтовые клиенты реагируют на ее внедрение по-разному: кто-то инвертирует цвета полностью, кто-то частично. За счет этого есть вероятность, что цвета будут не везде отображаться так, как задумано. Email-рассылка в темном режиме для всех почтовых клиентов выглядит по-разному. Тем не менее выполнение тестов в светлом и темном режимах поможет сохранить четкость электронных писем на любом устройстве.
Большинство брендов не делают какую-то тему обязательной, предоставляя пользователям возможность самостоятельно решить, каким режимом пользоваться.
У каждого человека есть свои доводы за и против. Многим темная версия не нравится, а некоторые, наоборот, используют ее как основной интерфейс. Есть мнения, что темная версия экономит батарею телефона, а также не портит зрение. Разумеется, это вопрос спорный: экономия применима не для каждого гаджета, да и зрение у всех разное.
Как правило, темную тему предпочитают пользователи в возрасте от 16 до 40 лет. Для старшей целевой аудитории более привычен стандартный режим. Но вариативность в любом случае необходима. Таким образом можно привлечь пользователей, которые ценят данный интерфейс.
В темных помещениях удобнее смотреть на менее яркий экран, а контраст темной темы при приглушенном освещении считывается лучше. В то же время при хорошем освещении на экране возникает слабый контраст, относительно мелкий текст при темном режиме читается хуже, чем при обычном.
Однако некоторые компании автоматически включают обычный режим днем, а темный – вечером, поскольку существует мнение, что использование яркого белого экрана в вечернее и ночное время вредно не только для зрения, но и для сна.
Считается, что использование яркого экрана с белым фоном в вечернее время блокирует выработку мелатонина, что может негативно сказаться на качестве ближайшего сна. Поэтому переключать тему автоматически в вечернее время – элемент заботы о пользователе.
Если тема темная, то это еще вовсе не значит, что фон должен быть угольным, а текст – белоснежным. Google Material Design рекомендует использовать в качестве фона темно-серый цвет (#121212).
Популярные мобильные интерфейсы строятся по гайдлайнам Material Design, разработанным компанией Google. В Material Design есть параметр, определяющий высоту элементов, он помогает выстроить иерархию. Ведь при добавлении высоты одни элементы становятся ближе к нам, чем другие: это выделяет их, и мы обращаем на них больше внимания.
В светлой теме подобное возможно благодаря теням. В темной теме для создания эффекта высоты, помимо теней, нам поможет цвет поверхности. Если задний фон имеет черный цвет, то следующие элементы будут становиться светлее, так как находятся ближе к свету. Таких высот не должно быть очень много, иначе это нарушит иерархию и негативно повлияет на вид темной темы вообще.
В темной теме важно выдерживать контраст, а также сдержанную цветовую палитру с ограниченным количеством оттенков. Это будет более удобно и приятно для глаз.
Не стоит делать цвет фона совсем черным, предпочтительнее темно-серый оттенок. Также допустимо добавлять к серому цвету различные оттенки: например, темно-серый с синим или красным оттенком.
Одним из верных способов считается использование затемненных версий цветов вашего бренда в комбинации с одним из вариантов черного.
Мало лишь сделать фон черным. Важно понимать, что изменится восприятие и остального контента, а потому мы советуем проработать в затемнении текст, интерфейс, изображения.
Цвета, которые хорошо смотрятся в обычном режиме, не всегда подходят для темной темы. Смотреть на высококонтрастный экран сложно, глаза устают быстро, и концентрация внимания падает. Лучше просто затемнить фирменные цвета бренда, добавив к ним серого, чтобы они были мягкими и не резали глаз.
Прежде всего важен размер текста: для удобства чтения он должен быть достаточно большим, а между текстом и фоном необходимо создать контраст. Мелкий светлый текст на темном фоне читается труднее. В «Руководстве по доступности веб-контента» (WCAG){36} содержатся следующие рекомендации: обычный текст должен иметь коэффициент контрастности не менее 4,5:1, а крупномасштабный – не менее 3:1.
Цвет текста должен быть светло-прозрачным на темном фоне, или необходимо получить такой оттенок, чтобы не было резкого контраста. Для темных тем нужно подбирать шрифты более тонких начертаний. Чем жирнее глифы, тем сильнее они визуально размываются на темном фоне.
Рекомендации для интернет-магазинов
Название продукта может быть размещено прямо над картинкой или в верхней части страницы слева от картинки. Потребители просматривают страницу слева направо, начиная с верхнего левого угла{37}