Лучший советы по созданию опыта с помощью управляемых-данных

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

Одновременно с запуском Adobe XD Platform на Adobe MAX, экосистема интеграции приложений для Adobe XD,—компания-разработчик веб и мобильных приложений Impekable, обосновавшаяся в Силиконовой долине, недавно создала плагин для XD, который позволяет дизайнерам совершенствовать свои проекты при помощи данных из Google Sheets. Тип проектирования с управляемыми данными,—то, чем увлечены в Impekable.

Мы связались с Джанет Ли (Janet Lee), старшим дизайнером и менеджером проектов Impekable, чтобы узнать о том, как создавался плагин, но больше всего о вытекающем опыте, при работе с управляемыми-данными.

Плагин Google Sheets от Impekable, для Adobe XD, в действии.
Плагин Google Sheets от Impekable, для Adobe XD, в действии.

Преимущества использования реальных данных

Создавая опыт при помощи управляемых-данных, очень важно понимать их и быть уверенным в их происхождении. Что является отправной точкой для Impekable. В начале каждого проекта, Джанет и её команда просят клиентов предоставить информацию, будь то руководство по API, файлы JSON или любое другое подходящие содержимое. Имея подобную информацию команда может приступить к работе над информационной архитектурой, сценариями и макетами проектов.

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

Дизайн этой страницы содержит данные из двух основных источников: API бэкэнда, клиента Impekable, ForpeLane, а также крупный управленческий центр.
Дизайн этой страницы содержит данные из двух основных источников: API бэкэнда, клиента Impekable, ForpeLane, а также крупный управленческий центр.

«Кроме того, мы проводим конкурентные и отраслевые исследования, для того, чтобы гарантировать использование реалистичных данных в наших проектах»,—разъяснила Джанет Ли. «Мы очень редко проектируем, используя только «Lorem Ipsum». Используя реальное, выразительное содержимое на ранних стадиях развития нашей работы, мы создаём более целенаправленное и ясное представление о проекта».

Ещё одной ключевой проблемой создания взаимодействий с использованием управляемых данных—является убеждённость, что дизайн масштабируется и хорошо работает с различными наборами данных, такими как, например, другие языки. Вот с чем Impekable пришлось столкнуться лицом к лицу.

«В прошлом году мы переделывали веб-сайт электронной коммерции для Central Department Store, одного из крупнейших предприятий розничной торговли Таиланда»,—вспоминает Джанет. «Нам нужно было убедиться в том, что наши макеты будут хорошо работать как на тайском, так и на английском языках, поскольку многие тайские фразы длиннее, чем их английские аналоги, это оказалось непросто. Чтобы справиться с этим, мы тестировали проекты с использованием обоих языков для ключевых экранов, на протяжении всего процесса проектирования».

Лучший советы по созданию опыта с помощью управляемых-данных
Лучший советы по созданию опыта с помощью управляемых-данных

Дизайн Impekable для Central Department Store на тайском и английском языках.

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

  • Качество дизайна страницы ухудшается при реализации. К примеру, использование Lorem Ipsum в качестве заголовка в своём дизайне может быть рабочим вариантом, но настоящие заголовки могут быть намного длиннее и повлиять на макет в целом.
  • Дизайн не соответствует источнику данных. Данные, с которыми вы проектируете, всегда поступают из других систем, будь то веб-сайт, новостные статьи или информация о продукте из Shopify или Magento. Чтобы спроектировать необходимый интерфейс для взаимодействия с конечными пользователями, важно понимать, какие данные нужно извлекать из этих систем. Например, если вы проектируете интернет-магазин для компании, у которой пока нет отзывов, тогда пользовательский интерфейс не должен включать в себя отзывы о продукте.

Плагин Google Sheets: Проектирование в XD обогащённое реальными данными

Команда Impekable, полна сторонников верующих в силу проектирования с управляемыми-данными. Поскольку они регулярно пользуются G Suite,—приложениями от Google для совместной работы и повышения продуктивности, а мы боролись с проблемой самостоятельного управления содержимым (особенно предоставление возможности, не-дизайнерам управлять содержимым из своих проектных ресурсов), команда искала лучший способ, который также мог бы помочь другим использовать данные.

Это побудило Impekable создать плагин Google Sheets для Adobe XD, который был запущен на Adobe MAX. Плагин позволяет дизайнерам совершенствовать свои проекты реальными данными: любой человек может ввести данные в Google Sheet, и вместо того, чтобы редактировать бесчисленные текстовые поля вручную, дизайнер может динамически обновлять содержание, непосредственно в проекте. Данный процесс повышает эффективность, когда необходимо внести изменения в копию или создать несколько версий проекта с различным содержимым.

Impekable разработали плагин учитывая функцию Adobe XD, Repeat Grid (Повтор сетки), вы можете легко импортировать динамические данные из Google Sheets и обновлять их по мере необходимости. Плагин работает не только с группами объектов, но и с любым повторяющимся элементом, созданным с помощью Repeat Grid.

«Для эффективного использования Google Sheets, убедитесь, что для сортировки различных категорий содержимого, вы используете столбцы в таблице, и не забудьте сопоставить названия с нужными слоями в проекте»—советует Джанет.

Использование опыта с управляемыми-данными, чрезвычайно полезно для тестирования проектов, так как оно предусматривает реальную ситуацию для пользователя и помогает получить ценную обратную связь. Как только Impekable спроектировали опыт для ForwardLane—финансово-технической компании, обеспеченной искусственным интеллектом (AI) платформу API для финансовых консультантов и компаний, одной из целей которой было протестировать концепции Impekable на клиентах, чтобы понять, нашли ли они применение новым функциям. Поскольку тестирование проводилось на разные аудитории, Impekable использовал плагин Google Sheets, чтобы позволить ForwardLane персонализировать содержание на ходу, без посторонней помощи.

Impekable использовали плагин Google Sheets, чтобы предоставить ForwardLane возможность легко создавать персонализированные просмотры, обмениваясь проектами со своими клиентами.
Impekable использовали плагин Google Sheets, чтобы предоставить ForwardLane возможность легко создавать персонализированные просмотры, обмениваясь проектами со своими клиентами.

«Благодаря использованию соответствующих данных, относящихся к клиенту, в дизайне Impekable, мы ощутили значительный рост конкурентоспособности нашего продукта»,—отмечает Питер Райнс (Peter Rhines), отвечающий за стратегию и развитие бизнеса в ForwardLane. «Продажа технологий нового поколения корпоративным клиентам является сложной задачей, пользователи должны понимать наше предложение достаточно быстро и убедиться в том, что они будут спонсировать внедрение нашего продукта внутри компании. Демонстрация реалистичных вариантов использования продукта, помогает клиентам лучше уловить наш посыл и воодушевить их тем, как наш продукт улучшит их рабочие процессы».

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

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

Impekable постоянно совершенствует плагин Google Sheets и приветствует обратную связь через . Чтобы узнать, как другие плагины XD с использованием реального содержимого, ускоряют процесс проектирования, ознакомьтесь с нашей статьей о пяти плагинах, позволяющих добавлять заполнители и наполнять ваши проекты содержимым сторонних сервисов, электронных таблиц, баз данных и JSON или в онлайн через API.

VIA