Как сделать «убийственный» первый экран вашего сайта?
Веб-дизайн 0 Комментариев , ,

Как создать «убийственный» первый экран вашего сайта?

Первый экран – первое, что видит пользователь, зашедший на ваш сайт. Информация, которую вы разместите на нем, является ключевой для успеха и эффективности всего ресурса.

Дизайн первого экрана может призывать пользователя к какому-либо действию (кликнуть на кнопку «купить») или предложить перейти на другую страницу сайта. Все зависит от целей, с которыми создавался этот элемент дизайна.

Что должен содержать первый экран перед тем, как пользователь начнет просматривать весь сайт?

Первый экран должен быть понятным

первый экран

С первого взгляда ваш сайт должен каким-либо образом воздействовать на пользователя.

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

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

Первый экран должен на 100% соответствовать теме сайта.

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

Интуитивно понятная навигация

первый экран

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

Пользователи учатся работать с ним, с легкостью путешествуя по сайту. Убедитесь, что местоположение и размер иконки «гамбургера» подобрано правильно, чтобы пользователь мог легко его найти.

Фокусируйте дизайн на одной точке

первый экран

Когда проектируете отдельную часть сайта, такую как первый экран, всегда важно чтобы дизайн был сфокусирован на каком-либо важном элементе. Люди, пришедшие на ваш сайт (преднамеренно или случайно), должны точно знать, о чем это ресурс. Эта цель может быть различными способами: с помощью изображения, текста или других элементов дизайна.

Добавьте короткий текст с вашим предложением

первый экран

Представьте, что первый экран сайта – это обложка книги, а не первая страница романа.

Она должна содержать минимальное количество текста, чтобы привлечь внимание посетителя. Просто заголовок и небольшой блок текста – все, что нужно. Хотя заголовок должен быть кратким, процесс его разработки может занять продолжительное время.

Представьте цели вашего сайта в виде инструкции.

  • Почему пользователь зашел на сайт?
  • Чего вы ждете от пользователя?

Предоставьте возможность пользователю что-либо сделать

первый экран

Сайт всегда должен представлять гостю причину, по которой он должен на нем задержаться. Что вы можете попросить гостя сделать:

  • Заполнить форму;
  • Сыграть в игру;
  • Поделиться информацией в социальных сетях;
  • Просмотреть товары, которые продаете;
  • Прокомментировать контент сайта;
  • Посмотреть видео или слайд-шоу.

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

Оставьте место для бренда

первый экран

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

Наличие бренда и названия компании создает основу для доверия к нему со стороны аудитории. Это делайте сайт более «реальным».

Концентрируйте внимание пользователя

первый экран

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

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

Заключение

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

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



Подпишитесь на обновления блога!

Будьте всегда в курсе новостей

Добавить комментарий