Ниже приведен перечень основных принципов веб-дизайна, с которым согласны вышеупомянутые беби-бумеры, начинающие программисты и даже бюрократы. В каждом случае я постарался объяснить, почему данный принцип столь важен.
Одна колонка. Макет с одной колонкой дает возможность использовать подход «одна страница – одна задача». Дизайн с двумя или тремя колонками может восприниматься как перегруженный, сложный и громоздкий. Плюс ко всему, макет с одной колонкой намного проще адаптировать для мобильных устройств, которые будут обеспечивать более 50 процентов вашего трафика. Если вы используете для создания сайта такие платформы, как Wordpress или Squarespace, выберите среди шаблонов с одной колонкой.
Социальное доказательство. Сегодня на смену подходу «Я знаю лучше» все чаще приходит подход «Они знают лучше». Если ваш сайт будет содержать не только ваши собственные маркетинговые послания, но и отзывы ваших довольных клиентов, вы увидите, что количество и качество генерируемых им потенциальных клиентов заметно выросло.
Идеальный вариант – использовать реальные отзывы с Yelp, Google или Facebook и рекомендации с LinkedIn. Дело в том, что ваши потенциальные клиенты могут знать эти сайты гораздо лучше, чем ваш, и доверять им, поэтому присутствие их логотипа на вашей странице будет играть вам на руку. Меня удивляет, что многие компании, имеющие отличные отзывы в интернете, – которые можно было бы красиво оформить и гордо демонстрировать на своем сайте, – никак не пользуются этим богатством.
Запомните: 88 процентов потребителей говорят, что доверяют отзывам в интернете в той же мере, что и личным рекомендациям{5}.
Больше контраста. Чем меньше цвета вы используете, тем больше цветные объекты «бросаются в глаза». Очень часто разработчики сайтов недооценивают важность белого пространства. Грамотно спроектированный сайт должен как можно быстрее приводить посетителей в те места, где вы зарабатываете деньги. Увеличьте контрастность, руководствуясь принципом «чем меньше, тем больше»: используйте цвета только там, где они критически важны, – например, в призывах к действию. Тем самым вы мягко подтолкнете посетителей сайта кликать на тех страницах, кнопках и ссылках, которые вам нужны.
Меньше полей в формах. У вас есть всего 8 секунд для того, чтобы привлечь внимание посетителя, поэтому не стоит запрашивать тонны информации в контактной форме. Попросите указать основные контактные данные: имя, номер телефона и адрес электронной почты, если он есть. Также можно использовать кнопки «Войти с Facebook или с Google», чтобы зарегистрироваться автоматически, без необходимости вводить какие-либо данные.
Я также обнаружил, что вместе с контактной формой ОЧЕНЬ полезно предложить такой запасной вариант, как «Или вы можете позвонить нам по телефону 555-5555, или связаться с нами по электронной почте Hello@Curaytor.com в любое время». Дело в том, что, если человек готов заполнить контактную форму на вашем сайте, оставив свои данные для связи, высока вероятность того, что он бы предпочел связаться с вами немедленно. Если на вашем сайте нельзя мгновенно найти ваш номер телефона или адрес электронной почты, исправьте это как можно скорее.
Четкий фокус. Чем шире выбор, тем меньше решений принимается. В идеале, любая страница сайта должна содержать не больше одного призыва к действию. Если на одной странице мне предлагают подписаться на электронную рассылку, присоединиться к группе на Facebook и скачать электронную книгу, я вряд ли сделаю что-либо из этого. Помните: одна страница = одна цель. Единственная страница на сайте, которая может содержать несколько призывов к действию, – это стартовая страница. Все остальные страницы должны быть четко сосредоточены на одной главной цели.
Более крупные целевые объекты. Это особенно важно для привлечения потенциальных клиентов. На сайте Code Academy приводится закон Фитта, который гласит, что «время, необходимое для перехода к целевому объекту и взаимодействия с ним, является функцией от расстояния до цели и размера цели. Чем больше объект и чем ближе он к нам, тем легче его использовать». Проще говоря: размер полей и расстояние между полями в контактной форме и на лэндингах имеют значение. Убедитесь, что ваши контактные формы не являются слишком мелкими/сжатыми или наоборот слишком растянутыми.
5
Anderson, Myles. «Local Consumer Review Survey 2014.» https://www.brightlocal.com/2014/07/01/local-consumer-review-survey-2014/#internet BrightLocal. 1 July 2014.