Тренды

Тренды в дизайне стартовых страниц

IT-копирайтер, переводчик, контент-менеджер.

Дизайн стартовых страниц

Когда пользователи впервые попадают на незнакомый для них сайт, они чаще всего не имеют ни малейшего представления с чего начать. Обычно человек начинает изучать навигационное меню, пытаясь понять, какая из ссылок может предоставить ему нужную информацию. Если навигация не помогает, разочарованный посетитель покидает сайт и продолжает поиски. Однако пользователя можно удержать, разместив в меню ссылку на стартовую страницу. Страница «Start Here» это новый тренд в веб-дизайне, на который обязательно стоит обратить внимание, так как данный прием подачи концентрированной информации показывает неплохие результаты.

 

Сегодня дизайнер должен думать о том, чем «зацепить» нового посетителя сайта, чем его заинтересовать, чтобы он начал просматривать наиболее важные материалы, опубликованные на сайте. Лучший способ достичь этой цели  заключается в том, чтобы собрать все ссылки на ключевой контент на одной странице, которая будет играть роль своеобразного путеводителя по сайту. Сама ссылка «Start Here» размещается на главной странице и начинает работать как отправная точка для дальнейшего знакомства с сайтом. Если пользователь, впервые попавший на сайт, видит в меню пункт «Начать здесь», он понимает, что за этой ссылкой скрываются программные посты и важные материалы и, следовательно, найти интересующую его информацию будет гораздо проще.

 

Первое знакомство с сайтом

 

Основное назначение страницы «Start Here» — удержать посетителя на сайте, предоставив ему ряд ссылок на наиболее интересный или полезный контент. Так как сайты все разные, внешний вид страницы «Начать здесь» зависит от содержания. Чем больше контента размещено на сайте, тем более продуманным должен быть дизайн страницы «Start Here».

 

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

 

Сайт не обязательно должен быть большим и сложным – страница «Начать здесь» хорошо работает в любом формате. Например, в блогах. Блог, как правило, ведется одним человеком, но при этом он может состоять из сотен или даже тысяч постов-страниц. Без продуманной навигации по сайту тут не обойтись. Страница «Start Here» решает большинство проблем – впервые попав на сайт, пользователь сразу получает доступ к самым интересным записям блога.

 


Вот как выглядит главная страница сайта известного блогера  Даррена Роуза. Это пример хорошо продуманного дизайна главной страницы, что, впрочем, неудивительно, так как Даррен Роуз имеет большой опыт в преобразовании случайных посетителей в постоянных пользователей. Роуз не ждет, пока пользователь разберется, что к чему и сразу же предлагает ему массу ссылок на соответствующие посты блога. Ссылка на страницу «Start Here» выделена цветом и ее трудно не заметить. Кроме того, на главной странице Даррен Роуз разместил вводное видео для новых посетителей, которые хотели бы поближе познакомиться с содержанием блога. Но это еще не все – в середине страницы пользователи могут прочитать о том, как Роуз превратил блог ProBlogger в очень авторитетный в своей сфере ресурс. ProBlogger посвящен очень животрепещущей теме – монетизации блогов, поэтому на стартовой странице присутствует множество кнопок CTA – это новости, обучающие материалы, бесплатная подписка и другие полезные материалы. Так Даррен Роуз удерживает посетителя на своем сайте и делает это очень умело.

 

Однако страница «Start Here» вполне может обойтись без напористой подачи материала. Хороший пример – стартовая страница сайта themodestman.com, который рассчитан на людей низкого роста, желающих хорошо одеваться и стать более уверенными. Первое, что видит пользователь, впервые попавший на сайт – это большую фотографию его владельца, Брока МакГофа. Сразу по фото расположена ссылка на три бесплатных руководства по выбору одежды для невысоких мужчин. Стартовая страница совсем не напрягает, напротив, она в спокойной манере рассказывает, с какими трудностями сталкиваются невысокие люди и тут же предоставляет ссылки на наиболее полезные страницы сайта.

 

В первых двух примерах на странице «Start Here» создатели сайта лично представляли контент и знакомили посетителей с важными материалами. Такой подход работает, но так делать вовсе не обязательно. Если владелец сайта хочет остаться за кулисами, это совершенно нормально.

 

