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

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

設(shè)計(jì)漏斗

來(lái)源:用戶體驗(yàn)展位

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

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

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

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

1。線框圖

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



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

來(lái)源:用戶測(cè)試與設(shè)計(jì)。

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

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

2。模型

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

模型

來(lái)源:通過(guò)UXPin模型

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

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

3所示。原型

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

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

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

原型

來(lái)源:UXPin

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

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

雖然每個(gè)階段的區(qū)別都很明確，但事實(shí)是，即使是經(jīng)驗(yàn)豐富的設(shè)計(jì)師有時(shí)也會(huì)混淆不同階段的名字。就像我們?cè)谀Ｐ偷闹改现杏懻摰哪菢?，也許最常見的混淆發(fā)生在. 本文來(lái)源：杰云網(wǎng)絡(luò)，轉(zhuǎn)載請(qǐng)注明出處！如果需要 營(yíng)銷型網(wǎng)站建設(shè)、 微商城、 小程序商城、 多端小程序 請(qǐng)聯(lián)系我們！