ProtoPie-beta使用體驗(yàn)

偶然發(fā)現(xiàn)了一款最近發(fā)布的原型制作應(yīng)用:ProtoPie。

雖然不能理解是什么含義,看了下面這張圖我就理解了,哈。

現(xiàn)在市面上的原型工具層出不窮,frame,pixate,flint,principle,墨刀,mockup,justinmind,azure......

那么這款工具產(chǎn)品有什么亮點(diǎn)的地方值得去一試呢?

我在官網(wǎng)上看到了這樣的介紹(http://protopie.cn):

于是饒有興致的去下載了試試。(目前只有Mac的測(cè)試版)

(第一眼看上去,像是個(gè)披薩?)

進(jìn)入正題吧,啟動(dòng)的過程并不算友好,沒有引導(dǎo)過程,直接就進(jìn)入工作界面,我既沒辦法查看到與產(chǎn)品相關(guān)的信息,也不了解如何去開始一個(gè)工作或查看過往文件,這對(duì)新用戶來說,真的很讓人一臉蒙逼,其它產(chǎn)品都會(huì)有一個(gè)短暫的過渡,例如:

(pixate)
(flinto)
(experience design)
(sketch)

一個(gè)有意義的過渡頁(yè),能夠幫助我更快的學(xué)習(xí)了解這一款工具的特性,這關(guān)系最終會(huì)有多少用戶學(xué)會(huì)并繼續(xù)使用你的產(chǎn)品。

在這里還是有先介紹下ProtoPie的交互機(jī)制吧,ProtoPie就是利用將對(duì)象(Object)、觸發(fā)動(dòng)作(Trigger)、反應(yīng)動(dòng)作(Response)組合成交互的原理,制作出一個(gè)個(gè)完整的交互原型。

回到啟動(dòng)后的工作界面。

視覺上中規(guī)中矩,和Pixate和Ps(dark)的選色較為接近,布局上由頂部的操作欄和圖層,工作區(qū),交互設(shè)置區(qū),屬性區(qū)四個(gè)分屏組成。狹小的工作區(qū)讓感受起來有些壓抑。

頂部從左至右分別是建立新圖層(圖片,方形,原型,空白對(duì)象)

選擇設(shè)計(jì)設(shè)備尺寸(為移動(dòng)端而設(shè)計(jì))

第三個(gè)就比較尷尬了:

選擇場(chǎng)景,但是并不能夠直觀的去選擇,通過命名來查找切換,如果做起連續(xù)的交互應(yīng)該會(huì)麻煩挺多,因?yàn)槲也坏貌蝗ゲ榭磪?shù)才能知道跳轉(zhuǎn)的前后邏輯。

接下來是讓人興奮的一部分,添加交互效果,這應(yīng)該是我目前嘗試過內(nèi)置的功能最為強(qiáng)大的工具,讓我們來看看:

包含了3D touch,Sound,Tile,Compass這樣更高級(jí)的交互內(nèi)容,功能強(qiáng)大,操作起來更加真實(shí)。

再右邊的兩個(gè)是連接設(shè)備和開始演示(那個(gè)play只是文字提示),也是現(xiàn)在比較主流的方式,與移動(dòng)設(shè)備上的app聯(lián)動(dòng),通過掃碼或者是USB連接演示,這里有一個(gè)細(xì)節(jié)是,需要兩個(gè)手指輕點(diǎn)兩次,會(huì)彈出一個(gè)退出/重新開始/和調(diào)節(jié)速度的dialog。在桌面上點(diǎn)擊運(yùn)行后,手機(jī)會(huì)有“叮呤”一響聲。

圖層面板能夠進(jìn)行拖拽排序,更改命名,顯示/隱藏這樣的基礎(chǔ)功能。

然后是添加交互的主要工作,選中圖層,添加觸發(fā)方式,選擇響應(yīng)動(dòng)作,編輯參數(shù)。(當(dāng)然也能過先編輯觸發(fā)方式和響應(yīng)動(dòng)作再連接上圖層)

為了讓效果更加豐富,一個(gè)觸發(fā)方式能夠關(guān)聯(lián)上多個(gè)響應(yīng)動(dòng)作。

但是我試著去拖動(dòng)右邊時(shí)間軸上的滑塊,很遺憾這里不能進(jìn)行編輯,僅是一個(gè)提示作用,時(shí)間還得去參數(shù)內(nèi)編輯,或許在接下來的版本會(huì)得到改進(jìn)。

在這里才能完成對(duì)時(shí)間的編輯

嘗試了之后,一些其它工具沒有的交互效果用起來也是很不錯(cuò)的,像重力和方向的交互模擬,對(duì)其它工具來說還是有不小的難度,而在這款工具上卻可以用的這么自然。

最后還是想要吐槽一下這個(gè)尷尬的四屏界面,讓我感覺有些呼吸困難,我為什么非得在這么一個(gè)狹小的畫布上去進(jìn)行編輯操作呢?比如說把時(shí)間軸放在屏幕下方,交互動(dòng)作放在現(xiàn)在的屬性欄,參數(shù)調(diào)整作為選中后的浮動(dòng)窗口呈現(xiàn),這樣我的空間就大了很多,我可以去通過縮放查看整個(gè)交互之間的邏輯,不是很棒嗎?

也許下一個(gè)正式版會(huì)帶來更強(qiáng)大的體驗(yàn)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 【說明:本文是從Principle官網(wǎng)翻譯過來的,因個(gè)人能力和水平有限,部分術(shù)語(yǔ)可能不準(zhǔn)確,對(duì)軟件功能的理解也可能...
    shea閱讀 43,284評(píng)論 23 117
  • 一、工作區(qū)和工作流程 1.工作區(qū)和面板 保存、刪除、重置工作區(qū)??俊⒕幗M、浮動(dòng)面板 2.首選項(xiàng) 常規(guī)、預(yù)覽、導(dǎo)入、...
    朱細(xì)細(xì)閱讀 8,214評(píng)論 0 52
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,724評(píng)論 19 139
  • 你看,太陽(yáng)像只熟透的柿子 紅的深切又真摯 和我一起看它的, 只有一朵低低地掛著的云 光把我們曬透 風(fēng)把陰霾吹走 螞...
    璇紫閱讀 385評(píng)論 0 3
  • 親愛的,首先恭喜你又長(zhǎng)了一歲,恭喜你最近收到了好多驚喜,恭喜你可以開始去干你喜歡干的事情了,恭喜你找到了副業(yè)。同樣...
    轉(zhuǎn)身笑著遺忘閱讀 228評(píng)論 0 0

友情鏈接更多精彩內(nèi)容