高/低擬真化模型

 

High/Low fidelity Prototype

高/低擬真化模型

 

摘要 (Abstract)

高擬真化模型需要投入較高的開發成本。在概念未成熟或有多個設計概念候選時,可以採用低擬真化的建模方式完成設計雛型;當概念成熟時,高擬真化的模型可提供更接近真實的使用者體驗。

 

定義(Definition)

建構擬真化模型的主要目標是在創建真實產品之前測試設計,產品的成功與否跟進行測試直接相關,當產品在市場上出售並且人們開始使用時,您的設計將進行測試,如果這是有史以​​來第一次測試,用戶很可能會收到負面反饋,因此,在低風險研究階段和公開發布之前收集反饋會更好。

以下是需要的兩種情況:

>確保設計按預期工作進行,在大多數情況下,使用真實用戶測試概念相對容易,一旦產品創意的交互式版本掌握在真實用戶手中,產品團隊就能夠看到目標受眾如何使用該產品,根據這些反饋,可以調整初始概念。

>確定人們是否可以使用產品,擬真化設計對於在發布之前查找和解決可用性問題至關重要擬真化測試揭示了需要改進的領域。這就是為什麼這麼多產品團隊創建,讓用戶測試它們,並迭代設計直到它足夠好的原因。

低擬真化模型

將高級設計概念轉換為有形和可測試工件的快速簡便方法。最重要的作用是檢查和測試功能而不是產品的視覺外觀。

以下是低擬真化模型製作的基本特徵

>視覺設計僅呈現最終產品的一些視覺屬性(例如元素的形狀,基本視覺層次等)

>內容:僅包含內容的關鍵元素。

>互動性:可以由真人模擬在測試會話期間,熟悉設計的特定人員充當計算機並手動實時更改設計的狀態。交互也可以從線框創建,也稱為“連接的線框”。這種類型的原型基本上是在PowerPoint或Keynote等應用程序內相互鏈接的線框,或者使用特殊的數字原型工具,如Adobe XD

高擬真化模型

高擬真化模型的出現和功能盡可能與將要發貨的實際產品相似。當團隊對他們將要構建的內容有充分的了解時,他們通常會創建高擬真化模型,他們需要與真實用戶一起測試或獲得利益相關者的最終設計批准。

高擬真化模型的基本特徵包括:

>視覺設計逼真而詳細的設計 – 所有界面元素,間距和圖形看起來就像一個真實的應用程序或網站。

>內容設計師使用真實或類似真實的內容。原型包括將出現在最終設計中的大部分或全部內容。

>互動性:原型在交互中非常逼真。

低擬真化模型vs高擬真化模型

 低擬真化模型  高擬真化模型
不像最終設計的成品

優點

  • 快,可以在五到十分鐘內創建一個低擬真化模型,這使得產品團隊可以毫不費力地探索不同的想法。
  • 價格便宜,低擬真化模型製作優勢在於其極低的成本。
  • 可以探討主要架構與功能

 

  接近最終設計成品

  優點

  • 可用性測試期間有意義的反饋高擬真化模通常看起來像用戶的真實產品。這意味著在可用性測試會話期間,測試參與者將更有可能自然地表現 – 就好像他們正在與真實產品交互一樣。
  • 特定UI元素或交互的可測試性通過高保真互動,可以測試圖形元素,如可供性或特定的交互,如動畫過渡和微交互。
  • 易於從客戶和利益相關者那裡了解,也適用於向利益相關者展示,為客戶和潛在投資者提供了產品應該如何運作的清晰概念

在概念未成熟或有多個設計概念候選時,

可以採用低擬真化的建模方式完成設計雛型

當概念成熟時,

高擬真化的模型可提供更接近真實的使用者體驗。

 

步驟(Procedure)

Step1. 初步構想

確定初步設計構想以利後續執行建模目標

Step2. 建立草圖

將設計構想繪製草圖(大多在白紙上手繪),大家在一邊討論產品功能,一邊直接繪制產品雛形,在討論的過程中發現問題,及時修改

Step3. 製作低擬真模型

當我們明確了產品的業務需及使用場景以後,可以使用低擬真模型來較快的設計產品的概貌。明確了產品的功能需求及業務範圍,基本上已經知道了產品需要做什麼後,首先需要梳理清楚產品的功能結構和資訊結構,根據業務需求推導出詳細的功能點。好了,通過這些工作產品的戰略目標、需求範圍、功能結構都已經清楚了,下面就可以開始正式繪制線框圖了,線框圖又稱為低保真原型。

Step4. 進行挑選及優化

從多項低擬真模型中挑選/執行優化

Step5. 製作高擬真模型

向高層領導進行產品演示或者向投資人演示產品概念,以尋求項目融資。高保真原型又可以成為產品的Demo,除了沒有真實的後台數據進行支撐外,幾乎可以模擬前端界面的所有功能,完全是一個高仿產品。

 

案例(Case)

案例一    以建築設計為例

Step1. 初步構想

確立設計理念與建築功能特色

Step2. 建立草圖

將設計繪製成建築草圖、平面圖、剖面圖、爆炸圖

Step3. 製作低擬真模型

將草圖利用簡單的材料(珍珠板等)製作初步低擬真建模(草模)

Step4. 進行挑選及優化

透過初步低擬真建模發現問題與優化設計(通常需要再進行圖面與模型修改)

Step5.重複2-4步驟

會得到數個低擬真模型後,從中挑選最終版本進行下一步驟

Step6. 製作高擬真模型

優化(定案)後製作高擬真模型(正模)


案例二    網頁設計公司製作客戶要求為例

Step1. 初步構想

了解需求後初步構想其需要的功能、結構及要傳達的資訊

Step2. 建立草圖

將設計所有的構想繪製在白紙上,一邊討論產品功能,一邊直接繪制產品雛形,過程中發現問題便及時修改

Step3. 製作低擬真模型

這些工作產品的戰略目標、需求範圍、功能結構都已經清楚了,就開始利用簡單的工具正式繪制線框圖了,模擬初步的樣貌

Step4. 進行挑選及優化

透過多個製作低擬真模型挑選較為符合初步構想去執行優化

Step5. 製作高擬真模型

並利用優化製作高擬真模型,展示高仿產品產品,為客戶提供了產品應該如何運作的清晰概念

 

參考資料(Reference)

Souyi Yang。成大心理系-Prototyping方法。

知乎專欄。原型設計介紹,了解一下?

低保真與高保真原型設計

Mediun。High-Fidelity & Low-Fidelity Prototyping: What, When and How?

Adobe Blog。Prototyping 101: The Difference between Low-Fidelity and High-Fidelity Prototypes and When to Use Each

 

資料整理:2018 鄭侑宸2019 金佳穎

總編輯:羅歆慈

編輯與排版:李明容

分享 Acadeck 給更多人!