在我們討論如何充分利用你的模型之前，它幫助你了解它們到底是什么——以及它們不是什么。

在線框圖、模型、線框圖和原型的指南中，我們可以相互混淆，從而很難在每個模型中找到準確的信息。但是，所有這些都是UX設計過程的組成部分，因此每個都應該得到應有的關注。

設計漏斗

來源:用戶體驗展位

我們將通過提供一個廣泛的概述，討論術語，并展示它們如何融入整個設計過程，從而開始我們對模型的探索。

一個字關于措辭

回到基礎，在一個網站或應用發布之前，他們大多數都經歷了三個初步階段。這些階段允許團隊(有時是少數選擇用戶)在發布之前測試其外觀、結構和功能。理想情況下，這些初始階段允許您在它們仍然很小的時候修復任何問題，并對您的設計進行微調，以*清晰地傳達您的信息。

但是因為這些相位是相似的，所以它們經常被混淆。這就是為什么我們在這里花點時間來澄清每個術語的專有名詞。Marcin Treder列出了用戶體驗設計過程的三個階段，如線框圖、模型和原型。讓我們更深入地了解每個階段。

1。線框圖

線框圖通常是一種低保真度的、裸露的藍圖，通常用灰色的盒子和占位符來表示詳細的內容。他們的目標是幫助確定什么是在哪里，而不是花費太多時間在美學上。一個好的線框應該解釋:



內容是如何分組的?
信息是如何構成的?
UI交互中*基本的視覺效果。
線框圖

來源:用戶測試與設計。

wireframe的目的是為整個團隊詳細規劃網站應該如何設計。正如在線框圖的免費指南中所描述的，線框圖的主要目標是文檔和設計結構，但也可以向客戶和利益相關方展示，以獲得反饋，而更改并不是非常困難的。

要了解高保真設計如何以線框圖開始，請查看UXPorn并在每個設計上懸停，以查看轉換。

2。模型

我們的模型指南的主要特征是，模型通常是產品外觀的中至高保真表示，并展示了其功能的基礎。模型填充了視覺細節(比如顏色、字體等)，通常是靜態的。通過查看一個模型，您應該了解*終產品的外觀，以及它如何運行的大致概念(即使功能還沒有工作)。一個模型可以被認為是一個引人注目的視覺設計草圖。

模型

來源:通過UXPin模型

wireframe奠定了基礎，而實體模型增加了視覺的豐富性。雖然實體模型的目的是文檔化和組織團隊的愿景，但它確實有一個額外的優勢:wireframe沒有:在它的*視覺效果下，實體模型對利益相關者和投資者來說更令人印象深刻，并且能夠更好地產生興趣。

雖然wireframe在視覺上受到了阻礙，但它在外觀上接近*終版本，盡管它缺少原型的功能。這樣，模型就成為了線框和原型之間的橋梁。

3所示。原型

開始階段的結束，原型可以是產品的低或高保真表示，包括功能和UI設計的細節。除了前兩個階段的信息結構和可視化之外，原型引入了更深入的早期UI，使用戶可以:

經驗的實際內容
以類似于*終產品的方式與UI交互。
在進一步開發之前預測和解決可用性問題。
當涉及到為原型找到正確的保真度時，請記住，低fi會讓你更快地測試和調整，而高保真度將使你盡可能接近*終產品，而不會將資源投入開發。

一個常見的設計過程是從一個低fi的原型開始(類似于蘋果通過創建數百個早期的原型所做的)，然后迭代到高保真的原型。通過這種方式，您可以從客戶驅動的設計中獲益，因為早期測試(正如*企業家Andrew Chen所建議的)以及高保真的清晰規范(正如SVPG合作伙伴Marty Cagan所解釋的)。

原型

來源:UXPin

高保真的原型應該是*終產品的一個步驟;它應該盡可能接近*終版本的外觀和功能。

線框和模型之間的區別。

雖然每個階段的區別都很明確，但事實是，即使是經驗豐富的設計師有時也會混淆不同階段的名字。就像我們在模型的指南中討論的那樣，也許*常見的混淆發生在. 本文來源：智通澤軟件，轉載請注明出處！如果需要泊頭網站建設 泊頭小程序開發 泊頭微信開發 泊頭APP開發請聯系封經理，我們將提供上門服務！
聯系方式：手機：13393374114  座機：0317-8280288 QQ：958361464  或掃一掃下面二維碼加我微信：