Как делать правильный дизайн главной страницы
Как делать правильный дизайн главной страницы
09 июня 2015

Или Топ-8 заблуждений в дизайне главной страницы.


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

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

Заблуждение первое: Стартовая страница должна быть "красивой"

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

Есть характеристика, которую посетители ценят гораздо больше красивого дизайна, и заключается она в умении страницы выполнять своё основное предназначение. По-хорошему, у каждой страницы сайта должна быть своя собственная цель, причина, по которой этот раздел или страница существуют. Поэтому, работая над дизайном, уделяйте побольше времени определению этих целей. Чтобы упростить работу, спросите себя, что вы хотите чтобы пользователи сделали после того, как они увидят вашу стартовую страницу?

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

Пожалуй, одним из самых ярких примеров ужасного, но ориентированного на выполнение задачи дизайна является сайт Craigslist. Да, он печален... Но он делает то, для чего создан!

 

Заблуждение второе: Стартовая страница должна быть "для всех"

Довольно часто встречается утверждение, что кто бы ни пришёл на сайт - он должен остаться в восторге от того, как выглядит страница или то, что вы на ней предлагаете. Конечно, если у вас очень массовый сервис или продукт, которым пользуется достаточно большое количество людей, что целевую аудиторию выбрать сложно, вы должны позаботиться о удобстве максимально большого количества людей. Но если ваш проект небольшой - постарайтесь максимально сконцентрироваться на своей целевой аудитории. Да, это может оттолкнуть некоторое количество посетителей от вашего сайта, но очень положительно скажется на той части, которая решит остаться - они будут уверены, что сервис или продукция заточены именно под них и их нужды.

Давайте посмотрим на другой пример - ресторанный бизнес. Очень часто владельцы ресторанов совершают одну общую для многих заведений ошибку - начинают предлагать всевозможные блюда или сразу несколько разных кухонь в надежде, что каждый посетитель найдёт в меню что-нибудь на свой вкус. Но вместо ожидаемого эффекта получается совсем наоборот, потому что рядовой посетитель не воспринимает заведение как нечто особенное, подходящее ему по кухне или сегодняшнему настроению, а скорее как простой общепит. То есть, если вы обожаете пиццу, вы вряд ли пойдёте в заведение, предлагающее одновременно с ней еще блюда 3-5 стран мира, верно? Вы пойдёте в пиццерию! Теряют ли пиццерии клиентов, подавая одну только пиццу? Некоторых... Но теряют ли они что-то в глобальном смысле? Очень вряд ли.

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

Заблуждение третье: Главная страница должна содержать много информации

Можно с уверенностью заявить, что эра перенасыщенных контентом страниц ушла в прошлое. Для этого стоит взглянуть на сайты мессенджеров и поисковых систем - больше не надо быть перегруженными информацией чтобы привлекать пользователей. Более того, меньше - лучше.

Меньше всегда было лучше

Как мы уже выяснили, задача главной страницы в том, чтобы дать посетителям понять каких действий вы от них ожидаете. И как выяснилось, отображая больше минимально эффективного количества информации вы работаете против себя. В одном из исследований Nielsen Normal Group говорится о том, что порядка 79% пользователей сети бегло просматривают страницу, в то время как внимательно её читают только 16%. То есть, сделав страницу более лаконичной, вы получите 124% рост в юзабилити. Для примера давайте взглянем на стартовую страницу проекта Contently.com:

На сайте всего три строчки текста, которые подкреплены всего двумя призывами к действию: "learn more" и "talk to us". И после прочтения этих трёх строчек каждый посетитель уже знает, хочет он кликнуть на одну из двух кнопок или нет - именно такой эффект вам и нужен в дизайне главной страницы.

Заблуждение четвертое: На главной странице должен быть слайдер

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

Заблуждение пятое: Главная страница должна рассказывать "о вас"

Под "о вас" подразумевается сам бизнес, а не конкретные персоналии. Хотя персонализация - это не есть плохо, вы должны использовать правильные слова чтобы заинтересовать пользователя, а не просто написать о том, что вы предлагаете. Например, говоря "Мы в этом бизнесе уже 10 лет и знаем все его аспекты. Чтобы посмотреть наши предложения - кликните здесь." вы ничего не достигаете в плане создания у посетителя правильного впечатления о вашей компании. Чтобы добиваться правильного впечатления, вы должны создавать дизайн вокруг идеи какую выгоду получит покупатель. Для примера, давайте взглянем на сайт проекта Due.com:

Он не говорит "Мы в этом бизнесе уже 10 лет", он говорит "Due.com помогает вам следить за временем и выставлять счета как профессионал" - это на 100% ориентированный на посетителя подход. В сухом остатке - делайте сайт "про них", а не "про вас".


Заблуждение шестое: На главной странице обязательно должны быть новости компании

Нет, ну серьёзно, перестаньте делать блоки новостей на главных страницах! Подавляющему большинству людей плевать на то, что происходит внутри компании. Почему? Да потому что для них там нет никакой выгоды или интереса. Да и вообще, любая новость компании имеет очень маленькое отношение к проблемам и задачам посетителей, только если это не инвесторы или если веб сайт не предназначен для внутренyего использования в компании.

Заблуждение седьмое: Главная страница должна смотреться одинаково на всех девайсах

Дизайнить разные вьюхи страниц под разные устройства - это одна из самых новых глав в истории веб-дизайна. Помните как было раньше, когда единственное, о чем нам приходилось беспокоиться, это смотрится ли наш сайт так же хорошо на разрешении в 800х600 как он это делает на 1024х768?

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

Заблуждение восьмое: Один раз и навсегда

Дизайн главной никогда не должен оставаться статичным долго. Вы вряд ли сможете предсказать как посетители будут вести себя на сайте, поэтому тестируйте, тестируйте и еще раз тестируйте! Сделайте несколько вариантов главной (хотя бы два), поставьте цели в Google Analytics и проводите сплит-тесты чтобы понять, какой из вариантов приводит к большим конверсиям или улучшает поведенческие факторы. Насколько разными должны быть дизайны? Всё зависит от вас! Но помните, структуры должны качественно отличаться чтобы вы смогли проследить эффективность каждой из них.

Итоги

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

Источник: blogs.adobe.com/dreamweaver/2015/05/8-homepage-design-myths-debunked.html

Получи доступ к мастер-классам топовых спикеров и базе полезных материалов


Читайте также
Почему я бросил работу своей мечты в веб-дизайне?
Почему я бросил работу своей мечты в веб-дизайне?

Что толкает людей на то, чтобы бросить работу в компании, на которую ушло так много времени и усилий?

26.02 0
Тренды веб-дизайна 2017 года
Тренды веб-дизайна 2017 года

Наша команда обращает пристальное внимание на все изменения в мире дизайна. Это помогает всегда держать вас в курсе новостей и новинок этой сферы.

26.02 0
Специфика работы full-stack designer
Специфика работы full-stack designer

Кто такой full-stack дизайнер и в чём заключается специфика его работы? За что full-stack дизайнер несёт ответственность в проекте.

26.02 0
-->


Комментарии

×
Подписка на новости Skillsup

Заполните поля, чтобы получать новости о дизайне от Skillsup,
обещаем не тревожить чаще 2-х раз в неделю.
Если передумаете — во всех письмах будет ссылка на отписку.