Вспоминаем все важные события в UI/UX дизайне за 2020-й

430a19781e19ff5bfbb78307834415b9

2020-й миновал. Это был нестабильный год и многие выдохлись. Социальная дистанция, локдаун, удаленная работа, а для многих — сокращения: все это стало новой реальностью.

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

В этом выпуске мы подвели итоги 2020 года, где собрали для вас топовые события из мира дизайна. Новости отсортированы по значимости. Всё интересное — в конце ✎

11. ProtoPie укрепил позиции в мире прототипов

8a871f9e167ecf2c880c3f86ae4fff6d

В 2020 году Protopie продолжал развиваться и набирать обороты. На настоящий момент у компании 100 000 платных пользователей по всему миру, с крупными сделками с Microsoft, Google и другими известными технологическими компаниями. И прошлый год для них получился очень плодотворным. Было выпущено несколько интересных обновлений и улучшений, среди которых можно выделить следующее:

  • Появилось автозаполнение отправки и получения сообщений

  • Добавлена строка состояния системы

  • Добавлены библиотеки взаимодействия

  • Добавлена функция «Поменять местами инстансы компонентов»

  • Добавлена функция голосового прототипирования

  • Создан плагин ProtoPie для Figma

10. Notion — на пути к улучшенной продуктивности

4ec7e066284e0ae76127107c93ff00b3

Notion заметно улучшили свой продукт, а также продолжили пополнять список своих шаблонов: в их базе уже 90+ шаблонов, и в новом 2021 году их численность будет только расти. А вот какие были улучшения и нововведения в самом продукте:

  • улучшена система поиска благодаря добавлению новых фильтров;

  • мобильное приложение теперь запускается в 2 раза быстрее;

  • появилась функция добавления неограниченного количества контента на бесплатной основе;

  • добавлена функция «Scribble» для iPad, позволяющая делать заметки от руки;

  • при помощи новой функции Timeline View (Диаграмма Гантта), можно редактировать планы, проекты и задачи вашей команды в виде плана-графика.

9. Sketch — запуск Cloud Inspector и онлайн-коллаборации

b8f3d8f52235bb5139782231b858ab0b

В 2020 году Sketch запустил Cloud Inspector с бесплатным предоставлением разработчикам возможности использовать Sketch. Теперь процесс передачи дизайнов разработчикам и общее сотрудничество как внутри команд, так и между отдельными фрилансерами улучшено.

Но не эта функция была главной для Sketch в прошлом году…

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

Эта функция появилась в новой бета-версии Sketch 71. Бета-версия доступна всем, у кого есть подписка на Teams, без дополнительной платы. Онлайн-коллаборация будет полностью запущена в начале 2021 года.

8. Сегмент 3D — один из самых популярных в 2020 году

81ecc9b3eba31953c7dbe0181f9818c9

И на его основе появились такие продукты, как Vectary и Spline.

Vectary — облачный инструмент, который позволяет создавать креативные 3D элементы, композиции и макеты. Их можно затем экспортировать в AR-приложения. Также с его помощью можно создавать 3D дизайн-системы в Figma.

Также в Vectary есть режим онлайн-коллаборации, что делает работу с вашей командой еще проще.

Spline — очень достойный конкурент Vectary, который пока что только набирает обороты.

Он больше заточен на веб-приложения и с его помощью вы можете работать с 3D текстом, создавать геометрические фигуры, редактировать материалы, импортировать 3D-модели и многое другое.

Приложение работает на macOS, Windows и Linux.

7. Расцвет AR/VR

e049577aad4ef7cfa7b89223d79f502d

В 2020 году AR/VR приложения стали востребованы как никогда прежде. AR/VR технологии помогли многим компаниям адаптироваться к новым условиям и сохранить свои бизнесы.

Например, Amazon разработал приложение Room Decorator, позволяющее делать одновременное размещение сразу нескольких элементов мебели и других предметов перед покупкой.

Apple добавили новые возможности в ARKit 4 — был представлен Depth API, который создает новый способ доступа к углубленной информации на iPad Pro.

Google тоже не остался в стороне: к примеру,  Google Shopping объединились с несколькими косметическими брендами, чтобы создать AR-приложение, которое позволяет вам попробовать виртуальный макияж дома. Ну, а если вы любитель музеев и галерей — то команда Google Arts & Culture предоставила пользователям итакую возможность. Благодаря сочетанию картографии улиц и изображений в высоком разрешении любой может совершить виртуальную прогулку по лучшим культурным учреждениям мира.

Мы полагаем, что сфера AR/VR будет только наращивать свой потенциал, и в 2021 году обещает быть одним из главных трендов.

6. Apple — выпуск macOS Big Sur

3994adeac9e91c55b462227303441dad

Летом 2020 года Apple анонсировали скорый запуск новой версии для своей операционной системы macOS. Спустя 5 месяцев свет увидел Big Sur.

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

Что касается функциональных изменений, у новой ОС появился целый ряд нововведений:

Появился интерактивный Центр уведомлений, объединяющий виджеты и уведомления в одной панели.

Настраиваемый Центр Управления позволяет контролировать Wi-Fi, Bluetooth, воспроизведение музыки, включение темного режима и т.д. элементы.

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

5. Framer вышел в веб и идет по стопам Figma

5d3cfd11bb81c270ccb028e4b51ad68e

