Прототипирование: живое тестирование с Adobe XD

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

Основные выводы

• Ты можешь просматривать прототипы напрямую через USB или облако на своем устройстве.
• Приложение Adobe XD доступно бесплатно в App Store и Google Play Store.
• Так ты можешь получать отзывы и тестировать изменения в реальном времени.

Пошаговая инструкция

1. Открытие прототипа

Чтобы просмотреть прототип в Adobe XD, сначала используй значок воспроизведения в верхней панели меню. Этот значок позволяет тебе в реальном времени смотреть и переходить по созданному тобой прототипу в том разрешении, для которого ты его создал. Лучше всего использовать временной интервал в 5 секунд, чтобы полностью погрузиться в него.

2. Установка приложения Adobe XD

Для живого предварительного просмотра на своем смартфоне или планшете тебе нужно установить приложение Adobe XD. Оно доступно как в Google Play Store, так и в App Store от Apple. Скачай его бесплатно и не позволяй путанице с iTunes сбить тебя с толку – это App Store! Убедись, что установка завершена.

3. Подключение по USB

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

4. Использование облака

Гибкой альтернативой USB-подключению является сохранение твоего прототипа в Adobe Cloud. Для этого перейди в «Файл» > «Сохранить как». Adobe XD по умолчанию сохраняет в облаке, что позволяет получить доступ к нему позже с любого устройства. Загрузка может занять несколько секунд, но ты можешь отслеживать прогресс в верхней панели и посмотреть, как быстро ты приближаешься к живому предварительному просмотру, начиная с 130 секунд.

5. Доступ к прототипу на устройстве

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

6. Взаимодействие и обратная связь

В приложении ты можешь навигировать по своему дизайну и иметь возможность оптимально рассмотреть каждый аспект. Если отсутствуют шрифты, тебе будет выдано уведомление, которое ты можешь просто игнорировать или в случае необходимости загрузить через Adobe Fonts. Экспериментируй с прототипом и нажимай на различные области, чтобы смоделировать пользовательский опыт. С 186 секунд это будет особенно заметно.

7. Доступ к меню

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

8. Завершение теста

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

Резюме – Живое тестирование прототипов с Adobe XD: Как перенести свои дизайны на конечное устройство

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