Персональное взаимодействие

 

Потребность в странице «Начать здесь» возникает тогда, когда становится ясно, что пользователи не могут разобраться в структуре сайта и проходят мимо наиболее важного контента. Чаще всего это происходит с блогами и персональными сайтами – новые пользователи просто не могут понять, кто является владельцем данного ресурса и чем он занимается. Поэтому цель стартовой страницы заключается в том, чтобы владелец сайта мог рассказать свою историю и объяснить, что и зачем он делает. Нет никаких строгих правил, как должна выглядеть такая страница – некоторые люди могут рассказать о своем хобби или даже семейной жизни, другим более импонирует деловой подход. Все зависит от тематики сайта и открытости его владельца.


 

Стартовая страница сайта Гэри Вайнерчука встречает нас вопросом: «Впервые здесь?». Гэри Вайнерчук – это талантливый предприниматель, который всего за пять лет превратил небольшой семейный бизнес в компанию стоимостью $60 миллионов. Сколотив состояние, Вайнерчук резко сменил сферу деятельности и основал агентство VaynerMedia, продвигающее талантливых людей посредством публикаций в цифровых социальных медиа.

 

Но далеко не все знают, кто такой Гэри Вайнерчук. Следовательно, стартовая страница сайта рассчитана на людей, которые хотят узнать больше о его создателе, его прошлом и настоящем. Вайнерчук не просто рассказывает о себе и своем бизнесе – он предоставляет ссылки на наиболее важные материалы и лучшие статьи, размещенные на его сайте.

 

Страница «Start Here» Гэри Вайнерчука – яркий пример саморекламы и продвижения своих услуг. Но что делать, если такой вариант подачи информации не подходит? В таком случае можно последовать примеру Майка Хайятта, который на своей стартовой странице предлагает ссылки на конкретные советы и полезные ресурсы для тех, кто хочет начать вести свой собственный блог.

 


Пользователь, попавший на страницу «Начать здесь», видит только ссылки на ценную информацию и минимум данных о владельце сайта. Личная скромность никак не мешает Мйку Хайятту знакомить новых посетителей с наиболее интересными материалами о мотивации, тайм-менеджменте и лидерстве.

 

Список важных статей

 

Если сайт насчитывает 100 и более страниц, то найти нужную статью очень трудно, даже если есть возможность поиска по категориям. Лучшие посты часто теряются среди других записей, поэтому нужно все ссылки на важные материалы собрать вместе. И желательно сделать это на странице «Начать здесь». Новые посетители ведь не знают, что им следует прочитать в первую очередь, чтобы уловить основную тему сайта, поэтому создание списка лучших статей поможет быстрее ввести пользователей в курс дела.

 


Страница «Start Here» сайта alifeofblue.com рассказывает о путешествиях и образе жизни цифровых кочевников, людей, которые считают своим домом весь мир. Эта тема пронизывает большинство статей на сайте, но не все материалы будут одинаково полезны для новых пользователей. Если немного прокрутить страницу, то можно увидеть заголовок «Что я должен прочитать в первую очередь?». Этот заголовок предваряет список из 10 самых популярных постов, посвященных дауншифтингу и свободе передвижения. Другие ссылки ведут на страницу с бесплатной электронной книгой и в архив сайта, разбитый на категории. На стартовой странице собрана самая ценная информация, есть данные о владельце сайта и обзор ключевых концепций. Если человека интересуют подробности жизни цифровых кочевников, все необходимое он найдет на странице «Start Here».

 

Вывод

 

Чем дольше существует сайт или блог, тем больше его содержимое. Если контент добавляется регулярно, то рано или поздно наступает необходимость в систематизации материалов. Но даже ели разнести все опубликованные статьи по рубрикам, новые пользователи могут пройти мимо самых важных постов. Чтобы помочь посетителям извлечь максимальную выгоду от взаимодействия с сайтом, имеет смысл разместить ссылки на все ключевые материалы в одном месте, то есть на стартовой странице. Каким будет дизайн страницы «Start Here», зависит от типа сайта и целей его владельца, но в любом случае это должен быть мини-гид, который предоставит пользователю доступ к самой важной информации и поможет быстрее сориентироваться на сайте. 


Источник 

  • 3813