UX-исследователь — практический курс
UX-исследователь — практический курс
Начните карьеру в области UX или структурируйте свои знания с помощью уникального на рынке курса по UX-исследованию
Узнать подробнее
Плагин User Flows: генерация пользовательских сценариев в Sketch

Плагин User Flows: генерация пользовательских сценариев в Sketch

User Flows – этот плагин служит для генерации сценариев поведения пользователей через артборды в Sketch.

Демо

Плагин User Flows: генерация пользовательских сценариев в Sketch

Поддерживаемые версии

UserFlows поддерживается только Sketch 3.3 и более поздними версиями. Проверить свою версию можно через меню Sketch > About Sketch.

Sketch 3.3

Установка

Скачайте архив и извлеките его содержимое. Затем дважды кликните на UserFlows.sketchplugin, чтобы установить плагин. Помните, это сработает только на Sketch 3.3 или более поздних версиях.

Использование

Генерация сценариев

  1. Выделите слои, которые хотите использовать в качестве хотспотов (один слой или группу на каждый артборд).
  2. Если вам не нужны хотспоты, просто выделите сам артборд.
  3. Запустите плагин из меню Plugins > User Flows > Generate a Flow.Generate a user flow
  4. Введите детали сценария и нажмите Generate.

Примечание: Последовательность экранов в сценарии основана на х-координате артбордов. Sketch не позволяет трекинг событий (пока что), так что невозможно определить порядок, в котором были выделены слои или артборды, хотя это было бы идеально.

UX-исследователь
UX-исследователь
Станьте UX - исследователем - одним из самых востребованных специалистов в продуктовой команде
Забронировать место

Описание артборда

  1. Чтобы ввести описание артборда, выделите его и перейдите в меню Plugins > User Flows > Edit Artboard Description.
  2. Введенное здесь описание будет добавлена в экспортированный сценарий, размещен под изображение артборда.

Описание артборда

Настройки

Чтобы управлять настройками плагина, перейдите в меню Plugins > User Flows > Settings.

Plugins > User Flows > Settings

Горячая клавиша

Как только вы установили плагин, можно запускать его с помощью клавиш: control + shift + f.

Фидбек

Если при работе с плагином вы обнаружите баги, или же появятся идеи, как его усовершенствовать, отправьте сообщение на Twitter @abynim.

Total
2
Shares
3 комментария
  1. Плагин экономит тонну времени! Спасибо за наводку.

    Stas Neprokin: он и копирует нужные артборды на новый холст. Самое главное расставляет стрелки. На это уходит больше всего времени, когда проект большой.

Добавить комментарий

Ваш адрес email не будет опубликован.

Похожие статьи
Серия уроков Sketch (часть 4 из 5): Дизайн планшетной и мобильной версии
Подробнее

Серия уроков Sketch (часть 4 из 5): Дизайн планшетной и мобильной версии

Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки идеально подойдут для быстрого ознакомления с работой Sketch, получения навыков по созданию роскошных дизайнов для десктопа, планшетов и мобильных устройств. Часть 1 Часть 2 Часть 3 Часть 5

Еженедельная рассылка

Одно письмо с лучшими записями за неделю

Total
2
Share