Вайрфрейминг — важный навык в индустрии программного обеспечения, используемый для организации информации о интерфейсе и передачи ее команде. Balsamiq, UXPin, Omnigraffle, Axure и т. п. — это немногие из уже признанных приложений для вайфрейминга. Так, почему я приложил усилия для создания этого набора вайрфреймов?
Основная причина заключается в том, чтобы избежать множественной зависимости инструмента при создании артефактов дизайна, таких как вайрфреймы, макеты и т. д. Я использовал Balsamiq для вайрфрейминга, Sketch для создания макетов и Keynote для моделирования прототипов / сценариев. Но задача состоит в том, чтобы управлять и объединить эти программные обеспечения.
Когда в прошлом году Adobe выпустили свой новый инструмент под названием Adobe Experience Design (также известный под названием Adobe XD), я сразу его попробовал. Я использовал инструмент для разработки экранов в своем проекте, и он дал мне одну бесшовную платформу для разработки экранов и моделирования сценариев между ними. Эта функция заставила меня задуматься о вайрфрейминге в Adobe XD, чтобы я мог создавать вайрфреймы и соответствующие макеты внутри одной платформы. Кроме того, Adobe XD предлагает статическое прототипирование, которое позволяет проводить тестирование пользователей в самом начале цикла разработки, даже на этапе вайрфрейминга.
Этот комплект содержит:
- Текстовые помощники: заголовок, абзацы, блок цитаты, упорядоченный список, неупорядоченный список.
- Элементы управления вводом: метка, поле ввода текста, текстовая область, кнопка, чекбокс, радиокнопка, номер, выпадающий список, переключатель, слайдер, выбор цвета, выбор даты, группа полей, рейтинг звёздочками, рейтинг сердечками, загрузчик файлов, перетаскивание, загрузка файла.
- Диалоговые окна и обратная связь: предупреждение, подсказка, загрузчик, индикатор выполнения, уведомления, всплывающие подсказки.
- Мультимедийные элементы управления: аудио, видео, изображения, миниатюры.
- Навигационные элементы: горизонтальная навигация, вертикальная навигация, вкладки, постраничная навигация (пагинация), хлебные крошки, кнопка предыдущий-следующий, управление сегментом, этап/стадия, панель вкладок.
- Приборная панель (Дашборд): вертикальная гистограмма, горизонтальная гистограмма, круговая диаграмма, кольцевая диаграмма, линейный график, комбинированная гистограмма, диаграмма пузырьков, точечная диаграмма, измерения, блоки данных, карта мира.
- Элементы помощи входа текста: (текстовое поле с метками) электронная почта, имя пользователя, пароль, имя, псевдоним, название, компания, facebook, твиттер, номер телефона, номер мобильного телефона, адрес, поиск, местоположение.
- Списки помощники: список продуктов, список новостей, список статей.
- Разные компоненты: карусель, редактор WYSIWYG, календарь, CAPTCHA, аккордеон, рассказать в соцсетях, таблица, карта, теги, дневной диапазон, временной диапазон, форма регистрации, форма входа в систему, экран чата/сообщения.
- Карты: карточный макет.
- Устройства: мобильный телефон, настольный компьютер.
