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

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

設(shè)計漏斗

來源:用戶體驗展位

我們將通過提供一個廣泛的概述，討論術(shù)語，并展示它們?nèi)绾稳谌胝麄€設(shè)計過程，從而開始我們對模型的探索。

一個字關(guān)于措辭

回到基礎(chǔ)，在一個網(wǎng)站或應(yīng)用發(fā)布之前，他們大多數(shù)都經(jīng)歷了三個初步階段。這些階段允許團(tuán)隊(有時是少數(shù)選擇用戶)在發(fā)布之前測試其外觀、結(jié)構(gòu)和功能。理想情況下，這些初始階段允許您在它們?nèi)匀缓苄〉臅r候修復(fù)任何問題，并對您的設(shè)計進(jìn)行微調(diào)，以*清晰地傳達(dá)您的信息。

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

1。線框圖

線框圖通常是一種低保真度的、裸露的藍(lán)圖，通常用灰色的盒子和占位符來表示詳細(xì)的內(nèi)容。他們的目標(biāo)是幫助確定什么是在哪里，而不是花費(fèi)太多時間在美學(xué)上。一個好的線框應(yīng)該解釋:



內(nèi)容是如何分組的?
信息是如何構(gòu)成的?
UI交互中*基本的視覺效果。
線框圖

來源:用戶測試與設(shè)計。

wireframe的目的是為整個團(tuán)隊詳細(xì)規(guī)劃網(wǎng)站應(yīng)該如何設(shè)計。正如在線框圖的免費(fèi)指南中所描述的，線框圖的主要目標(biāo)是文檔和設(shè)計結(jié)構(gòu)，但也可以向客戶和利益相關(guān)方展示，以獲得反饋，而更改并不是非常困難的。

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

2。模型

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

模型

來源:通過UXPin模型

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

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

3所示。原型

開始階段的結(jié)束，原型可以是產(chǎn)品的低或高保真表示，包括功能和UI設(shè)計的細(xì)節(jié)。除了前兩個階段的信息結(jié)構(gòu)和可視化之外，原型引入了更深入的早期UI，使用戶可以:

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

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

原型

來源:UXPin

高保真的原型應(yīng)該是*終產(chǎn)品的一個步驟;它應(yīng)該盡可能接近*終版本的外觀和功能。

線框和模型之間的區(qū)別。

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