你們千呼萬喚的「頁面流程功能」終於來啦!
小夥伴們,好久不見。
今天我們帶來了xiaopiu 2019年第一波重大更新!讓我跟你們好好嘮嘮!
經過近4個月的努力,甚至不惜花下血本重寫了整個底層渲染體系,我們終於上線了你們想要的「頁面流程」功能!同時,我們還為此開發了全新的「演示模式」,讓你們的專案演示和評審更給力!
來來來,話不多說,先放個動圖感受一下:
怎麼樣,是不是看的“眼花繚亂”呢?那麼接下來我就給各位小夥伴介紹一下「頁面流程」功能吧,準備好小本本呦~
“分分鐘”搞定頁面流程圖
除了產品原型外,我們常常還需要在做一份頁面流程圖來體現產品的業務邏輯和使用者流程。現在,xiaopiu將二者的創作合二為一,你只需要點選進入頁面流程模式,就可以看到已經做好的所有原型頁面,懸停到任意元件和頁面,拖拽即可生成連線。無需切換軟體,xiaopiu讓你“分分鐘”搞定頁面流程圖。
除此之外,xiaopiu還可以根據您已經設定好的事件幫您 一鍵自動生成 頁面間的關係連線,是不是很!給!力!
自動同步頁面修改內容
xiaopiu的原型內容與頁面流程圖內容是實時同步更新的, 一處修改,全部更新 。再也不用修改一個元件,要跑到好幾個地方去更新了。
多種連線樣式和備註讓你的流程更清晰
為了“幫你”更清晰地梳理頁面流程,xiaopiu內建了多種線條樣式供你選擇,你可以選擇不同的線條樣式,來區分不同的流程,比如一種樣式代表主流程,另一種代表分流程。
除此之外你還可以在連線上加上備註說明,更清楚地表達互動邏輯。
輕鬆建立多個子流程
一般來說,我們一個產品往往擁有多個不同的業務流程。所以xiaopiu還支援建立多個子流程,讓使用者可以對產品內單個功能或某一種場景的使用者流程進行詳細地說明。
一切都被安排的明明白白!
快速新增事件
咱們的「頁面流程」可不僅僅只能做流程,還“順便”給大家帶來了一個「快速新增事件」的方式。
在建立流程連線的同時也會自動建立對應的頁面跳轉事件,流程做完,連結也全部都加好了,流程、互動兩不誤!
一鍵分享
當頁面流程的製作完畢後,總需要交付給團隊的其他小夥伴進行後續的設計和研發,但往往到專案最終上線時,回頭一看,其實已經來來回回交付了十幾次都不止。
xiaopiu為了保證內容輸出物的“唯一性”,果斷採用了「分享連結」的方式,你只需要把連結發給同事,當內容修改後,其他小夥伴重新整理一下就可以看到最新內容了,怎麼樣,是不是很方便呢~
匯出“高逼格”超清大圖
有些小夥伴會說,那我不想要連結怎麼辦,我想匯出完整流程圖放到自己的產品文章中分享到其它社群!
嘻嘻嘻,不要慌,這樣的需求我們也考慮到啦,1秒即可匯出“高逼格”超清大圖,助你成為產品社群最靚的仔!
更“酷炫”的演示方式
為了在專案評審時有更好的演示效果,xiaopiu上線了全新的 「演示模式」 。
純淨的介面、動態的演示方式、互動原型和頁面流程的無縫切換,一切都是為了讓你在專案評審時輕鬆cover全場,完美講述你的產品思路。
所以,你只需要認真做好產品設計就好,其他的評審演示什麼的,xiaopiu會幫你搞定的~
以上就是我們本期的重點內容了,怎麼樣,趕緊去親自嘗試一下新功能帶來的快感吧~
那麼頁面流程的入口在哪裡呢~
在專案編輯區進入多檢視模式後,在頂部導航左側選擇切換至「頁面流程」就可以了~(目前只支援移動端專案,Web端的多檢視功能開發大大正在緊急開發中~)
示例專案: 《騰訊小經費》頁面流程演示
如果您在使用過程中發現有問題或者有好的建議,歡迎隨時反饋給我們。
反饋通道如下:
最快速度的回覆——使用者交流3群:724942043
深思熟慮的回覆——討論區發帖子反饋或填寫意見反饋 http://cn.mikecrm.com/3laufqA
以上這些就是xiaopiu此次給大家帶來的驚喜了,怎麼樣,是不是感覺很不錯~
我們以前也陸續給大家分享過很多相關資源,用這些專案趕緊去上手試試吧,諾,這是最近的文章,點進去看看吧!