Три тенденции дизайна веб-сайтов WordPress, которые вам нужно знать

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

Неудивительно, что WordPress развивался вместе с Интернетом. Сегодняшний WordPress сильно отличается от WordPress пятилетней давности и граничит с неузнаваемостью по сравнению с WordPress 2003 года. Но это хорошо.

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

Я искал вас — вот некоторые из наиболее заметных и существенных тенденций, поразивших мир дизайна WordPress (и большую сеть) в этом году, и все они тесно связаны с мобильностью.

Бесстраничный дизайн продолжит доминировать

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

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

«У традиционных веб-сайтов есть целый список не менее серьезных проблем, — объясняет Чак Лонганекер из Digital Telepathy. «Они болтливы на коктейльной вечеринке, бормочущие всем, кто находится в пределах слышимости, шквал самовосхваляющей информации без какого-либо интереса к тому, кто слушает… С быстрым подключением и аудиторией, привыкшей к длительной прокрутке в мобильных приложениях, безстраничным дизайном. уходит с пути посетителя, чтобы он мог насладиться потоком и выполнить свою задачу».

Другими словами, мобильные устройства изменили привычки просмотра нашей аудитории. Как дизайнер, вы должны учитывать их новые привычки — их ожидание простого, оптимизированного веб-сайта, их склонность просматривать на своих телефонах или планшетах и ​​их стремление к легко усваиваемому контенту.

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

Больше изображений, больше типографики, больше параллакса

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

Что касается типографики, то с переходом к минимализму владельцы сайтов, издатели и пользователи стали ожидать более чистого дизайна на посещаемых ими сайтах. Частично ключ к этому заключается в предоставлении более красивого и лучше представленного текста. Такие инструменты, как Google Fonts и Adobe Typekit, также очень помогли, упростив создание веб-сайтов с более качественным, профессионально выглядящим текстом.

Наконец, параллаксная прокрутка, которая мне всегда очень нравилась, в последнее время становится все более популярной. Для непосвященных принцип работы довольно прост: вы просто настраиваете свой сайт так, чтобы фон двигался медленнее, чем передний план (если вообще двигался). Это не только создает иллюзию глубины резкости, но и является отличным способом придать одностраничным веб-сайтам дополнительную яркость.

Много шума из-за микровзаимодействий

Мобильные приложения немного избаловали конечного пользователя, если вы остановитесь и подумаете об этом. Лучшие из них наполнены функциями, известными как микровзаимодействия: небольшие фрагменты обратной связи, которые передаются посетителю в зависимости от того, как он взаимодействует с вашим сайтом. Конечно, эта концепция не особенно нова. Еще в 2013 году Фостер из Mysterious Trousers называл их взаимодействием с пузырчатой ​​пленкой. Это потому, что они приносят удовлетворение и значительно улучшают пользовательский опыт, делая вещи более интуитивными.

Для вас это означает, что — особенно учитывая массовый переход на мобильные устройства — вам нужно узнать о микровзаимодействиях и о том, как включить их на свой сайт.

«В UX важно то, как вы взаимодействуете с пользователями и как они себя чувствуют при использовании продукта [в данном случае вашего веб-сайта]», — пишет Дмитрий Сварицевич из Web Designer Depot. «Микровзаимодействия предоставляют пользователям необходимую обратную связь и понимание текущих процессов, делая интерфейс доступным, независимо от того, насколько сложной может быть логика, стоящая за ним».
Согласно Creative Bloq, вот как вы можете добавить микровзаимодействие на свой сайт:

• Знайте триггер: это то, что происходит, чтобы запустить микровзаимодействие. Это может быть что угодно: от пользователя, впервые вошедшего на ваш сайт, до оставления комментария к статье или покупки продукта. Лучшие триггеры — это те, когда система наблюдает за поведением пользователя и использует его для контекста, т.е. предоставление им страницы, которую они часто посещают, когда они заходят на ваш сайт.
• Установите правила: слово «правила» может быть здесь неправильным. По сути, это руководящие принципы, которые определяют, как работает конкретное микровзаимодействие — что может произойти, что должно произойти, а что не может или не может произойти. Например, сайт электронной коммерции может предупредить вас, если вы случайно добавите один и тот же товар в корзину дважды.
• Определите обратную связь: какую обратную связь вы предоставите пользователю? Как вы улучшите их впечатления от вашего сайта?
• Выясните, как долго продолжается микровзаимодействие: завершается ли ваше микровзаимодействие автоматически без участия пользователя? Как он меняется при каждом использовании?

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

Быть в курсе тенденций дизайна веб-сайтов

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