Дизайн с точностью — обзор Adobe XD

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

От создания целостной системы проектирования до проектирования потоков для следующего новшества устройства или создания прототипов сложных интерфейсов для пользовательского тестирования — дизайнеры могут выбирать из множества инструментов дизайна UX. Будь то одна из самых популярных программ, таких как Sketch, сетевая Figma, активно развивающийся Adobe XD или недавно представленная InVision Studio — знакомство с правильными инструментами дизайна UX, включая этот обзор Adobe XD, ускорит процесс проектирования продукта.

Выбор правильного инструмента дизайна UX

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

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

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

Времена, когда дизайнеры полагались на Photoshop в качестве основного инструмента дизайна, давно прошли. Сейчас идет гонка за программными платформами для проектирования, чтобы привлечь как новичков, так и профессионалов. Sketch был крупным игроком в течение нескольких лет, и Figma, получив финансовую поддержку в размере более 46 миллионов долларов, догоняет свой интерактивный веб-инструмент для создания прототипов.

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

После столь долгого доминирования во вселенной цифрового дизайна Adobe отстает в этой гонке за совершенный инструмент дизайна UX / UI. Не имея возможности долго оставаться в этом положении… войдите в Adobe XD. Несмотря на небольшое опоздание в гонке, Adobe XD приобрела популярность и стала многообещающим соперником с момента его выпуска в 2016 году.

Обзор Adobe XD: функции и преимущества

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

Прежде чем мы углубимся в обзор функций Adobe XD, давайте остановимся и спросим: «Стоит ли вообще тратить время на изучение нового инструмента, который обеспечивает функциональность, аналогичную инструментам, которые мы уже знаем?» Чтобы ответить на этот вопрос, давайте рассмотрим четыре критерия: цена, простота использования, экосистема и доля рынка.

Цена

Одним из факторов раннего успеха отраслевых фаворитов, таких как Sketch и Figma, была их относительная доступность. Adobe XD является частью подписки Adobe Creative Cloud, которая дает вам доступ к более чем 20 приложениям, таким как Photoshop, Illustrator, Premiere Pro и т. д., за 50 долларов в месяц, поэтому сложно выделить цену конкретно для этого продукта. Если у вас еще нет подписки, может быть сложно оправдать такие большие затраты на опробование нового инструмента.

Однако еще в мае 2018 года Adobe объявила о стартовом плане, который позволяет использовать Adobe XD бесплатно! Он ограничен только одним активным проектом, но это идеальный способ прощупать почву и попробовать все, что он может предложить.

Простота использования

Большинство цифровых дизайнеров в какой-то момент использовали приложение Adobe и знакомы с общим интерфейсом: панель инструментов слева, основная область в центре, слои и т. д. справа. Прелесть Adobe XD в том, что вы почувствуете себя как дома, как только начнете его использовать. Кривая обучения невелика и происходит в основном с более сложными системами проектирования и переопределениями символов.

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

Экосистема

Наличие Adobe XD в экосистеме Adobe является одним из ее самых сильных преимуществ, поскольку, скорее всего, у вас уже есть Creative Cloud или еженедельно вы используете другие продукты Adobe. От векторов до фотографий, набор продуктов Adobe имеет специальный инструмент для большинства потребностей дизайнера, который будет довольно гладко работать с Adobe XD.

Доля рынка

В 2017 году Adobe XD имел средний рейтинг на рынке и не мог затмить доминирование Sketch. Перенесемся на два года вперед, и Adobe быстро наверстывает упущенное (с более чем 12 миллионами подписчиков Creative Cloud) и продемонстрировала большой потенциал для дальнейшего быстрого роста.

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

Растущий список функций и плагинов Adobe XD

«Благодаря интеграции с Creative Cloud мы можем сделать наших клиентов более счастливыми и продуктивными, беспрепятственно подключая их ко всем службам, которые они используют, и бесконечному набору инструментов, которые расширяют наши приложения мощными и индивидуальными способами», — Виджай Вачани, директор, руководитель. партнерской платформы и экосистемы Adobe Creative Cloud.

Каким бы «легким и простым» ни казался интерфейс Adobe XD, он поддерживает сложные системы проектирования и библиотеки символов, позволяя дизайнерам с легкостью создавать и обновлять сложные проекты. Не менее важными для процесса проектирования и пользовательского тестирования являются сложные прототипы XD и инструменты анимации. Когда дизайнер готов получить отзыв о дизайне, плагины от UserTesting и Userlytics позволяют ему сделать это, не выходя из программы.

Создание совершенного инструмента дизайна UX, который будет иметь все необходимые функции, — это то, к чему стремятся такие компании, как InVision, Adobe и другие. Задача масштабная и сложная, поэтому один из способов достижения этой цели — разработка плагинов для платформ (и поощрение других делать то же самое).

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

Хотя Sketch — отличный инструмент для дизайна, что делает его действительно замечательным, так это доступность сторонних плагинов, таких как Runner, Color Accessibility Check, Magic Mirror, Auto Animate и т. д. Adobe XD активизирует свою игру с такими плагинами, как RenameIt, Pixel Perfect. , генератор данных и т. д., а также интеграции с Trello, Dribbble, Google Sheets и т. д.

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

С самого начала Adobe XD позиционировался как «продукт от дизайнеров для дизайнеров», и они верно придерживаются этого курса. Каждый месяц выпускаются новые наборы функций. Например, всего за последние несколько месяцев Adobe представила новые функции Adobe XD, такие как адаптивное изменение размера, временные переходы, проверка орфографии, интеграция с Jira и другие.

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

От Siri до Alexa и других возможностей за пределами экрана голосовое взаимодействие набирает силу. Уникальное голосовое прототипирование Adobe XD дает дизайнерам возможность идти в ногу с этой быстро растущей тенденцией.

Расширение набора инструментов дизайнера

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

Существует некоторый спор о том, должен ли дизайнер сосредоточиться на расширении своего репертуара или на оттачивании определенной специализации. Adobe XD быстрый, бесплатный и простой в освоении — ничего не потеряно, если вы сделаете решительный шаг и расширите свои возможности.

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

• Лучшие инструменты UX (с инфографикой)
• Figma, Sketch и Axure: обзор на основе задач
• Проектирование VUI — голосового пользовательского интерфейса
• Лучшие портфолио UX-дизайнеров — вдохновляющие кейсы и примеры
• С легкостью создавайте прототипы — учебное пособие по InVision Studio