Framer в этом году вышел на новый уровень, сделав несколько крутых изменений. Теперь это не просто инструмент для прототипирования — они явно идут по пути Figma. Имея сильное прототипирование, останется лишь допилить то, что уже есть у Фигмы. Framer имеет смысл попробовать в 2021-м году.

Среди новинок, выделяем следующее.

  • Новый Раздел компонентов позволяет обозревать все ваши компоненты в проекте.

  • Новая функция Мультикомандное управление позволяет нескольким командам осуществлять работу во Framer.

  • В разделе Assets появился доступ к полезным дизайн-ресурсам. Теперь у вас под рукой есть готовые векторные элементы, включая Feather Icons, Material Icons, Hero Icons и Phosphor Icons + иллюстрации от Humaaans.

  • И самое интересное…добавлены Variants и Variables! С этими функциями можно создавать компоненты с собственными состояниями и настраиваемыми свойствами.

4. Material design (неофициально) обновился

2c00e41c19b675b7ed2f0ca128cc3f8f.png

В минувшем году не остался без внимания Material design. Полностью обновлённые стили и визуальные компоненты стали доступны в 2020-м. Небольшая и упоротая упорная группа пиксельных фанатиков из Череповца весь год строгала компоненты в Фигме, чтобы выразить миру своё видение, каким MD мог бы стать в ближайшем будущем ? ‍♂

3. Miro — инструмент для мозговых штурмов

f05b1fd850f320f49dbaff2168dbabfd

Согласно исследованиям UX Tools Survey, в категории «Мозговой штурм» использование Miro выросло с 5% в 2019 году до 33% в 2020 году. А общее количество пользователей Miro по всему миру в 2020 году превысило 10 миллионов человек.

Перечисляем новинки, которые помогли Miro добиться такого прогресса:

Stickies Captures — перенос в электронный формат рукописного текста на стикерах при мозговых штурмах;

Виджет Miro Grids — упорядочивание контента в визуальных таблицах;

Live Embed позволяет интегрировать доски в Coda, Jira, Microsoft Teams, Whereby и т.д.;

Добавлена функция совместного вайрфрейминга;

Ну и самое крутое:  сотрудничество с Adobe и интеграция с Adobe XD. Отныне, рабочие процессы с этими программами будут в разы ускорены посредством:

  • проведения мозговых штурмов;

  • отправки фидбеков в реальном времени;

  • запуска групповых дизайн-аудитов;

  • быстрого принятия решений по прототипам;

  • отслеживания прогресса в дизайн-спринтах с помощью Kanban-досок;

  • представления заказчикам финальных дизайнов.

2. Figma — выбор года среди дизайн-инструментов

0a031c2521feb270b3117424cea28907

Figma провела мощный год. Во-первых, по результатам исследования UX Tools Survey, где приняли участие 4100 человек, Figma заняла лидирующие позиции в 6 из 8 категорий («User Flows», «UI Дизайн», «Прототипирование», «Developer Handoff», «Дизайн-системы», «Управление Версиями»).

Во-вторых, с сентября 2020 года создатели Figma внесли несколько крутых изменений в функционал своей системы:

  • добавлена функция Variants, которая объединяет варианты компонентов в единый компонент с настраиваемыми свойствами и значениями;

  • обновлён Auto Layout, предоставляющий еще большую гибкость для ресайзинга и работы с Constraints;

  • обновленное меню Instance Swapping теперь имеет функции превью и поиска компонентов;

  • добавлена Панель Inspect Tab, которая позволяет разработчикам скопировать значения анимации и любую другую информацию;

  • добавлена функция оффлайн автосохранения.

С такими изменениями, Figma однозначно сохранит лидирующие позиции в 2021 году.

1. Creative Cloud выпустил новые продукты и обновил существующие

7be5bb9510a7e59f4899c16555c01fe9

Лидером нашего списка стала компания Adobe, для которой 2020 год был очень насыщенным. Вот сводка по основным обновлениям компании:

Добавлена функция стриминга для Photoshop, Illustrator и Fresco;

Возможность централизованно управлять плагинами в десктопном приложении Creative Cloud.

В InDesign появилась функция «Share for Review», пользователям делиться своими работами и получать фидбек.

В Photoshop улучшено распознавание шрифтов, заливка и цветокоррекция, добавлена функция «Select Subject Portrait» с более легким выделением сложного объекта (например женщины с локонами) и заменить фон. А благодаря нейросетевым фильтрам на базе движка ИИ Adobe Sensei вы можете изменять портрет (разглаживать кожу, поменять возраст, направление глаз или головы, добавить эмоции и т.д.)

В After Effects оптимизирован режим работы с 3D;

Adobe XD тоже был круто прокачан благодаря следующим новым функциям:

  • Content-Aware Layout — аналог фигмовского Auto Layout;

  • Stacks устанавливает интервал между объектами, который сохраняется при изменении вашего дизайна;

  •  Scroll Groups создает в режиме прототипирования прокручивающиеся элементы внутри артборда (списки, карусели, галереи);

  • Расширение Adobe XD для Visual Studio Code — совместная работа над дизайн-системой;

  • 3D Transforms — позволяет создавать AR-прототипы.

На этом всё. Дизайн в очередной раз показал миру свою силу и гибкость. Если понравилась статья и хочется ещё дизайн-годноты, то подпишись на канал Полезное дизайнерув Telegram. Там и новые инструменты, и ресурсы, шрифты и т.п…

Желаем вам не сбавлять оборотов, ведь новый 2021 год обещает быть очень крутым и плодотворным.

© Habrahabr.ru