ReadOnly Новые фишки 2015 в дизайне интернет магазинов — AdVantShop.NET

27 апреля 2015
(0 Нет оценок, средняя: 0 из 5)

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

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

Дизайн интернет-магазина в 2015

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

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

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

Дизайн интернет-магазина в 2015Suitsupply использует скрытое меню

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

Дизайн интернет-магазина в 2015Pollen использует скрытое меню, даже когда сайт отображается на относительно большом экране

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

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

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

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

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

Дизайн интернет-магазина в 2015

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

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

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

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

Дизайн интернет-магазина в 2015

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

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

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

Дизайн интернет-магазина в 2015Tommy Bahama использует большие изображения на главной странице 

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

Дизайн интернет-магазина в 2015

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

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

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

Дизайн интернет-магазина в 2015

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

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

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

Дизайн интернет-магазина в 2015

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

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

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

 
 
 
comments powered by Disqus

E-mail рассылка

Хотите получать информацию из блога Advantshop.NET одним из первых?

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

Интересно

Чтобы продавать половые швабры, нужно иметь твёрдый характер
Чтобы продавать половые швабры, нужно иметь твёрдый характер

Мы в соц. сетях