快速驗證概念、節省開發成本的方法 – 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、科技、設計新知

Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on telegram
Telegram
Share on twitter
Twitter