О чем эта статья?

В этой статье я напомню о важности навыка прототипирования для бизнес-аналитика, объясню, почему Axure уже не тот и поделюсь лайфхаками, как извлечь максимум пользы из Figma.

̶К̶р̶а̶т̶к̶о̶е̶ введение

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

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

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

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

В таких ситуациях (и не только) бизнес-аналитикам на помощь приходят прототипы! С полной уверенностью могу сказать, что если разрабатываемое ПО не отвечает за сохранность жизни людей или финансы (например, домены healthcare и банки), то чаще всего написание многостраничной SRS в современных реалиях уже не требуется. Миром правят картинки.

Да, к сожалению, как я уже писала ранее, в мире, где объемы данных увеличиваются геометрически, визуальное представление информации в виде таблиц и картинок помогает значительно сэкономить время. А если, при нажатии, картинка еще и меняется — возникает полное ощущение реального приложения и восприятие контента в правильном русле.

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

Да, я все это знаю, Axure владею

Когда вы открываете сайт государственной организации, какие ощущения вы испытываете? Старые веб-сайты, которые дошли до наших дней в том виде, в котором они запускались в далеких 90-х, сегодня выглядят странно, дико и в то же время удивительно. Такое происходит, когда либо поддержка сайта заканчивается быстро, либо когда на дизайн и обновление времени и желания нет.

Такое же ощущение может возникнуть и при использовании Axure.

Как бы грустно это ни звучало, сам по себе Axure, может, и хорош, однако уже не поспевает за планетой.

Девятая версия вышла год назад, однако уже можно сказать, что в ней есть некоторые вещи и детали, которые на данный момент кажутся устарелыми. Например, отсутствие настроек дизайна стандартных компонентов.

Далее перечислю тулы, которые позволяют делать прототипы — Balsamiq Mockups, Mockplus, Justinmind. По своему опыту могу сказать, что именно Figma — тот инструмент, с помощью которого взгляд на прототипирование может измениться.

Что такое Figma и почему все должны знать об ней?

Как говорят сами создатели, Figma — первый облачный инструмент для разработки пользовательского интерфейса, позволяющий вести совместную работу в режиме реального времени.

Судьба свела меня с этим замечательным инструментом когда я искала подходящий инструмент для дизайна. До этого проекты я выполняла в Axure без зазрения совести и считала его крутейшим инструментом, в то время как Figma позволяет делать анимированные переходы между страницами, показывать выпадающие списки и так далее, тому подобное.

Сам по себе инструмент Figma используется дизайнерами как замена After Effect и Sketch. Все-таки пользоваться легковесным инструментом для создания современных интерфейсов просто удобно. Однако мне удалось найти преимущества в Figma также и для бизнес-аналитиков. Расскажу о них далее по порядку

• Условная бесплатность

Одним из главных преимуществ Figma по сравнению с Axure  — возможность использовать инструмент бесплатно. Ежемесячная подписка становится необходимой только при условии, что вам требуется наличие библиотеки и возможность управления версионностью проектов.

• Не бойтесь все потерять!

Отличительная функциональность инструмента Figma — возможность работать в браузере и не переживать, что, если вдруг в офисе выключится свет или у компьютера проснется желание побесить владельца и перезагрузить программы, работа не сохранится. Фигма делает это за вас!

• Совместное редактирование

Для меня это скорее минус, чем плюс, т.к. мой опыт одновременного редактирования гугл-документа показывает, что изменения от нескольких пользователей могут серьезно навредить форматированию. Но в случае, если необходимо сразу нескольким аналитикам работать над одним проектом, то в Figma присутствует функционал многопользовательского подключения.

• Режим просмотра

В любой момент вы можете дать ссылку на проект кому-либо из команды либо самому заказчику. Таким образом вы можете презентовать проект без необходимости использования стриминговых видео-сервисов, таких как Skype и другие. Достаточно дать ссылку на презентацию проекта. Figma является полностью бесплатной для участников проекта: менеджеров, клиентов, и программистов в режиме просмотра.

• Долой миллион версий

Думаю, что всем знакома переписка в почте с архивами проектов Adorable_Project_v1.14. А сколько отдельных файлов приходится хранить на PC. Figma может помочь решить и эту проблему. В случае, если вы уже отправили клиенту ссылку на прототип и хотите внести изменение, можете просто взять… и внести его! Прототипы для клиента обновятся  автоматически и отправлять повторное письмо с новой версией артефактов не придется.

P.S. Да, я знаю о сервисе AxureShare, однако для того, чтобы внести там изменение, придется пересохранять файл и заново заливать в облако.

• Библиотека компонентов

Сообщество Figma активно развивается, поэтому в Интернете есть гораздо больше библиотек для Figma, чем для Axure: библиотеки Figma содержат элементы интерфейса, идентичные используемым в готовых приложениях. Использование таких библиотек, в свою очередь, помогает команде и клиенту сформировать наиболее полное представление о конечном продукте еще на старте разработки и с минимальными затратами.

• Управление компонентами

Одно из полезных свойств в приложении — возможность управлять слоями и  видимостью элементов, изменять порядок отображения элементов, менять цвет на лету. В Figma используются векторные элементы, поэтому размер можно изменять без потери качества прототипов.

• Чумовая анимация

Этот пункт отмечу особенно, т.к. для меня это главный плюс.

Сколько времени и сил было сэкономлено благодаря меню, которое выдвигается слева, табам, которые можно переключать, возможности открытия попапов с затемнением экрана, увеличению масштаба при нажатии и многому другому. Главное, что переход между элементами происходит интуитивно и иногда теряется ощущение, что это всего лишь прототип.

 

Недостатки, которые удалось найти

• Отсутствие поиска по компонентам

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

• Нет возможности работать без интернета

Онлайновость Figma— одновременно и достоинство, и недостаток. Большинство привыкло работать с  файлами, хранящимися на диске. В случае же, если работаешь за городом или дома с нестабильным Интернетом, невольно становишься заложником обстоятельств, несмотря на то что при переподключении к сети Figma синхронизирует изменения в незакрытом макете. Конечно, файл с проектом можно сохранить и на диск в формате FIG, но для его открытия все равно понадобится подключение к Интернету.

 

Вместо вывода — попробуй и ты!

Профессия бизнес-аналитика молодая и развивающаяся, поэтому хотелось бы, чтобы создаваемые нами артефакты также шли в ногу со временем. Уверена, что с помощью Figma и перечисленных выше возможностей каждый из бизнес-аналитиков найдет общий язык с командой и клиентом, что приведет к успешному завершению проекта!