Тренды в веб-дизайне 2016-2017

15.06.2016
Автор:

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

и которые продолжат свое движение и в 2017 году.

 

Web design trends2016-article-1

 


Большая часть трендов активно использовавшаяся год или два назад продолжит свое течение и в этом году (например flat-дизайн, parallax-эффекты), поэтому пока не стоит ждать каких-то сверх-открытий (разве что во второй половине года). Однако, есть моменты на которые стоит уделить внимание.

 

 

Все для пользователя

Основная идея заключается в том, что все должно быть сделано для удобства пользователя. Думать о пользователе в первую очередь — важнейший тренд этого года как минимум. User Experience (UX) — вот, что имеет решающее значание в современном вэбе.

Это не новость, что мобильный трафик продолжает расти в геомметрической прогрессии и вэб-разработчики само собой это учитывают, делая сайты адаптивными под всевозможные устройства. Но теперь этого недостаточно. Ко всему прочему сайты должны быть быстрыми, умными и при этом все же оставаться привлекательными для посетителей. Перегруженные страницы, прелоадеры, горы JS  сменяются удобством и простотой использования. Помните, в первую очередь пользователь идет к вам за информацией, а не в “парк аттракционов”.

 

Webdesigntrends2016-article-2

 

 

Умная навигация

Мне все чаще начинают попадаться сайты (правда, преимущественно западные) использующие “умное” меню (и я говорю не про “гамбургер”), которое предугадывает поведение посетителя.

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

 

Webdesigntrends2016-article-3

 

 

 

Долой унылые стоковые изображения

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

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

 

Webdesigntrends2016-article-4

 

 

 

Полно-экранные формы

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

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

 

Webdesigntrends2016-article-5

 

 

 

Веб-дизайн = печатный дизайн

Ну и напоследок…
По правде сказать, об этом тренде нигде явно не написано и он скорее является моим собственным наблюдением за последние пол-года. Раз от разу мне начинают попадаться сайты, чьи лэйауты больше напоминают статьи в печатных изданиях, чем стандартные оформления веб-страниц. Современные возможности CSS дают в полной мере использовать те же инструменты, что применяются в верстке для печати (веб шрифты, media-queries, flexbox и др.), не исключая при этом такой олд-скул как float и абсолютное позиционирование.

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

 

Webdesigntrends2016-article-6

 

Автор статьи: Илья Вахрин, руководитель Web-отдела компании «Крем».

 

В статье использованы материалы с сайтов:
http://thenextweb.com/
http://ddi-dev.com/
https://codyhouse.co
https://css-tricks.com

http://flatiron.com/
http://thegreatdiscontent.com/

http://eighty-east.com.au/