Всем привет (на самом деле здесь пока никого нет).

Не так давно (на самом деле больше года уже) появился ещё один инструмент для прототипирования ProtoPie и неплохо так мне зашёл, поэтому решил создать этот канал и чат - @ProtoPieChat

Один из главных минусов ProtoPie - затраты ресурсов.

Чем слабее машина - тем больше вы будете это созерцать =)

Тестирую прототип приложения ☺️ #nsfw

Мне приходилось работать в куче программ для прототипирования. Идеального инструмента к сожалению всё еще нет. Поэтому буду закидывать тэзисы сравнения программ под хэштег #чтожелучше

​​Возможно какие-то программы обновились с тех пор как я их использовал. Так что для обсуждений го в @ProtoPieChat

1. Pixate - один из первопроходцев, но проект купил гугл и его прикрыли. Ждём когда гугл заанонсит Remixer и Stage.
2. Axure RP - морально устаревшая махина для создания прототипов. Очень большой функционал, но встречаются подводные камни, которые утащат весь проект на дно. Пригодно только для wareframe прототипирования на стадии аналитики. Но есть и более современные Moqups или Wireframe
3. Invision - куча багов, и не очевидных костылей, проще тогда уж презентации в гугле или powerpoint делать =) единственный "плюс" это Craft. Но опять же куча багов и нервы убивает.
4. Marvel - для презентации дизайна - отличный инструмент. Небольшой интерактивчик запилить - и все счастливы. Лучше использовать его вместо Invision.
5. Proto - тот же инвижн или марвел. Для презентации дизайна или карты приложения - норм. Нехватает инструментария чтобы нормально разгуляться.
6. Principle - очень простой инструмент для создания простеньких ux кейсов и анимашек. Используется чтобы "на пальцах" объяснить как работает та или иная задумка в дизайне. При проэктировании интерактивного прототипа - возникает куча проблем, некоторые из них решить не получится.
7. Flinto - особых отличий от Principle не заметил. Разве что немного другой подход. Возможно кому-то он покажется понятней.
8. ProtoPie - в меру простой и функциональный инструмент, который я использую для создания полноценных прототипов по дизайну. Пока еще не столкнулся с моментами, которые бы не смог реализовать. Но не всё в нём очевидно.
9. Framer - отличный инструмент прототипирования и анимации предоставляющий практически любые возможности, но требует спецефический подход. Сидеть и двигать слои как в Principle а потом смотреть на плавную анимацию тут не получится. Часто замечал, что пока реализовываю какой-то кейс в Framer - идея, которая была придумана, улетает или начинает казаться бредовой. Возможно это только со мной так.

#чтожелучше
По простоте освоения ProtoPie - как Principle, но позволяет намного больше, за счёт возможности созданий условий, использования датчиков телефона.

​​#чтожелучше
В просмотрщике (да и в мобильном плеере) есть функция меняющая скорость анимации. Этого так не хватало в других программах, для отладки сложных анимаций…

​​#tips
Чем меньше слоев будет в прототипе - тем проще этот прототип анимировать.

Я предлагаю после того, как в скетче закончили дизайн, создать новый пэйдж (или вобще отдельный скетч документ) и закидывать постепенно туда экраны подготовленные к ProtoPie.

Чтобы было удобнее, я запаковываю все статичные элементы в символы, потом при экспорте в Protopie они будут обычными изображениями.

Например, если у меня есть карточка в которой меняется текст - у меня будет 2 слоя:
текст и символ карточки, в котором все тени, иконки и прочие элементы. Однако, если в прототипе я хочу менять и цвет карточки и текст и иконки - то все элементы лучше делать отдельными слоями.

​​Ура

3.9.1 топ.

А вот Мохаве выключают сглаживание шрифтов. От чего работать становиться очень не удобно.

Но если в терминал ввести defaults write -g CGFontRenderingFontSmoothingDisabled -bool NO
и ребутнуть мак, то все становиться нормально.

Дождались 3.10. Протопай действительно стал работать шустрее.
Сейчас серией постов опишу нововведения.

Наконец-то хоть какая-то интеграция с фигмой. Есть косячки, нюансы, но в целом - оно работает! P.S. Еще и под виндой..

Стало проще копировать слои вместе с триггерами.
Копируем как обычно CMD(CTRL)+C
Вставляем без тригеров CMD(CTRL)+V
Вставляем с тригерами CMD(CTRL)+SHIFT+V

Теперь стало проще контролировать время старта и длительность действий с помощью горячих клавиш.