Тенденции веб-дизайна 2010-х годов

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

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

Обзор веб-дизайна: 2010-2019

2010

WordPress было всего 7 лет в 2010 году, и он все еще рассматривался скорее как платформа для ведения блогов, чем как полноценное веб-решение. WordPress выпустил Двадцать десять тем по умолчанию и вы заметите из предварительного просмотра темы, изображенной здесь, что она имеет классический дизайн блога.

Сегодня мы ожидаем, что каждый веб-сайт будет реагировать на мобильные устройства, но в 2010 году этого не было. Термин “Адаптивный дизайн” был введен в веб-индустрию в мае 2010 года, и большинство сайтов все еще разрабатывались только для настольных компьютеров.

Основные моменты

• WordPress выпустил тему Двадцать Десять по умолчанию, положив начало новой традиции выпуска новой темы каждый год
• Apple выпустила первый iPad
• Термин “Адаптивный дизайн” вводится впервые
• WordPress 3.0 был выпущен и включал пользовательские заголовки, фоновые изображения и меню
• WP Engine, ведущая платформа для хостинга WordPress, была основана

2011

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

Затем, в 2011 году, мы увидели выпуск WooCommerce, платформы электронной коммерции, которая легко интегрировалась в WordPress. Сегодня WooCommerce является самым популярным решением для электронной коммерции.

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

Highlights

• Выпущена платформа электронной коммерции WooCommerce
• Тенденция веб-дизайна с большими боковыми полями по-прежнему популярна
• Серьезное нарушение безопасности WordPress из - за уязвимости Tim Thumb
• Плоский стиль дизайна появился вместе с популярностью Windows Phone 7 от Microsoft

2012

В период с 2011 по 2012 год плоский дизайн стал популярным трендом веб-дизайна. Этот стиль был введен, когда Microsoft выпустила Windows Phone 7 и 8, которые отличались плоским интерфейсом дизайна. В плоском дизайне используется больше двумерных объектов, в отличие от материала, тенденция дизайна реализма начала 2010-х годов.

Безопасность веб-сайта была большой темой в 2012 году после крупного Взлом DNS GoDaddy это привело к закрытию миллионов веб-сайтов.

Highlights

• Плоский стиль дизайна становится популярным трендом веб-дизайна
• Взлом DNS GoDaddy приводит к отключению миллионов сайтов в сентябре 2012 года
• WordPress представил новый медиа-менеджер, настройщик тем и предварительный просмотр тем

2013

По состоянию на 2013 год WordPress стал самой популярной системой управления контентом в мире, и она по-прежнему пользуется этой наградой сегодня. Многие считают, что выпуск ядра WordPress версии 3.0 способствовал росту популярности системы управления контентом.

С точки зрения дизайна, параллакс был очень популярен в веб-дизайне. Параллакс-это эффект, при котором положение объекта кажется другим при прокрутке веб-страницы. Еще один стиль дизайна под названием “дизайн на основе карт” также стало большой тенденцией в 2012 и 2013 годах из-за популярности платформ социальных сетей, таких как Pinterest. Он по-прежнему используется многими новостными сайтами, такими как Wired.com на фото здесь.

Highlights

• Дизайн на основе карт появился благодаря популярности Pinterest и социальной платформы
• Эффект параллакса становится популярным трендом веб-дизайна
• WordPress стал самой популярной CMS в мире

2014

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

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

Highlights

• В 2014 году Google выпустила новые стили, которые получили название “дизайн материалов”, и это стало основой полуплоского дизайна
• 1-й раз больше людей просматривали веб-сайты на мобильных устройствах, чем на настольных компьютерах
• Липкие навигационные меню чаще используются в веб-дизайне

2015

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

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

Highlights

• Google выпустила Mobilegeddon, обновление алгоритма, которое наказывало сайты, которые не были удобны для мобильных устройств
• Уязвимость WordPress скомпрометировала несколько широко используемых плагинов, включая Yoast, Gravity Forms и Jetpack
• Корпорация Майкрософт выпускает первую версию Microsoft Edge

2016

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

Из-за популярности социальных сетей веб-посетители привыкли прокручивать длинные веб-страницы. Дизайн страниц с длинной прокруткой стал современным стилем на веб-сайтах.

Highlights

• Приняты веб-страницы с длинной прокруткой
• Меню гамбургеров начинают использоваться на мобильных и настольных сайтах
• Chrome и браузеры требуют, чтобы SSL-сертификаты (HTTPS) были включены на всех веб-сайтах

2017

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

Что касается взаимодействия, то в 2003-2005 годах флэш-анимация была одним из единственных интерактивных вариантов на веб-сайтах. С тех пор flash исчез со всех сайтов, и в 2017 году Adobe объявила, что Flash Media Player больше не будет поддерживаться, начиная с 2020 года.

Highlights

• Изображения и видео героев были реализованы в веб-дизайне
• Наведите курсор мыши, и интерактивные компоненты станут проще в реализации
• Adobe объявляет, что Flash закончится и больше не будет поддерживаться в 2020 году

2018

2018 год был большим в индустрии веб-дизайна. Во-первых, мы запустили WordPress 5.0 и редактор Gutenberg. Это было одно из крупнейших обновлений ядра WordPress с момента выпуска классического редактора. Многие сайты WordPress остались в классическом редакторе и не перешли на Gutenberg, так как многие функции Гутенберга уже были доступны через более надежные редакторы конструктора страниц.

Второй важной новостью 2018 года стало Глобальное регулирование защиты данных или GDPR, который вступил в силу в ЕС с мая 2018 года. GDPR устанавливает новые стандарты того, как веб-сайты и предприятия должны собирать и хранить данные о своих потребителях.

Highlights

• WordPress выпускает версии 5.0 и редактор Гутенберга
• Вступает в силу Глобальное регулирование защиты данных (GDPR)
• Google выпустила обновление алгоритма скорости мобильных страниц

2019

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

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

Highlights

• Иллюстрации и микро-анимация-популярные тенденции
• Виджеты живого чата и чата чрезвычайно популярны
• Требуется миграция PHP 7.2 для сайтов WordPress