Мастер-класс по скоростному проектированию пользовательских сценариев в Фигме
Для участия в мастер-классе требуется принести ноутбук, лучше с установленной Figma, а на Маках желательно ещё иметь Overflow.
Мастер-класс рассчитан на дизайнеров и продукт-оунеров, которым нужно спроектировать сложный интерфейс на основе бизнес-требований.
Программа
- Вкратце расскажу о Lean UX. О ситуации, когда лучшее ТЗ — это черновые прототипы, а ресурсы не тратятся на согласование ТЗ и бесконечное внесение правок в него.
- Сначала расскажу о тех компонентах, которые в него войдут: полях ввода, кнопках, иконках, чекбоксах и радио. Научу перетаскивать их в рабочую область из библиотеки.
- Затем, на основе условных бизнес-требований я выделю модели данных. В случае с регистрацией это будет модель пользователя: какие поля он должен заполнить и какой статус получить, чтобы считаться зарегистрированным. Поля: телефон, СМС-код, короткий пароль для входа.
- Допустим, мы будем проектировать для мобилок. Имея перед глазами модель, я раскидаю поля по экранам так, чтобы получилась форма регистрации с шагами. В результате получится сценарий, состоящий из чёрно-белых вайрфреймов.
- Когда экраны готовы, я покажу как скликать их в прототип и протестировать на устройстве через Figma Mirror. Покажу пару фишек про то, как сделать прототип более живым.
- Сделаю заключение, что когда есть такой прототип, всем в команде становится понятно, что дальше делать. Его можно показывать руководству и утверждать не сложное многостраничное ТЗ, а легковесный работающий прототип, который дёшево переделывать и править в облаке.
Результат мастер-класса: проект в Фигме