Тренды

Тенденции веб-дизайна 2018: что может повлиять на этот год?

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


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

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

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

1. Переменные шрифты

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

Переменные шрифты позволяют адаптировать ширину символов для различных размеров экрана и языков, чтобы обеспечить лучшую длину линии, регулируя класс текста (с учетом общей контрастности переднего плана / фона) для людей с плохим зрением или в условиях плохого освещения, а также регулируя «оптический размер» символов, поскольку они представлены на физически меньших размерах для лучшей читаемости. И это именно то, что мы можем видеть сейчас.

2. Более креативные макеты

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

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

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

ля.Поскольку более 75% пользователей, обращающихся к Интернету, используют браузер, который поддерживает CSS Grid, и другие свойства макета, такие как Flexbox, режим записи и CSS-формы, становятся все более популярными. Будем надеяться увидеть более креативные макеты, которые используют концепции графического дизайна, такие как перекрытие и вертикальное пустое пространство, но все же динамически переходят к допустимому макету в старых браузерах.

 

3. Рост WebVR

Новый 2018 год по-прежнему будет наблюдать небольшие шаги в направлении AR и VR. Мы находимся на расстоянии нескольких лет от нашего переломного момента с опытом VR. До тех пор ожидайте, что веб-сайты найдут новые способы включить, по крайней мере, новый опыт. Ожидайте, что некоторые творческие веб-сайты от агентств, которые устраняют разрыв между мобильными играми, интернетом, приложениями и опытом, принесут свежие идеи.

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

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

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

4. Искусственный интеллект

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

Думаю, что мы увидим гораздо больше разговоров, статей и тематических исследований о пересечении дизайна UX и ИИ. Это пересечение будет наиболее заметным в области робототехники и конечного “безголового UI”.

5. Устойчивый дизайн

Интернет использует около 10% энергии в мире. Его воздействие на окружающую среду уже на 50% больше, чем у авиакомпаний, и растет с головокружительной скоростью. Пришло время сделать что-то с этим.

Экологическое сообщество успешно взяло на себя инициативу в оказании поддержки крупным технологическим компаниям, таким как Google, Apple и Facebook, в питание их центров обработки данных с использованием возобновляемых источников энергии. Тем не менее, с примерно 3,4 МБ, средняя веб-страница почти на 400% больше, чем это было всего семь лет назад. С миллиардами страниц в Интернете была создана сеть, полная медленных, раздутых, недоступных впечатлений, которые мешают пользователям и вносят значительный вклад в ежегодные глобальные выбросы углерода.

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

6. Инклюзивный дизайн

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

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

7. Этичный дизайн

Устойчивый и инклюзивный дизайн свидетельствует о более широком движении в дизайне: этика становится все более важной.

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

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

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

8. Системы дизайна

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

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

9. Голосовые пользовательские интерфейсы

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

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

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

10. Смерть главной страницы

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

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

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

11. Опыт бренда

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

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

12. Сила повествования

Один из способов создать согласованный бренд и пользовательский интерфейс для привлечения внимания — это эффективная история.

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

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

На этом, пожалуй, все! Удачной вам работы!

По материалам: Web Design Trends 2018: What Will Make an Impact This Year?

 

  • 2052