跳過導覽
An image showing two screens interacting as a prototype.
學習設計

什麼是設計原型?完整指南

瞭解什麼是原型,以及它如何幫助您測試設計構想

您所知的幾乎所有產品,在某個時間點都曾經是原型。無論您身處哪個產業,從頭開始創造產品時,您都會到達一個需要驗證您的想法的階段,然後利害關係人才會投入主要資源。這就是為什麼原型是產品開發生命週期的核心部分。

在設計領域,您可能正在為行動應用程式或網站建立原型。在本文中,我們將解釋什麼是原型、它們為何如此有用,以及不同類型的原型。

什麼是原型?

簡單來說,原型是用於測試設計的物件早期模型。原型是最終版本的草稿,著重於功能性,並讓您的利害關係人清楚瞭解您的最終產品。

An image of the design life cycle highlighting what is a prototype.

適合您的原型

原型的一個重要特性是您不必建立與最終產品一模一樣的模型。通常,您只需要測試最終產品的特定部分。您甚至不必只為您的產品建立一個原型 — 您有幾個不同的選項

  • 從頭開始建構:從一個基本原型開始,在其基礎上建構,直到完成。您可以將其視為對您的 MVP(最小可行產品)的測試,MVP 的重點是建立僅具備產品關鍵功能的可交付產品。
  • 測試並繼續前進:為產品的特定部分建立不同的原型,並瞭解在測試完成後,您可能會捨棄或迭代它們。這有助於您在設計過程中採用敏捷方法。
  • 早期迭代:原型不必等到設計週期結束才進行。您可以使用原型盡早驗證和測試任何想法。透過從探索過程到發布後持續迭代,您可以保持持續改進的循環。

原型與其他設計工具的比較

原型是一個廣泛的術語。它可以指整個專案的模型、側重於功能而非設計的模型,或側重於設計而沒有功能的模型。但最常見的用例是側重於功能的設計,這有助於您將它們與線框圖模型區分開來。由於更加注重功能性,原型是在測試中使用的完美工具。

Sketch 可以幫助您建立互動式原型來測試您的設計。

原型設計有什麼好處?

正如我們所解釋的,原型是設計過程中不可或缺的一部分,無論您採用哪種方法。由於原型是進行測試的最佳設計模型,讓我們來看看它們可以提供哪些幫助

  • 構思驗證:您可以在設計流程的早期階段使用原型設計來分享您的構想。這將幫助您和您的團隊確切地了解您要實現的目標。
  • 協作設計:設計過程非常需要協作。由於原型會測試設計,因此您可以而且應該讓盡可能多的利害關係人參與。 使用者體驗設計師 可以協助測試和驗證導航,開發人員可以測試功能,產品經理可以協助您測試使用者流程。
  • 吸引投資者和更新利害關係人:您通常需要一個原型來向投資者和利害關係人證明這個構想值得進入下一步。當您有一個原型來展示您計劃交付的內容以及它可能的外觀時,將資源投入專案會容易得多。
  • 易用性測試 原型非常適合將產品的工作版本交到使用者手中,並在產品發佈之前檢查您的設計是否真的可以使用。

既然我們知道了原型有多麼有用,讓我們來看看我們可以創建的不同種類的原型。

原型範例

與模型和線框圖類似,原型可以根據您的需求具有不同的逼真度。因此,讓我們來看看低逼真度和高逼真度原型之間的差異,並查看每個原型的範例。

低逼真度原型

當您處於設計的初始階段時,低逼真度原型是您的首選方案。它們通常是用鉛筆和紙繪製的草圖,您可以使用它們盡可能快速、粗略地傳達設計。

A hand-drawn image of a low-fidelity prototype.

如果您剛開始接觸原型設計,將您的想法草繪出來將使您保持井然有序並專注於任務。

根據您的需求,您有時需要使用低逼真度原型。因此,讓我們來看看使用低逼真度原型的優缺點。

優點 缺點
快速 — 快速草繪構想以傳達給利害關係人。 粗略 — 粗略的草圖在最終設計中可能看起來不同,這可能會在以後造成摩擦。
經濟實惠 — 您不需要任何特殊的工具或產品來創建原型。 不準確 — 如果沒有精確的測量,就很難判斷某些東西在實踐中是否可行。
靈活 — 鉛筆和紙讓您可以在會議和腦力激盪會議期間快速進行調整。 過於簡化 — 您只能在紙本設計中添加有限的細節,而數位原型則不然。
易於使用 — 任何人都可以隨時隨地草繪出一個構想,以幫助塑造最終產品。 可擴展性 — 與數位原型不同,您無法輕鬆地迭代紙本設計。

既然我們已經了解了一些為什麼要考慮使用低逼真度原型的想法,讓我們來看看高逼真度原型可以帶來什麼。

高逼真度原型

當您想到數位產品的原型時,您想到的很可能是高逼真度原型。它們更接近原型的定義,即最終產品的測試版本。您可以使用 Sketch 等數位設計工具來創建高逼真度原型。

An image of a high-fidelity prototype designed in Sketch.

高逼真度原型是準確的設計,並且更接近最終產品。

因此,讓我們來看看為您的設計使用高逼真度原型的優缺點。

優點 缺點
準確 — 您可以創建非常接近最終產品的東西。 耗時 — 詳細的設計需要更長的時間來創建。
詳細 — 顏色、組件、文案和完成的素材可以在易用性測試中產生巨大的差異。 不易使用 — 您需要設計技能和特定的工具來創建數位原型,這就產生了更高的進入門檻。
彈性十足 — 輕鬆修改設計、顏色、佈局和文案。此外,您還可以獲得更細緻的回饋。 成本 — 您需要聘請專業的設計師來製作和持續改進原型。
可擴充性 — 您可以從一個畫面開始,隨著設計和測試流程的推進逐步新增更多畫面。  

值得注意的是,低擬真度和高擬真度原型並非互斥的選項。根據您的測試需求,在設計過程中可能兩者都需要。關鍵是要持續測試您的設計,採用任何適合您的方式。如此一來,您就不會在後期遇到重大意外。

您可能也喜歡

免費試用 Sketch

無論您是 Sketch 新手,還是回來查看新功能,我們都能讓您在幾分鐘內設定完成並準備好進行最佳創作。

免費開始使用
免費開始使用