Студия создания сайтов Abordazh Киев
Новый год — это обычно время для новых идей, подходов или способов сделать жизнь немного лучше или приятнее. Для веб-дизайнеров и пользователей усовершенствованные способы разработки веб-сайтов всегда стоят на первом месте в списке.
В следующем посте мы рассмотрим 5 новых тенденций веб-дизайна, которые решают такие проблемы, как доступность, UX и отзывчивость, а также 10 готовых веб-сайтов от BeTheme WordPress Themes. , которые покажут, как их эффективно использовать.
Чтобы что-то улучшить, вы должны сначала понять, что может повлиять на это, как положительно, так и отрицательно. Для веб-дизайнеров этим «что-то» является цифровой опыт пользователя и то, как лучше всего реализовать 5 тенденций дизайна, которые могут положительно повлиять на цифровой опыт.
Главным приоритетом веб-дизайна является создание интерфейсов, которые требуют минимальных усилий со стороны пользователя для взаимодействия с ними, т. е. максимально интуитивно понятны. Ярлыки, упрощающие работу дизайнера, могут, однако, иметь противоположный эффект на пользователя, особенно когда речь идет об иконографии.
Некоторые значки, особенно те, что используются в заголовках, настолько распространены, что любой пользователь может интерпретировать их значения и использовать по назначению.
Например, на веб-сайте BeBiker 4 слева есть три значка: 1) Корзина/Корзина, 2) Поиск, 3) Аккаунт.
Одна и та же иконография, используемая от сайта к сайту, становится настолько знакомой, что пользователи сразу понимают, как использовать значки.
Задача дизайнера состоит в том, как обращаться с менее часто используемыми значками. Здесь пользователям нужна помощь в их интерпретации. Дать каждому значку краткое описание может помочь, но в то же время внесет беспорядок в дизайн.
Использование всплывающего вспомогательного текста отвечает потребностям пользователей, избегая беспорядка.
Сайт BeJeweler 2 предлагает отличный пример этой тенденции:
Вспомогательный текст имеет и другие применения. Помимо использования при наведении курсора на значок продукта, его также можно использовать при наведении курсора на образцы вариантов. Он предлагает много информации без помех и гарантирует, что пользователь сможет уверенно взаимодействовать с предложениями сайта в будущем.
Доверие является важнейшим фактором в построении как личных, так и профессиональных отношений. Это относится и к отношениям между брендами и клиентами. В 2023 году хорошо информированные веб-дизайнеры будут использовать социальные доказательства и знаки доверия, чтобы вызвать это доверие.
Существует несколько подходов к использованию этих средств построения доверия на веб-сайтах, один из них заключается в том, чтобы включить страницу и раздел домашней страницы, посвященные реальным отзывам или отзывам.
Сайт BeDoctor использует для этого социальное доказательство:
BeDoctor использует три разных типа потенциального контента для укрепления доверия:
• Рейтинг удовлетворенности клиентов;
• обратная связь с клиентом.
• средний рейтинг клиентов.
Последний может ссылаться на рейтинговую платформу, такую как Google или Yelp.
Новые предприятия могут не получить достаточного количества социальных доказательств, чтобы использовать их в целях укрепления доверия, и вместо этого им, возможно, придется полагаться на знаки доверия.
Примером может служить значок, расположенный рядом с кнопкой «Оформить заказ».
Другим подходом может быть добавление контекста к утверждениям веб-сайта, как это сделал BeMarketing 2:
Звездочка рядом с «втрое» развернута ниже. Объяснение может быть кратким текстовым заявлением или ссылкой на страницу, где документально подтверждено утверждение.
Благодаря простым правилам, которые хорошо известны многим веб-дизайнерам, с годами адаптивный дизайн стал проще. Большинство тем WordPress, представленных сегодня на рынке, созданы с учетом адаптивности, что еще больше упрощает выполнение этого требования, специфичного для мобильных устройств и устройств.
Когда веб-дизайнеры оказываются в зоне комфорта, иногда наступает застой, и любое желание сделать еще лучше может вылететь в окно.
В 2023 году больше внимания будет уделяться особенностям мобильных устройств, при этом больше внимания будет уделяться преодолению определенных трений и препятствий.
Готовый веб-сайт BeLanguage 4 учитывает это в своем дизайне навигации:
Хотя все ссылки на немобильные страницы не повреждены, кнопка «Позвонить нам» появляется вверху списка ссылок, а не внизу — небольшое, но существенное навигационное расхождение.
BeFurnitureStore сделал это, поместив то, что обычно отображается в верхней части рабочего стола (учетная запись, корзина, избранное), на липком нижнем баннере.
Можно рассчитывать на то, что веб-дизайнеры, работающие над революционным подходом к мобильному Интернету, предложат более эффективные решения в ближайшие годы.
Давным-давно, когда скевоморфизм был в моде, мы видели всевозможные текстуры реального мира на экранах наших компьютеров и телефонов. Со временем это «передовое» направление стало все больше расцениваться как постороннее отвлечение.
Это не значит, что цифровое текстурирование — это плохо. Как вы увидите, в 2023 году веб-дизайнеры начнут использовать органические формы для добавления небольших стратегических текстур в свои проекты. Веб-сайт BeRenovate 5 является примером этого:
Обратите внимание, как округлые формы и линии, используемые на заднем плане по всему сайту, смягчают общий образ, в то же время делая его визуально более интересным.
BeCoaching 3 — отличная иллюстрация того, как цифровое текстурирование можно стратегически использовать для привлечения внимания к определенным областям страницы.
Две формы, используемые на этом одностраничном веб-сайте, упрощают направление взгляда посетителя туда, куда вы хотите. Эти формы также, как правило, используются ближе к правому полю страницы. Поскольку глаза пользователей обычно сначала фокусируются на левой части страницы, формы помогают гарантировать, что эти посетители увидят и взаимодействуют с максимально возможной частью контента.
У пользователей разные вкусы в отношении того, что они ищут в Интернете. Некоторые предпочитают читать блоги, другие предпочитают смотреть или слушать что-то, например видеопост или видеоблог.
От дизайнера или владельца веб-сайта нельзя ожидать, что он будет пытаться удовлетворить оба мира. Попытка предоставить персонализированный контент как в тексте, так и в видео приведет только к снижению скорости загрузки.
Что вы можете сделать, так это включить дополнительное видео или альтернативу видео, когда это кажется наиболее важным.
BeBusiness 6 использует этот подход на полпути к своей домашней странице с разделом видео во всю ширину, который невозможно пропустить:
Этот фрагмент видео может быть полезен для подведения итогов предыдущего содержания, для демонстрации видео-отзыва или для множества других целей.
Дополнительное видео также не должно быть полной ширины. Например, в разделе героев BePregnancy используется небольшой вырез для размещения видео:
Кнопка «Воспроизвести» мгновенно узнаваема и дает посетителю выбор: смотреть видео или нет (учитывая тему в этом случае, выбор, вероятно, будет в том, чтобы смотреть).
Экономное и стратегическое использование видео и отказ от использования видео с автоматическим воспроизведением значительно упрощает для веб-дизайнера поддержание приемлемой скорости загрузки страниц.
Чаще всего тенденции веб-сайтов имеют тенденцию прикрывать поверхностные изменения контента веб-сайта такими вещами, как интересные цветовые тенденции, типографские эксперименты, специальные эффекты и т. д.
Хотя ни в одном из вышеперечисленных нет ничего плохого, тенденции веб-дизайна 2023 года представляют собой своего рода кардинальные изменения, сосредоточившись на таких вещах, как доступность, создание доверия и отзывчивость.
Когда вы используете BeTheme для создания веб-сайта, большая часть, если не вся работа, необходимая для включения этих новых тенденций, уже выполнена на многих из более чем 650 предварительно созданных сайтов темы WordPress. Проверьте это.
