Основатель агентства интернет-маркетинга «WEGS» Грушко Сергей подготовил список веб-трендов, которые получат широкое распространение в 2015 году.

 

 

1. Рассвет вебграфики (Интерактивная инфографика)
Рассвет вебграфики (Интерактивная инфографика)

     Не для кого не секрет, что 90% процентов всей информации, воспринимаемой человеком, приходится именно на зрение. Данные, воспринятые с помощью глаз, более осмысленны и лучше сохраняются в памяти. Не зря говорят: «Лучше один раз увидеть, чем сто раз услышать». Именно поэтому мы усваиваем информацию лучше, когда она представлена в графическом виде, что и привело к популярности инфографики. Инфографика — простой способ передавать большое количество информации с высокой степенью усваивания.
     Но что же делать пользователю, который видит на сайте множество классных элементов на которые так и хочется нажать? В случае инфографики – ничего!

     Наше агентство интернет-маркетинга «WEGS» в 2014 году проводило исследование с использованием вебвизора, и обратило внимание на то, что пользователь хочет большего, чем просто картинка (инфографика), он хочет взаимодействовать с этими элементами, он кликает на элементы, но ничего не происходит. И тут в нашем сознании стала зарождаться новая тенденция — Вебграфика!

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

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

2. Адаптивное меню как в приложениях

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

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

Адаптивное меню как в приложениях

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

3. Минимализм

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

Минимализм

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

http://static49.siliconrus.cmtt.ru/paper-media/design-trends-2015/21323b37d79d3ab36e70.png

     Дизайнеры, которые не откажутся от фотографий в шапке и в других слоях сайта будут использовать следующий тренд: «Профессиональные фотографии»

4. Профессиональные фотографии

     Этот тренд направлен на использование профессиональных фотографий.

 Профессиональные фотографии

     Качественные снимки, сделанные специально для конкретного сайта или сервиса, придают уникальность, считает автор агентства интернет-маркетинга «WEGS».

 

5. Интерактивность и сторителлинг

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

Интерактивность и сторителлинг

 

6. Лонгриды

     Сайты, включающие в себя «длинную» страницу по-прежнему останутся популярными в 2015 году. Скрол удобнее поиска разделов в меню и требует меньше действий при потреблении контента. В этом году длинными станут не только главные страницы сайта, но и остальные разделы, такие как «о компании», товар продукции, каталог и прочее. В 2014 наша компания уже применила этот тренд при разработке интернет-магазина, в результате продажи повысились в 1,5 раза.

Лонгриды

7. Огромные шрифты

     В 2015 году шрифты в интернете станут еще больше. Вместо картинок будут использовать огромные заголовки.

 

Огромные шрифты

 

8. Скорость

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

Скорость

9. Фиксированная ширина сайтов

     Не так давно большинство дизайнеров перешли на «растягивающиеся» сайты, в которых контент подстраивается под ширину браузера.

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

Фиксированная ширина сайтов

 

10. Эффект параллакса, анимация при прокрутке

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

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

 Эффект параллакса, анимация при прокрутке

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

 

11. Плоский дизайн заполнит все

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

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

 

Плоский дизайн заполнит все

 

12. Автоматизация процесса верстки

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

 

13. Гибкая типографика

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

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

Гибкая типографика

 

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

О НАС

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

ПОЛУЧИТЕ БЕСПЛАТНЫЙ АУДИТ

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

ДРУГИЕ ЗАПИСИ

Все записи