6 трендов дизайна интернет-магазинов в 2015 году

В этом году отзывчивость интернет-магазина к мобильным гаджетам перестанет быть конкурентным преимуществом и превратится в острую необходимость. Мобильные требования повлияют на весь дизайн электронной коммерции! Шесть трендов веб-дизайна 2015 года мы рассмотрим в этой статье на примере живых и успешных сайтов. 

1. Скрытое меню

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

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

В 2015 году некоторые покупатели могут увидеть, что интернет-продавцы используют скрытое меню даже на сайтах для стационарного компьютера или ноутбука. Модные дизайнерские агентства уже начали предлагать именно такой подход. Например, агентство Pollen House использует «гамбургер», даже если сайт достигает размеров 1,920 на 1,080 пикселей.

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

2. Отзывчивый дизайн для больших мониторов

Существует несколько причин, чтобы делать дизайн сайтов для больших мониторов, с ориентацией на «фишки» мобильных гаджетов. Например, многие создатели «умных» телевизоров или игровых приставок вроде Xbox One, превратили свою продукцию в интернет-устройства с поддержкой. Специалисты магазина Northwest говорят, что 10% их трафика приходят с устройств, разрешение экрана которых от 1,920 пикселей в ширину или даже шире!

Крис Лейк, директор компании Econsultancy, написал в апреле 2014 года, что 20% их трафика приходят с пользователями устройств с разрешением экрана по крайней мере 1,920 пикселей в ширину. Около 18% — с мобильных девайсов.

Обратим внимание на интернет-магазин Firebox, как на пример сайта с хорошим гибким дизайном, который заполняет даже большой экран!

Магазин Firebox имеет отзывчивый дизайн не только для мобильных девайсов. Этот дизайн способен заполнить и большие экраны!

3. Гибкая и крупная типографика

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

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

Pelican Books — пример сайта который использует гибкую и крупную веб-типографику

4. Большие фотографии

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

Интернет-магазин обуви Greats использует большие фото на страницах с описанием деталей продукта, и пользователь может повернуть фото товара на 360 градусов.

Greats использует большие изображения на страничках с деталями товара

5. Видео-контент и фоны

Годами маркетинг и электронная коммерция рекламировали выгоду использования видео: оно может и продавать, и создавать лояльность клиентов. В 2015 году интернет-магазины ищут все больше форматов использования видео: в блогах, на YouTube, и даже... в качестве фонового изображения на главных страницах.

Toys"R"Us использует видео, чтобы продемонстрировать свой продукт

6. «Материальный дизайн»

«Материальный дизайн» от Google становится трендом 2015 года Материальный дизайн (Material design) — это визуальный язык, где Google попытался «поженить» принципы классического дизайна и технические инновации. Смысл в том, что элементы дизайна открываются и сворачиваются как настоящие карточки. Для эффекта естественности дизайнера используют эффект теней.

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

Автор:  Анна Казакова

По материалам статьи: 6 Ecommerce Design Trends for 2015