Клайв Стейплз Льюис часто повторяет: «Разве не смешно: изо дня в день ничего не меняется, но, когда мы оглядываемся назад, вещи видятся по-другому?»
То же самое с веб-дизайном. Как хорошее вино, наша индустрия продолжает улучшаться с каждым днем, месяцем и годом. Эти изменения не всегда сразу заметны, но они никогда не останавливаются. Те, кто не в состоянии адаптироваться, остаются позади.
Неудивительно, что у компаний в индустрии разработки сайтов постоянно возникает жизненный вопрос на миллион долларов: «Что делать дальше?».
Если вы планируете заказать разработку или редизайн веб-сайта для своего бизнеса, сегодняшняя статья поможет сориентироваться в тенденциях веб-дизайна 2020.
При составлении этого материала мы неоднократно использовали цитаты известных зарубежных специалистов — веб-дизайнеров, владельцев интернет-агентств, контент-менеджеров и маркетологов, которые задают тон в своей индустрии.
Вот как видится будущее глазами экспертов…
Пустое пространство и упрощенный / минималистский дизайн
Часто говорят, что простота — высочайшая изощренность. Многие в отрасли ожидают, что минималистичный, ограниченный подход станет еще более популярным в ближайшие годы.
«Самые захватывающие тенденции веб-дизайна на 2020 год возвращаются к простому, минималистичному дизайну», - утверждает Шон Пур из компании Sellmax.
Минималистичный дизайн трактуют по-разному, но обычно он относится к широкому использованию пустого пространства без единого элемента, отвлекающего внимание пользователей от визуальной иерархии.
Этот чистый дизайн без лишних деталей подразумевает ограниченные цветовые палитры, которые оставляют как можно больше места для контента и его впечатлений на странице.
«Минимализм — это больше, чем просто косметическое решение. Он позволяет повысить скорость работы сайта и его эффективность, особенно когда речь заходит о мобильных устройствах», - Ли Сантос, ведущий специалист агентства Revive.digital.
Обязательно проверьте, как будет работать минималистичный дизайн на вашем сайте.
Искусственный интеллект и контекстуальные технологии
ИИ оказывает все более сильное влияние на различные отрасли, и веб-дизайн — далеко не исключение. Влияние искусственного интеллекта сводится к двум основным моментам.
Во-первых, это концепция проектирования на основе ИИ. По сути, это постепенная автоматизация разработки сайтов. Новые инструменты веб-дизайна, такие, как Sitejet, упрощают и ускоряют создание красивых веб-сайтов.
В результате у людей появляется гораздо больше времени и свободы для выработки креативных решений и развития, а процесс создания сайта становится дешевле. Эта технология развивается быстрыми темпами и приносит огромные выгоды.
Но искусственный интеллект и автоматизация вносят вклад в «контекстуальную» технологию, которая помогает сайтам становиться более человечным, интерпретируя поведение и обстоятельства пользователя для предоставления действительно индивидуального, персонализированного опыта.
«Будущее веб-дизайна включает контекстуальную технологию, которая объединяет потребности среды пользователя с современными технологиями, такими, как виртуальная реальность, причем пользователь даже не замечает этого», - утверждает Джейк МакКензи, контент-менеджер агентства Auto Accessories Garage.
Если вы начнете использовать элементы ИИ, чтобы сделать свой сайт более человечным, бизнес только выиграет в глазах существующих и потенциальных клиентов.
Контекстуальная технология может принимать разные формы.
По сути, речь идет о предоставлении пользователю индивидуального опыта, основанного на конкретных обстоятельствах визитов. Содержание и дизайн могут отличаться в зависимости от даты и времени, местоположения, языка пользователя, операционной системы и множества других характеристик.
Другой способ, с помощью которого ИИ может дать о себе знать — это чат-боты, обеспечивающие круглосуточную поддержку и помощь посетителям веб-сайта.
Действительно, чат-боты все еще испытывают нехватку эмоционального интеллекта сотрудников службы поддержки, но они становятся все более изощренными.
«Веб-сайты станут диалоговыми, со встроенными функциями, похожими на чат-ботов, чтобы направлять посетителей через весь сайт, предлагать услуги и разумно отвечать на вопросы», - Дэвид Санчес, компания Mammoth Web Solutions.
Развитие голосовых технологий
Голосовые технологии — еще одна тенденция, которая быстро набирает обороты в сфере разработки сайтов и веб-дизайна. Большинство зарубежных экспертов обращают внимание, что голосовой пользовательский интерфейс на сайте в 2020 году необходим.
Отчасти это результат использования современных гаджетов, таких, как умные динамики, которые многие из нас все больше привыкли использовать дома или на работе.
«Мы живем в эпоху Сири и Алексы. Аудиоконтроллеры стали нашими друзьями и за последние несколько лет кардинально изменили цифровой опыт. Но многие компании еще не внедрили VUI на своих сайтах — это может привести к их отставанию», - считает Таура Вульф, владелец диджитал-агентства Woolfe Agency.
По мере того, как мы продолжаем двигаться в будущее, VUI будет улучшать пользовательский опыт, делая навигацию по сайтам и совершение онлайн-покупок проще.
Стейси Каприо, основатель Accelerated Growth Marketing, считает, что голосовая связь становится важным средством поиска аудитории, а голосовой поиск — все более распространенным и востребованным явлением в электронной коммерции.
«Я думаю, все больше компаний начнут оптимизировать структурированные сниппеты с использованием голоса, чтобы более эффективно использовать возможности ИИ, в том числе поиск через Google Voice и Alexa», - говорит Каприо.
3D-модели и рендеринг
Часто «новые» тренды вовсе не новы. Они просто попадают в мейнстрим из-за снижения их входного порога. Одной из таких тенденций в 2020 году может стать рост 3D-моделирования и рендеринга.
«В 2020 году мы увидим гораздо больше 3D-рендеринга в качестве основной тенденции разработки сайтов. Почему? Раньше 3D-моделирование было дорогим и недоступным для большинства дизайнеров», - говорит Марк Кренн из Coastal Creative.
Сегодня эксперты прогнозируют, что затраты на создание трехмерных моделей существенно сократятся и появится больше доступных программных инструментов, которые сделают этот дизайн доступным даже для неспециалистов в 3D.
Обычно, когда цены на определенные технологии падают, популярность взрывается.
Мы уже видим примеры 3D-моделирования на сайтах.
Спортивный мегабренд Adidas также занимался 3D-моделированием, создав сайт продукта, посвященный Futurecraft — экспериментальными кроссовкам с подошвой по технологии 3D-печати, анонсированные в апреле 2019 года.
На сайте проекта трехмерная модель медленно вращается по экрану, и пользователь может перемещаться по сайту, свободно прокручивая и взаимодействуя с самой моделью.
Конечно, стоит помнить, как такие инструменты влияют на время загрузки, особенно на мобильных устройствах. Но разве эти мелочи остановят развитие технологий в будущем?
Ориентация на пользователя
Само собой разумеется, что самый важный человек на любом веб-сайте — это пользователь. Многие ожидают, что пользовательская ориентация станет еще более заметной в 2020 году.
«Самая большая тенденция веб-дизайна, которую мы увидим в 2020 году — ориентация сайтов на удобство пользователя», - поясняет Алана Кучарски из Whittington Consulting.
На первый план для бизнеса должно выйти размышление о том, что клиент ищет или пытается решить, зайдя на ваш сайт. Вместо этого мы отчаянно стремимся подтолкнуть пользователя к совершению целевого действия — обычно безуспешно.
Конец эпохи плоского дизайна
Это плоское дизайнерское движение — переход к минималистичному, простому блочному дизайну — началось в начале 2000-х годов. К началу 2010 он стал доминирующим стилем.
Несмотря на то, что плоский дизайн всегда раздражал армию критиков.
По мнению некоторых представителей отрасли, его дни на троне уже сочтены.
«Плоский дизайн, который, как оказалось, имеет множество проблем при тестировании пользователем, заставит маятник повернуть назад в другом направлении, создав гибрид двух крайностей», - предполагает Алана Кучарски.
Элегантные, упрощенные элементы, которые по-прежнему дают вам контекст для совершения целевых действий, станут счастливой серединой.
Например, кнопки должны быть не просто словами с рамкой вокруг них, и при этом они не будут строго скошены, с градиентами, тенями и отпечатанным текстом.
Начинают появляться качественные контекстные подсказки, позволяя пользователю взаимодействовать с сайтом так, как он этого пожелает.
Доступ для посетителей с ограниченными возможностями
Сегодня пандусы для инвалидов или кнопки вызова персонала есть практически у каждой розничной точки — и это естественное требование. Но доступность некоторых сайтов для посетителей с ограниченными возможностями оставляет желать лучшего.
Действительно, ваш сайт для бизнеса вряд ли заработает миллионы благодаря новой тенденции, но внедрить такие удобства — дело чести для ответственных компаний.
Как объясняет Шарон Розенблатт из Accessibility Partners, это становится реальным приоритетом в западном мире веб-дизайна.
«Мои клиенты — веб-дизайнеры, и я работаю в соответствующей области технологий — поэтому самая большая тенденция, которую я вижу — расширение доступного дизайна для пользователей с ограниченными возможностями», - объясняет она.
В цивилизованных странах причины этого явления просты. Владельцы сайтов все чаще получают судебный иски из-за того, что люди с дальтонизмом и другими медицинскими проблемами не могут нормально пользоваться их цифровыми платформами.
Это особенно важно в таких отраслях, как розничная торговля, общественное питание, гостиницы, авиаперевозки и многое другое.
Например, в США «Закон об американцах с ограниченными возможностями» является движущей силой, которая быстро выравнивает технологическое игровое поле и активно расширяет доступ к сайтам для всех людей.
Но для российских реалий важнее вторая причина. Произошел всплеск ответственного веб-дизайна и корпоративной социальной ответственности. Люди видят хорошую рентабельность и конкурентоспособность доступности, и это хорошо для рекламы и имиджа.
Сбор данных о пользователях
Давно ходит выражение, что данные — это новая нефть XXI века. Но теперь, с новыми способами фактического использования данных этот вопрос важен, как никогда ранее.
Эксперт Брианна Брэннан из Digital Nomad Designs считает, что сбор и использование пользовательских данных будет определять мир веб-дизайна в 2020 году.
«Независимо от того, в какой отрасли мы работаем, сбор данных о пользователях, их предпочтениях и поведении становится более ценным. В ближайшем будущем мы увидим больше сайтов, созданных на основе анализа пользовательских данных», - уверена Брэннан.
Выполняя больше функциональных и интерфейсных тестов, мы можем увидеть, что пользователи лучше всего воспринимают — и затем имитировать это в веб-дизайне.
Успешные сайты разрабатываются с учетом поведения пользователей.
Это, безусловно, захватывающая перспектива: представить мир веб-дизайна, в котором решения принимаются на основе того, что работает, а не «возможно» будет работать.
Микровзаимодействия
Микровзаимодействия, иногда называемые UI-анимацией — относительно новое явление. Это крошечные элементы дизайна, но они могут сыграть значительную роль в создании веб-сайтов с «человеческими» чувствами, которые восхищают аудиторию.
И многие специалисты, такие как Никки Бизель из Seafoam Media, считают, что микровзаимодействия будут переживать бум в ближайшие месяцы и годы.
«На протяжении длительного времени повышенное внимание уделялось оптимизации и «шаблонизации». Тем не менее, в будущем одной из главных тенденций веб-дизайна будут микровзаимодействия, призванные радовать пользователя», - говорит Бизель.
Когда вы загружаете файл, нажимаете кнопку отправки и видите, что строка состояния загрузки изменяется от 0 до 100% - это называется микровзаимодействие.
Когда вы наводите курсор на тонкий призыв к действию, цвет насыщается, а кнопка становится больше — это тоже микровзаимодействие.
Когда вы прокручиваете страницу категории электронной коммерции и наводите курсор на конкретный продукт, а значок продажи прыгает вверх и вниз по продукту, это тоже является микровзаимодействием.
Микровзаимодействия позволяют пользователю почувствовать, что они делают.
Они приносят жизнь сайту! Они помогают пользователю взаимодействовать на уровне, который кажется ему ощутимым. Пользователь получает мгновенную обратную связь, направление и эмоциональную поддержку.
Классическим примером микровзаимодействия являются лайки на Facebook.
Возможно, вы даже не заметили этого, но когда вы нажмете маленькую иконку с изображением пальца вверх — просто посмотрите на крошечную анимацию.
На поверхностном уровне эти дополнения не кажутся такими уж значительными. Но на уровне всего веб-сайта они действительно составляют захватывающий, увлекательный опыт, превращая обыденные функции в нечто действительно запоминающееся и вносящее решающий вклад в общее восприятие бизнеса пользователем.
Дополненная реальность
Технология AR, или дополненная реальность ожидает прорыва уже несколько лет, нуждаясь в соответствующей технической базе. Возможно, в 2020 подходящий момент настал.
AR — это, по сути, смесь реальности и виртуальной реальности. Вспомните Pokemon Go — мобильную игру, в которой персонажи покемонов «вписаны» в реальный мир, предлагая нам некую комбинацию настоящего и виртуального мира.
Многие полагают, что влияние AR будет особенно ощутимым в мире электронной коммерции. Варианты использования этой технологии могут быть разнообразными.
«Магазины и бренды могут внедрять AR на своих сайтах, позволяя покупателям практически примерить одежду, украшения, подержать в руке гаджет или попробовать косметику. Или позволяя пользователям видеть, как будет выглядеть мебель в домах или офисах перед покупкой», - объясняет Таура Вульф из Woolfe Agency.
Это устраняет тайну онлайн-покупок и позволяет делать покупки с уверенностью.
Виртуальная примерка Specsavers является хорошим примером такого подхода. Британские оптики признали, что люди могут чувствовать себя более комфортно, примеряя очки дома, и с большей вероятностью покупают оправы.
И вот, они создали виртуальный сервис примерки, на котором клиенты могут быстро и легко «отсканировать» лицо в 3D-модель, а затем наложить эту модель на различные рамки, чтобы определить наиболее подходящий продукт лично для себя.
Та же логика применима к технологии IKEA Place, которая позволяет сфотографировать комнату, а затем использовать дополненную реальность, чтобы «попробовать» мебель.
По мере того, как веб-дизайн становится более мобильным, AR превращается в более доступную и близкую к пользователю техническую возможность.
Послесловие
В индустрии веб-дизайна и разработки сайта важно оставаться в курсе последних тенденций. Наблюдая за ними, вы сможете создать лучший бизнес-сайт и порадуете клиентов потрясающим опытом, обеспечив лояльность бренду на долгие годы.