Eng

ПрофсоUX 19

Конференция #1
для UX-профессионалов в России

2 марта 2019

ул. Лодейнопольская, 5
КЦ «Петроконгресс»

2 марта, Санкт-Петербург, КЦ Петроконгресс

Мастер-класс по скоростному проектированию пользовательских сценариев в Фигме

Для участия в мастер-классе требуется принести ноутбук, лучше с установленной Figma, а на Маках желательно ещё иметь Overflow.

Мастер-класс рассчитан на дизайнеров и продукт-оунеров, которым нужно спроектировать сложный интерфейс на основе бизнес-требований.

Я работаю в крупном банке и занимаюсь разработкой сложных банковских интерфейсов. Например, сейчас я вовлечён в проект Фронтальной системы для операционистов. Я мог бы рассказать о тех методах, которые применяю в своей работе для проектирования вайрфреймов и сценариев в Оверфлоу и Фигме.

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

Я подготовил простой UI-кит и смогу набрасывать экраны в реальном времени, затем соединю его в линейный прототип. Получится такой проект в Фигме.

План выступления

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

Интервью для ProfsoUX

Александр Окунев

 

Обсудить заявку