快速驗證概念、節省開發成本的方法 – Prototyping

你是否常在腦中蹦出幾個創新的想法?而你又是如何將這些想法,分享給團隊或提案給上司呢?應該大部分的人都認同,這些想法很難以文字、圖片或簡報的形式呈現,因為要讓人理解你的想法,需要陳述相當多的東西,例如情境、操作或流程等。因此,想要將想法正確與精準的傳達,最好的方式就是要「具體呈現」。

另外,是否常在創意是否運行之前,開了無數次的開發會議呢?甚至,常不清楚使用者對產品的感受前,就已經耗費大量的精力與成本在製作了呢?如果有以上的問題,建議在開發流程中導入「Prototyping – 原型」這個概念與方法。

Prototyping 是什麼?

可以“快速”將你的想法“具體化”的方法

Prototyping 的意思為:在產品製作初期,以一個可互動的 Prototype 為基礎,進行討論、製作與驗證的方法。而做 Prototype 的目的是,將功能或創意迅速的以具體的形式來呈現,並儘早從使用者以及團隊成員中得到回饋。所以,重點在於做出可呈現出概念的形體即可,不需要做得很精緻,或堅持跟最終的產品長的一樣(因為快速與迭代亦為 Prototype 的特色)。

 

你需要做 Prototype 的三個理由

1. 有效地傳達創意

過去,大多以簡報形式說明想法,但若可以配合互動的 Prototype 來分享,更能具體而清楚的傳達給其他人;特別是與跟公司決策者或客戶討論時,更可以看到它帶來的效益。此外,團隊成員一起工作時,可用此方式進行溝通,來排除不同專業語言或認知的差異(PM、工程師、設計師),因而改善溝通,避免影響開發時程及產品品質。

2. 改善團隊合作

有時團隊發想出很棒的創意想法,可能必須跨越許多技術上門檻。此時,若能善用 Prototype 進行溝通,我們就可預先看到技術執行時可能會產生的障礙,便可在初期會議中討論。

3. 可以透過不斷測試來做驗證

透過製作 Prototype,可在開發的不同階段中進行使用者測試,收集回饋並改善產品。即使只是小幅度的優化,也可能助於縮短製作時間,減少開發及溝通成本。由以上三個效益,就可以知道,在開發流程中導入 Prototype,不但可以有效呈現概念,增加討論效率,同時也降低開發風險與成本。

這些好處,不只是適合資源有限的中小型企業,大企業導入後更有機會轉為以 “人” 為思考的企業文化。我們就來看 愛料理 他們怎麼做:

透過 Prott 工具,能在 Prototyping 流程中,快速在介面上導入手勢與過場動畫。
透過 Prott 工具,能快速在介面上導入手勢與過場動畫。

 

以食譜分享平台聞名的愛料理,為了持續追求更好的使用者體驗,常對產品進行更新或改善,因此在公司內實踐 Prototype 的文化與方法。愛料理團隊表示,開發團隊包含產品企劃、工程師、設計師等,為了降低溝通的成本,並對專案有共同的認知是相當重要的,所以我們的團隊以「Prototype」作為共通的語言。而 Prototype 不但有助於團隊合作,跟客戶溝通時也是不可或缺的工具。

愛料理團隊在製作 Prototype 的工具為「Prott」,因此不再像過去,從設計到實際開發上線過程使用了各種不同的工具。Prott 讓整個設計流程只需要透過一個工具,就能做全面的整合與管理。

 

愛料理的 Prototype 流程相當簡單,分為三個階段:

1. 利用 Sketch(設計軟體)或 Prott 的畫線稿功能製作 wireframe,並將設計圖上傳到 Prott 後,設定畫面的轉場效果,再與團隊成員分享。

prototyping_02

 

2. 確認 UI Flow 順暢後,再開始著手細節的視覺設計。

prott_03

 

3. 最後,可以用實際的行動裝置操作 Prototype,確認細節部分的設計。具體的 Prototype 可讓團隊成員,在實際開發前對最終產品有共同的認知。

prott_04

 

關於愛料理所使用的 Prototype 工具—「Prott

愛料理在設計流程中使用的「Prott」是一款由日本設計公司 Goodpatch 所開發的 Prototype 工具,在日本擁有相當多的使用者。在 2015 年被 Google 選為 Best App 的許多應用程式,在開發過程也使用 Prott 來做 Prototype 喔!Prott 不需寫任何程式碼,就能將 網站 或 App 的設計想法,迅速地轉換成可互動的設計原型。讓企業內的設計流程變得更快速簡單。Prott 正式推出繁體中文版了!讀者們可試用看看喔!

 

免費試用

 


 


prott_05

 

另外在八月底,大舌頭會與推出 Prott 的公司 Goodpatch ,一起合辦一場以 Prototype 的應用、效益等為主題的分享會,若有興趣的讀者可於底下連結留下資料,我們將第一時間通知喔!

留下您的聯絡方式

 

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知

訂閱設計大舌頭

隨時關注第一手 UX、UI、科技、設計新知

Facebook
LinkedIn
Telegram
Twitter