17 ключевых трендов в веб-дизайне 2015 года

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

Всем параллакс!

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

image23

image17

Карточный интерфейс

Такой интерфейс — идеальный вариант для поколения клипового мышления, он прекрасно подстраивается под мобильные платформы и является отличным адаптивным веб-дизайном.

Можно быть уверенными в том, что в ближайшие годы такой дизайн будет встречаться все чаще и чаще.

Pinterest

image24

Coca-Cola

image082

Material design

Material design был разработан компанией Google и представляет собой набор стилей и графики, а также руководств и правил для соблюдения этих стилей. Это точка пересечения скевоморфизма (дизайн, который скопирован с формы другого объекта, но изготовлен из других материалов или иными методами) и абсолютно плоского дизайна.

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

image19

Контурные CTA

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

image15

image121

image18

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

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

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

Micro UX

Micro UX — это простой инновационный дизайн, который делает пользование сайтом проще, удобнее, и заставляет возвращаться к нему снова и снова. Будем надеяться, что этот тренд будет на пике популярности в 2015.

Всплывающее окна корзины покупок на сайте Threadless

image20

Переключение между аккаунтами Twitter в приложении для iPhone происходит легким свайпом пальца

image091

Скрытое меню

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

Входящие письма в приложении Gmail

image013

image025

Статические элементы страницы

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

image13

image044

Скроллинг вместо кликов

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

Самый длинный в мире веб-сайт

image22

Nike Air Jordan

image072

Адаптивный дизайн

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

Firebox

image101

Pull&Bear

image111

Динамичный дизайн

Динамичный дизайн хотелось бы выделить отдельным блоком в списке трендов 2015 года. Еще в июле 2014 Крис Лейк (Chris Lake) написал обзор под названием «14 трендов динамичного дизайна для веб- и мобильных интерфейсов» и многое из описанного им мы, вероятно, увидим в действии в 2015 году.

Динамическая загрузка страницы

Больше контента! Еще больше контента!

image25

Динамичные /анимированные графики

Зачем надоедать пользователю скучными статичными изображениями, когда можно сделать красивую анимацию?

image14

Модульный скроллинг

Можно заставить прокручиваться не только всю страницу, но и отдельные колонки.

image00

Крупный шрифт

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

image21

image062

Оттенки

Определяемся с цветом, подбираем его различные оттенки, переносим все это на нейтральный фон и получаем довольно элегантный дизайн. Все гениальное просто!

Выбор устройства

image053

Qatar Airways

image034

Супер-навигация

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

image16

Мобильные интерфейсы — еще не все

«Мобильные интерфейсы в первую очередь» — таковым был девиз дизайна в 2014 году. К сожалению, иногда то, что отлично смотрится на экране мобильного устройства, просто ужасно выглядит на экране полноценного компьютера или планшета.

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

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

Высоких вам конверсий!

По материалам: econsultancy.com