В 2021 году у нас был чертовски выдающийся год. Компании были вынуждены искать новые и творческие пути. Потребителям пришлось приспосабливаться. В результате Интернет тоже должен был измениться.
Прежде чем мы зайдем слишком далеко в 2022 год, абсолютно необходимо подумать об изменениях прошлого года. Потому что многие из тенденций веб-дизайна, которые работали для потребителей и предприятий до 2021 года, больше не будут работать.
Сегодня мы собираемся посмотреть, как будут выглядеть новейшие тенденции дизайна, почему они возникли , а также рассмотрим примеры веб-сайтов и готовых сайтов BeTheme , которые уже эффективно их используют.
Если вы разрабатываете сайт для нового клиента или хотите изменить сайт существующего клиента, чтобы соответствовать тенденциям дизайна после 2020 года, продолжайте читать:
1. Используйте более удобные цветовые палитры.
В прошлые годы в тенденциях веб-дизайна предпочитались более смелые цветовые палитры и схемы градиентов. Если вы хотите быстро привлечь внимание посетителя и вызвать эмоциональную реакцию, вы должны использовать для этого яркие цвета.
Но несмотря на всю драму, панику и страх, которые доминировали в 2020 году, мы увидим, как бренды уменьшат использование цвета в 2021 году.
Это не значит, что цвет все еще нельзя использовать, чтобы вдохновлять посетителей на определенные чувства. Это просто означает, что цветовая палитра в этом году вызовет чувство покоя, комфорта и безопасности.
Bellroy , например, - это компания, которая продает товары для переноски - такие вещи, как кошельки, сумки и чехлы для телефонов, которые обеспечивают безопасность и порядок вещей людей:
Хотя некоторые из ее продуктов имеют яркие цвета, белое пространство и фото-фон, используемые на веб-сайте, склоняются к более нейтральной и естественной цветовой палитре.
BeSpa преднастроенным сайт является еще одним хорошим примером успокаивающие цвета , все сделано правильно:
Как видите, цветовая палитра укротителя не должна превращаться в скучную. Это просто определение приоритетов другого набора приоритетов и эмоций; а именно безопасность и комфорт.
2. Безупречное сочетание физических и цифровых изображений.
В 2020 году многие люди застряли дома, и им было нечего делать, кроме как смотреть на свои экраны. Это привело к большему смешению их реальной жизни с цифровой.
В прошлом веб-дизайнеры в основном создавали веб-сайты с фотографиями или иллюстрациями.
Фотографии позволили брендам изобразить сценарии реального мира, а также продемонстрировать свои настоящие продукты. С другой стороны, иллюстрации были полезны для изображения абстрактных концепций и объяснения высокотехнологичных продуктов.
Однако теперь, когда грань между физическим и цифровым миром стерлась, веб-дизайн может начать отражать и это изменение. Это не обязательно должно быть одно или другое.
Вот пример этого в действии от модельера Констанс Берк :
В прошлом ее портфолио могло быть любым (например, настоящие модели в одежде, которую она разработала, или лукбук с нарисованными вручную модными эскизами). Но здесь она смешала эти две вещи очень творчески.
Вы также можете подумать о смешивании физического и цифрового, подобно тому, как это делает предварительно созданный сайт BeSki :
Домашняя страница начинается с фотографии человека, катающегося на лыжах. Однако обратите внимание, как снег на изображении героя в конечном итоге перетекает в следующий участок.
Это не просто белый фон. Верх секции напоминает вершину сугроба.
Затем этот раздел переходит обратно к изображению из реального мира, только для того, чтобы он снова вернулся к цифровому дизайну.
3. Сделайте покупки более эффективными.
Сейчас, когда больше людей совершают покупки в Интернете, чем когда-либо прежде, сайты электронной коммерции должны быть спроектированы для более эффективных путей к конверсии.
Это особенно важно, поскольку потребители начинают настороженно относиться к тому времени, которое они проводят в Интернете. Хотя им все равно придется покупать вещи в Интернете, они будут искать бренды, которые помогут им входить и выходить из их интернет-магазинов в разумные сроки.
От предоставления ярлыков для добавления в корзину в результатах поиска продуктов до разработки более лаконичных описаний страниц продуктов - мы увидим, что все больше и больше сайтов электронной коммерции обеспечивают более быстрые и безболезненные покупки.
У Walgreens , например, есть дизайн страницы продукта, который хорошо подойдет для электронной коммерции в 2021 году:
Вся необходимая информация о продукте, специальных предложениях и способах получения / доставки доступна в верхней части страницы.
Если кому-то нужна дополнительная информация о характеристиках или обзорах продукта, они могут найти их с помощью прокрутки. В противном случае те, кто уверен в своей покупке, смогут сделать следующие шаги.
Готовый сайт BePestControl использует аналогичный подход к дизайну электронной коммерции:
Как видите, основные аргументы в пользу продажи (например, название продукта, цена и описание) краткие и понятные. Для всех, кому нужна дополнительная информация, описание и другие характеристики легко доступны под кнопкой «Добавить в корзину».
Эти хорошо организованные и короткие страницы продуктов (среди других функций электронной торговли, позволяющие сэкономить время) сделают покупки в Интернете более приятными и удовлетворяющими для покупателей в 2021 году.
4. Добавьте больше контролируемого пользователем видеоконтента.
Было время, когда видео было в моде на веб-сайтах. Фоновые видеоролики о героях будут первым, что люди увидят на веб-сайтах. Анимированные обучающие видеоролики знакомят потенциальных клиентов со сложными технологиями. И так далее.
Благодаря тому, что люди проводят больше времени на видеоплатформах, таких как Zoom, для общения с друзьями, семьей и коллегами, это среда, с которой им сейчас комфортно.
В результате мы увидим возвращение видео в этом году. Однако не будет ни фонов с автоматическим воспроизведением, ни встроенных видео. Видео будут появляться только тогда, когда посетители этого захотят.
Для этого веб-дизайнерам нужно будет включать в свои проекты кнопки воспроизведения видео. Вот как это сейчас делает Payoneer :
Обратите внимание, как белая кнопка «Играть» выделяется среди всего этого цвета. Узнаваемый значок позволяет людям узнать, что возможность посмотреть отзыв доступна, если им интересно.
BeOptics - это предварительно созданный сайт, который также тонко добавляет видео в микс:
Опять же, посетителям не нужно видеть настоящий видеоплеер, чтобы понять, что здесь есть опция видео. Кнопка «воспроизведение» и то, как она трансформируется при наведении курсора, дадут им понять, что у них есть возможность узнать больше, посмотрев видео.
5. Проводите больше времени, демонстрируя создателей доверия.
Доверие всегда было важным вопросом для бизнеса. Но поскольку в наши дни все больше людей предпочитают делать покупки в Интернете, а не лично, построители доверия не подлежат обсуждению в веб-дизайне.
Таким образом, веб-дизайнерам нужно будет освободить больше места для создателей доверия, которые увеличивают доверие потребителей. Вещи как:
- Визуализация данных (например, диаграммы, статистические выноски, счетчики)
- Логотипы клиентов, партнеров или СМИ
- Отзывы клиентов или отзывы клиентов
- Тематические исследования
- Портфолио
- Защитные пломбы (например, Better Business Bureau (BBB), TRUSTe, PayPal Checkout)
- Доказательство общественного блага
Если вы хотите, чтобы ваш веб-сайт убедил потенциальных клиентов, клиентов, пользователей, читателей или подписчиков совершить такой большой скачок, подумайте, какие лица, повышающие доверие, будут для них наиболее важными.
Например , Omaze - это платформа, которая дает людям возможность получить призы на основе сделанных пожертвований. Вместо того, чтобы сосредоточиться исключительно на призах, Omaze подчеркивает все хорошее, что сделали компания и ее спонсоры:
В нем также есть место, где демонстрируются авторитетные публикации, в которых фигурирует Omaze (что придает организации легитимность):
И он использует визуализацию данных и отзывы некоммерческих организаций, чтобы обеспечить дополнительную прозрачность того, что происходит за кулисами:
Даже если вы разрабатываете сайт для гораздо меньшей организации (или даже для себя), есть впечатляющие средства построения доверия, которые вы можете предложить посетителям.
BePortfolio , например, является отличным примером того, как вы могли бы сделать это для своего собственного сайта-портфолио (или для сайта других творческих людей):
На домашней странице было выделено много места для доверенных лиц:
- Количество довольных клиентов
- Отзывы
- Тематические исследования
- Образцы портфолио
- Логотипы клиентов
Люди хотят чувствовать себя в безопасности в Интернете, и предоставление им более чем достаточно причин доверять вашему бренду будет иметь большое значение для этого.
Вы уже начали использовать эти новые тенденции веб-дизайна?
Такие вещи, как минимализм и смелая типографика заголовков, никогда не выйдут из моды. Но есть и другие тенденции последних лет, которые потребуют замены к 2021 году.
Чтобы дать потребителям большее чувство безопасности и комфорта, веб-дизайнеры в будущем году перейдут на успокаивающие цветовые палитры, смешанные изображения веб-сайтов, эффективный дизайн электронной коммерции, запускаемое пользователем видео и построители доверия.