Тренды

5 тенденций веб-дизайна, которые стали актуальными в 2021 году

Автор Freelance.Today

Тенденции в дизайне постоянно меняются, но некоторые из них остаются актуальными продолжительное время. Если они вообще меняются, то изменения происходят медленно.

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

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

1. Спокойные цветовые палитры

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

Но все устали от стресса, напряжения, и готовы перейти на более спокойные, мягкие, приглушенные цветовые палитры.

Сайт компании Bellroy  — отличный пример этого тренда. Фактически, вы можете почти почувствовать запах кожи в ее линейке практичных повседневных товаров.

Обратите внимание на эффект смягченного фона на ярко окрашенном объекте. Объект по-прежнему выделяется, как и должен, но не требует вашего внимания.

BeSpa  — другой пример спокойной цветовой палитры, которая, вдохновляя, не “кричит”, чтобы привлечь внимание.

Этот спокойный и комфортный образ вызывает приятные, живые чувства: чувство благополучия и безопасности.

2. Совмещение физических и цифровых изображений

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

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

 

Обратите внимание на сочетание реальных моделей с нарисованными от руки эскизами продуктов.

BeSki   также смешивает реальное с цифровым, но применяет совершенно другой подход:


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

3. Покупки в интернете

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

Когда они находятся в обычном магазине и знают, чего хотят, покупатели хотят входить и выходить как можно быстрее. Если они не уверены, что именно хотят, или просто ищут, им все равно нужна помощь или предложения, которые помогут им сделать сравнения или сделать выбор.

Дизайн страницы продукта Walgreens  является хорошим примером того, что покупатели хотели бы видеть в дизайне веб-сайта электронной коммерции в 2021 году:

 

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

Насайте BePestControl  используется аналогичный метод:

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

4. Видеоконтент

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

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

Пример  Payoneer:

 

Обратите внимание, как кнопка «Смотреть видео» выделяется на фоне. Хотя она приглашает и даже побуждает посетителя посмотреть видео, пользователи не вынуждены делать это. В любом случае посетитель будет признателен за предоставленную возможность.

BeOptics  использует аналогичный, хотя и немного более тонкий подход:

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

5. Создатели доверия

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

К счастью, веб-дизайнерам знакомы следующие подходы к построению доверия, и они могут использовать один или несколько приемов:

  • Визуализация данных (например, диаграммы, графики, счетчики, статистические выноски)
  • Логотипы, будь то логотипы клиента, партнера или СМИ.
  • Отзывы клиентов или покупателей
  • Тематические исследования / портфолио
  • Защитные пломбы (например, Better Business Bureau (BBB), TRUSTe, PayPal Checkout)
  • Доказательства социальной активности, участия в защите окружающей среды и т. д.

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

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

 

Это также придает дополнительную легитимность таблице, оставляя место для выделения авторитетных публикаций, в которых представлена ​​организация.

Отзывы и визуализация данных — два дополнительных элемента построения доверия.

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

BePortfolio  показывает, как вы можете включить создателей доверия в сайт-портфолио:

 

На домашней странице BePortfolio достаточно места для следующих элементов, создающих доверительные отношения:

  • Образцы портфолио
  • Количество довольных клиентов
  • Отзывы и тематические исследования
  • Логотипы клиентов

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

Вы уже начали использовать эти новые тренды веб-дизайна?

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

Источник

 
  • 580