AppSeed:不止是快速制作交互模型
AppSeed:不止是快速制作交互模型-移動閱讀二維碼

對移動互聯網的產品經理和設計師來說,現在有很多軟件工具可以直接在電腦上畫草圖。但在頭腦風暴早起設計上,畫草圖原型紙和筆仍然扮演著很重要的角色。相比數字工具,紙、筆、白板會更自然快速,但在紙上的草圖畫出來之后,不能直接模擬操作效果。這就催生出了不少將紙上的草圖轉化成可操作的交互原型的應用,極客公園此前也報道了一款快速交互制作工具的應用——快現, 類似的應用也還有POPProtosketch。它們均能快速的實現交互效果,給出簡單的交互方案,但這樣還遠遠不夠。

為了更好的將圖紙轉化成數字原型,一款叫?AppSeed?的應用將計算機視覺算法引入,自動的識別各個元素,定義它們的功能屬性。相比快現,AppSeed 還有哪些特色和優勢,它能成為設計師的利器么?

引入計算機視覺算法的優勢

利用計算機視覺的 AppSeed 在此基礎上想更進一步的提升圖紙和數字原型的轉化效率,除了可以直接在手機上操作你在紙上畫的草圖之外,和快現、POP的不同,AppSeed 根據計算機視覺算法區分并識別出草圖上的不同UI元素,并且給元素應有的功能。用手機將草圖拍下來之后,AppSeed會根據元素的形狀或者相對位置,來判斷元素是什么。如果不能判斷出元素所屬的種類,它會向用戶彈出窗口,顯示UI元素列表,供用戶選擇。包括按鈕、地圖、街景、文本輸入框等等,未來會根據用戶的反饋加入更多的UI元素。而快現則是需要用戶手動劃分每個UI元素有效反饋的位置,以及手動定義UI元素的功能。AppSeed 盡管沒有那么智能的識別出每個元素的屬性,但相比手動處理,要高效很多。

將元素自動切割成相應的模塊

識別出草圖上的UI元素之后,AppSeed 可以自動切割元素,分配到指定區域,隔離每個繪制元素。這樣你便可以移動它們,改變UI元素的位置,重新設計界面的布局。當前的一些工具基本上不可以切割草圖,將各個UI元素分離開來。相比一整塊無法交互調整的原型圖,AppSeed 的方式能更便于修改方案。比如設計師畫了一份草圖,將整個草圖用手機拍照導入快現之后,如果各個元素的位置需要調整,則需要重新在紙上畫一張圖。如果能像 AppSeed 將草圖上的元素劃分,便可直接在手機上操作。

充分利用紙上的草圖

除了在手機上操作原型圖的功能外,AppSeed 還可以將原型圖以 HTML5 App 的形式分享給其他人,無需安裝 AppSeed 也能測試原型。在原型階段完成之后,AppSeed 可通過 PS Connection (需要 Photoshop CS5 以上版本的支持)將原型圖制作成 Photoshop 分層文件(比如每個元素都有單獨的層,便于操作),將設計移交到下一階段。通常產品設計師在紙上畫草圖,確定方案之后,需要根據草圖的來定義界面。紙上原型只是對照著參考,并不能直接利用原型圖。AppSeed 將原型圖制作成 Photoshop 分層文件之后,方便設計師用電腦來繼續修改和完善方案,省去了重新繪制的步驟等等。

這么好的應用哪里可以下載?!不好意思,目前AppSeed 還在?Kickstarter?上眾籌,已經快達了到設定的籌集資金目標,不過還有5天就結束眾籌。其團隊也已經制作出了可運作的產品原型,此次籌集資金是想將它變成完整的iOS應用,當然Android 版本也在計劃中,他們計劃在明年1月份發布應用。

工具的出現是為了提高效率,如果用?Suki Kits?等紙上的原型模板工具來畫一個稍微精美點的原型圖,用 AppSeed 定義交互,便直接導入到 Photoshop 中上色、調整,是否能有效,會是一個更好的方案么?極客公園也歡迎產品設計師投稿分享你是怎樣提高效率的。

 

圖片來源于 Wired & kickStarter

本文鏈接:http://www.casaleticia.com/appseed-interaction-model.html
本文標簽: , ,