Для всех дизайнеров термин «над сгибом», вероятно, является тем, что вы слышите ежедневно.
Однако время оставаться наверху быстро становится менее важным.
Были проведены различные исследования, проверяющие обоснованность размещения всей ценной информации на вашем веб-сайте в верхней части страницы. Мы больше не ищем сайт, втиснутый в экран с разрешением 1200 x 800 мегапикселей. Поскольку мы стали более склонны ценить визуальный контент, а также улучшенный пользовательский опыт, становится все более распространенным явлением крупные бренды, предлагающие полноразмерные сайты, поощряющие прокрутку.
Что находится над сгибом?
Термин «над сгибом» относится к расположению важной новости или визуально привлекательной фотографии в верхней половине первой страницы газеты. Очевидно, издатели хотели, чтобы самые свежие и привлекательные новости были представлены близко к заголовку газеты или «вверху», поскольку это все, что видели потребители, проходя мимо продавцов.
До того, как прокрутка стала нормой, эта же концепция применялась к макету веб-сайтов. Когда дизайнеры впервые начали разрабатывать веб-сайты, им нужно было знать о наиболее распространенных разрешениях экрана и о том, как сохранить видимость контента, оставаясь при этом в верхней части экрана.
В современном мире мы - поколение, разбирающееся в Интернете. Где технологии и Интернет составляют около 80% нашей жизни. Нам больше не нужно беспокоиться о том, чтобы все уместилось в окне вашего интернет-браузера.
Какие элементы вашего веб-дизайна должны оставаться в верхней части экрана
Над сгибом не исчез полностью, однако сегодня он обычно относится к различным элементам вашего сайта. При разработке сайта важно следить за тем, чтобы следующие элементы находились над сгибом:
- Имя
- Верхняя навигация
- Кнопки социальных сетей «Мне нравится/Поделиться»
- Функция
Когда вы разрабатываете какой-либо сайт, вы должны убедиться, что эти элементы - это первое, что видят посетители, заходя на ваш сайт. За последние два года все больше и больше компаний начинают использовать параллаксную прокрутку в своем веб-дизайне или разрабатывают одностраничный веб-сайт.
Преимущества веб-сайта с параллаксной прокруткой
Проще говоря, параллаксная прокрутка - это метод, используемый в компьютерной графике, при котором фоновые изображения движутся медленнее, чем изображения на переднем плане. Создание иллюзии глубины и погружения. Отличное объяснение прокрутки параллакса заключается в следующем: «Закройте один глаз рукой и сфокусируйтесь на объекте. Теперь уберите руку и прикройте другой глаз. Рассмотрите объект первым глазом. Поскольку углы обзора вашего глаза другие, вы почувствуете, как будто предмет меняет свое положение».
Параллакс-прокрутка или одностраничный веб-сайт - это не просто новая тенденция, используемая компаниями входящего маркетинга и веб-дизайна по всему миру. Веб-сайты такого типа имеют ряд преимуществ, позволяющих улучшить взаимодействие с пользователем.
Рассказы
Кто не любит рассказывать истории своим брендом? Что, если бы вы могли сделать это с макетом вашего сайта? Теперь это проще, чем когда-либо прежде, с прокруткой параллакса или одностраничным веб-сайтом. Вы можете контролировать, как посетители видят вашу компанию, стратегически размещая контент и предложения.
Рассмотрите возможность добавления этих предметов, чтобы рассказать свою историю:
- Создайте потрясающее изображение. Найдите изображение, которое объясняет и показывает посетителям, как использовать ваш продукт.
- Добавить отзывы
- Включить видео
- Опишите особенности вашего продукта или услуги
- Реализуйте призывы к действию
- Цены
Если вы работаете в ресторане, рассмотрите возможность добавления следующих позиций:
- Меню
- Найти локацию
- Подарочные карты
- Социальные сети
- Карьера
- Элемент веселья
Заставьте посетителей захотеть глубже изучить ваш сайт.
Отображение продуктов
Нужен лучший способ демонстрации вашей продукции? Что может быть лучше, чем параллаксная прокрутка. Компании, использующие параллакс для отображения своей продукции, включают:
- Найк
- Активировать спортивный напиток
- Пивоварня Самсон
- Фольксваген Жук
- Планшет Sony
Просто нажмите и начните прокручивать! Посмотрите, какой потрясающий пользовательский опыт создали эти пять компаний на своих веб-сайтах. Кто не хотел бы покупать эти продукты? Тот факт, что ваша компания продает продукт, не означает, что вы не можете взаимодействовать с посетителями, демонстрируя свою продукцию. По словам Забиско, 90% информации, передаваемой в мозг, является визуальной, а визуальные эффекты обрабатываются мозгом в 60 000 раз быстрее, чем текст.
Взаимодействие с аудиторией
Возможно, это совершенно очевидно, но большим преимуществом параллаксной прокрутки является вовлечение аудитории. Позвольте вашим посетителям контролировать ваш сайт. Позволяя им прокручивать ваш сайт, посетители принимают активное участие во взаимодействии с вашей компанией.
Вовлеченность чрезвычайно важна, когда речь идет о ВСЕХ сайтах, борющихся за ваше внимание.
Вы хотите, чтобы они оставались на вашем сайте, если у вас одностраничный сайт, ваши посетители постоянно прокручивают его и привлекают внимание. Сабина Айдлер рассказывает о том, что вовлечение аудитории является одним из наиболее важных элементов параллаксной прокрутки: «Тот факт, что мы получаем мгновенную обратную связь при взаимодействии с вашим сайтом, делает нас более внимательными и более готовыми продолжать. Мы прокручиваем, и что-то происходит. Мы прокручиваем еще немного, и происходит что-то еще. Это обещание очень мотивирует и вызывает у людей желание, даже желание зайти на ваш сайт и послушать вашу историю».
Ищете вдохновение, чтобы оставить тему выше сгиба позади? Если да, то вот несколько отличных примеров брендов, использующих эту новую и захватывающую концепцию веб-дизайна.