Adobe XD против Sketch — какой UX-инструмент вам подходит?

UX-дизайнеру нужно много инструментов для выполнения многих этапов рабочего процесса UX от исследования до дизайна, прототипа и передачи. Если вы работаете на ПК, вас, вероятно, преследует постоянное упоминание о Sketch — популярном упрощенном редакторе векторной графики с бесчисленным количеством полезных плагинов, который быстро становится отраслевым стандартом, но доступен только для Mac OS . Это означает, что, если у вас нет машины Apple, вы обделены. Но теперь Adobe активно работает над подходящим кроссплатформенным конкурентом Sketch (и похожим?) после многих лет отсутствия: Adobe XD.

Что такое Adobe XD?

Adobe Experience Design CC или Adobe XD — это легкий редактор векторной графики и инструмент для создания прототипов, который был анонсирован на Adobe MAX 2015 как Project Comet. Программное обеспечение было запущено в предварительной версии в марте 2016 года как часть Creative Cloud, и в настоящее время оно находится в стадии бета-тестирования, получая обновления почти каждый месяц.

До этого Adobe работала над добавлением функций для UX-дизайнеров в свои известные инструменты, такие как Photoshop и Illustrator. Хотя они оба являются отличными программами, они не являются ни легкими, ни оптимизированными для такого типа работы. На протяжении многих лет — и особенно после прекращения поддержки Adobe Fireworks в 2013 году (классического веб-инструмента для создания прототипов, приобретенного у Macromedia) — все больше и больше UX-дизайнеров чувствовали, что Creative Cloud не соответствует ожиданиям рынка. Итак, они перешли на Sketch (если у них был Mac). Хотя реакция Adobe на этот массовый исход немного запоздала (Bohemian Coding запустила Sketch целых 6 лет назад), ожидание того стоит, особенно если вы были ограничены использованием менее подходящих инструментов на своем ПК. Давайте сравним Adobe XD и Sketch

Пользовательский интерфейс и эксклюзивные функции

Когда вы открываете Adobe XD, первое впечатление, которое у вас будет, это то, что интерфейс очень знаком как для пользователей Sketch, так и для давних поклонников Adobe. Adobe отказалась от ожидаемых более темных кнопок и меню Creative Cloud и решила предложить лучшее из двух миров. В отличие от Sketch, вы увидите набор инструментов в левой части экрана, а также более высокую панель слоев и динамические свойства справа, как в Sketch. Его легко использовать и легко освоить, независимо от того, какой инструмент вы использовали ранее.

Повторить сетку

Adobe XD также имеет набор уникальных функций, таких как Repeat Grid, инструмент, который позволяет вам копировать группу объектов, таких как карта Material Design, с переменными данными и настраиваемым интервалом между копиями.

Прототипирование

В XD вы можете создать интерактивный прототип без использования сторонних плагинов, как в Sketch. Редактор прототипов Adobe позволяет дизайнерам визуально соединять интерактивные области с другими экранами с помощью проводов и настройки переходов. Готовый интерактивный прототип можно опубликовать и поделиться прототипом, который можно просмотреть в Интернете или с помощью мобильного приложения Adobe XD. Однако прототипы XD еще не поддерживают жесты или фиксированные разделы, такие как заголовки, что возможно в InVision и других инструментах, предназначенных только для прототипов, которые связаны со Sketch.

Панель ресурсов

В обновлении от августа 2017 года Adobe добавила панель «Активы» — умный способ объединить интерактивное руководство по стилю с цветами, стилями символов и символами. Когда вы что-то меняете на панели «Ресурсы», каждое использование ресурса в вашей работе следует за этим. В Sketch также есть цветовые переменные, стили символов и символы, но каждый из них находится на отдельной панели.

Adobe объявила о некоторых из следующих функций, которые появятся в XD, в блоге продукта. Один из них расширяет функцию «Активы», позволяя дизайнеру публиковать руководство по стилю проекта с загружаемыми шрифтами, активами и шестнадцатеричными кодами цветов, а также интерактивный прототип и функцию проверки для просмотра разработчиком элементов внутри прототипа. Это называется «передача для разработчиков» и уже возможно в Sketch (и Photoshop) с помощью таких плагинов, как Zeplin. Еще одна перспективная функция, которую дразнят в будущем, — это совместная работа в реальном времени внутри XD, что-то, что напоминает функцию совместной работы, представленную в Google Docs и уже доступную в других инструментах дизайна UX, таких как Figma.

Sketch (и его плагины) против Adobe XD

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

Пришло время переключиться?

Adobe XD в первую очередь предназначен для пользователей Windows (которые не могут использовать Sketch только для macOS) и текущих подписчиков Adobe Creative Cloud (кому не нужно платить больше за XD в дополнение к Photoshop, Illustrator и т. д.).

Многие дизайнеры UX уже совершают скачок, либо потому, что они являются подписчиками Creative Cloud даже на macOS, либо потому, что они считают, что XD станет следующим стандартом, и довольны текущим набором функций. Если вы опытный пользователь Sketch, вам понравится в целом улучшенный интерфейс, уникальные функции XD, но вам также придется иметь дело с текущими ограничениями и отсутствием поддержки плагинов. В любом случае, попробуйте и поделитесь с нами своими впечатлениями!

• • •

Дальнейшее чтение в блоге Toptal Design:

• UX электронной коммерции — обзор лучших практик (с инфографикой)
• Важность ориентированного на человека дизайна в дизайне продукта
• Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
• Эвристические принципы для мобильных интерфейсов
• Упреждающий дизайн: как создать волшебный пользовательский опыт