ProtoPie打敗Figma成為高保真原型賽道的領(lǐng)頭羊
2022年UX Tool全球調(diào)查問卷中,很有意思地加入了之前沒有的Basic UI Prototyping Tools(低保真交互原型)和 Advanced UI ProtoPie Tools(高保真交互原型)的投票,而結(jié)果更是意料之外但又情理之中。
在UI設(shè)計(jì)界可以說天下無敵的Figma在低保真領(lǐng)域雖然一枝獨(dú)秀,高出第二名Adobe XD一大大大大截,但在高保真交互工具賽道連前三都未進(jìn)(Figma排第5)。那么是誰摘得了該賽道的冠軍寶座呢?ProtoPie!更讓人震驚的是它居然還超過了代碼和Axure。(還在用Axure做高保真的童鞋,這個(gè)結(jié)果意不意外呢)
ProtoPie什么來頭?谷歌設(shè)計(jì)師創(chuàng)立、2017年上線、用戶遍布國內(nèi)外130+個(gè)國家,客戶有谷歌、字節(jié)、寶馬等我們所熟知的大廠。我們還是來看看這個(gè)產(chǎn)品到底憑什么本事讓海外的設(shè)計(jì)師(參與UX tool投票的設(shè)計(jì)師主要來自歐美)如此認(rèn)可。
高保真能力
首先,ProtoPie能做的交互怎么就比Figma的保真度要高了?如果說Figma做的交互原型是UI交互的展示,那么ProtoPie呈現(xiàn)的效果則是讓用戶身臨其境的逼真互動(dòng),無限還原設(shè)計(jì)師創(chuàng)意的表達(dá)。你要不說,我都不知道這是假的。。
從這個(gè)視頻可以看出ProtoPie除了Figma,Sketch這些工具可以制作的頁面跳轉(zhuǎn)效果,還擁有Principle,F(xiàn)linto的微交互制作能力,甚至還能調(diào)用鍵盤和攝像頭真正做到“高”保真。
如果ProtoPie的能力只是比Principle、Figma多了一個(gè)鍵盤輸入和攝像頭功能,我相信它也不可能奪得第一。那么什么讓它更特別呢?
獨(dú)特功能點(diǎn):軟硬件交互 + 多設(shè)備交互
不得不說,這個(gè)切入的場景點(diǎn)還真的挺絕的。當(dāng)Axure、Priciple、Flinto這些工具還在誰可以做出更好的Web原型或Mobile原型相互廝殺的時(shí)候,ProtoPie找到了新的賽道 - 軟硬件交互。
不要小看這一個(gè)功能點(diǎn),它涉及的領(lǐng)域可太多了:汽車HMI設(shè)計(jì)需要和方向盤交互吧?家電上的彩屏需要和物理旋鈕交互吧?那說起飛機(jī)駕駛屏和物理按鈕的交互可就更多了。
還有一個(gè)多設(shè)備交互這個(gè)功能,也是絕了。現(xiàn)在到處都是大屏、多屏。你就看這次上海車展上,屏幕數(shù)少于3塊的車有嗎?(有的話,歡迎反駁,你反駁就是你對(duì)。)那設(shè)計(jì)師固守自封地還只考慮一個(gè)屏幕上的體驗(yàn),是不是就欠點(diǎn)意思了。
所以硬件和屏幕的交互給你解決了,幾個(gè)屏幕間的通訊也給你打通了,那那些車廠、家電、機(jī)器人…的設(shè)計(jì)團(tuán)隊(duì)不就得瘋狂了。而且!而且!而且!這些還都是不需要代碼就能搞的。看看下面這些demo,爽吧,據(jù)(官方人員)說都是全程無代碼的搞出來的。我哩的神呦!
最后列一下ProtoPie其他的功能點(diǎn),感受一下“高”保真的格局!
3D旋轉(zhuǎn)陀螺儀語音交互手勢識(shí)別二維碼掃碼原生鍵盤打字振動(dòng)反饋聯(lián)通Unity/Unreal渲染3D效果連接任意API搭建交互組件庫
精選課程
共鳴設(shè)計(jì)——科學(xué)與審美的交匯,以Xiaomi SU7設(shè)計(jì)為例
李田原
小米汽車 設(shè)計(jì)總監(jiān)
設(shè)計(jì)論文寫作:如何將實(shí)踐案例轉(zhuǎn)換為可發(fā)表的文本
2024產(chǎn)品設(shè)計(jì)專業(yè)系統(tǒng)化能力提升課程
2024體驗(yàn)設(shè)計(jì)專業(yè)系統(tǒng)化能力提升課程
玩轉(zhuǎn)行為設(shè)計(jì) 高效提升產(chǎn)品業(yè)績(中文字幕)
Joris Groen
Buyerminds 聯(lián)合創(chuàng)始人,創(chuàng)意總監(jiān)