10 трендов в веб-дизайне на 2023 год по версии Elementor

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

Помимо этого, как мы доносим контент до пользователей с коротким периодом внимания, которые практически не способны сосредоточиться? Как мы вовлекаем их?

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

Читать также: 10 трендов в веб-дизайне на 2022 год по версии Elementor

1. Режим гоблина — максимализм

«Режим гоблинов» был выбран Оксфордским словом года 2022 года. Этот термин относится к «типу поведения, которое является беззастенчиво снисходительным, ленивым или неряшливым и обычно отвергает социальные нормы или ожидания. «Это первое слово в году, которое было принято путем общественного голосования.

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

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

2. Простота и минимализм

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

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

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

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

3. Гипер-удовольствия в путешествии по сайту

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

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

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

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

4. Электронная коммерция — почти осязаемый опыт

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

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

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

5. ИИ стучится в нашу дверь

Хотя мы далеки от ранних стадий технологии ИИ, только недавно она стала доступной для общественности, и кажется, что все о ней говорят. В прошлом году мы стали свидетелями прорыва нескольких онлайн-движков искусственного интеллекта, которые, кажется, меняют правила игры. Такие движки, как ChatGPT, dall.e2, Midjourney и многие другие, наряду с технологией дипфейков, вызвали широкие споры о том, как будет выглядеть наша роль как создателей в будущем.

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

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

Если мы возьмем, например, Midjourney, вы можете легко создавать изображения из простых текстовых подсказок. Это изображения, на создание которых или даже на поиск и покупку прав уходила целая вечность. Но простые подсказки не помогут вам. Суть в том, чтобы уточнять запросы по мере продвижения, сосредоточив внимание на тех областях, которые, по вашему мнению, нуждаются в доработке. Чем глубже копнешь, тем быстрее придешь к желаемому результату.

6. Ностальгия по временам цифровой перегрузки

В мае мы отметим 20-летие WordPress. Появление WordPress вызвало своего рода революцию, сделав веб-творчество массовым. Сейчас на дворе 2023 год, и каждые несколько недель мы читаем о новой сенсационной цифровой разработке.

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

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

7. Движение порождает эмоции

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

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

8. Типографские макеты — Мы скучаем по вам, печать

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

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

9. Доступность – давайте сделаем Интернет лучше

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

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

10. Ссылка в обзоре веб-страницы биоиндекса

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

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

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

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

Выводы

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

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

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

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

Поделиться в социальных сетях: