在當今快(kuài)速成長(cháng)的(de ♥÷ )産品行(xíng)業(yè)中，用(yòng•φ‌)戶體(tǐ)驗變得(de)越來(lái)越重要(yào)。&nbs₹↕p;

而“原型”對(duì)創造成功的(de)用β♣™(yòng)戶體(tǐ)驗至關重要(yào)。

那(nà)麽在産品設計(jì)中，我們應當選擇低(d‌≤₩ī)保真原型還(hái)是(shì)高( γ♠gāo)保真原型？兩種原型的(de)使用(yòng₽  &)場(chǎng)景又(yòu)是(shì)什(shén)麽？小(x‍×iǎo)編對(duì)此都(dōu)做(zuò)出了(leε↑)相(xiàng)應的(de)分(fēn)析，一(yī)起來(lái♦ε)看(kàn)一(yī)下(xià)吧(ba)！ 

01、什(shén)麽是(shì)低(dī)保真原型？

低(dī)保真（lo-fi）原型也(yě)叫線框圖，是(shì)将高(gāo↓♠)級設計(jì)概念轉換為(wèi)有(yǒu)形的(de)↔♣λ§、可(kě)測試物(wù)的(de)簡便快©¥₩​(kuài)捷方法。它首要(yào)的(de)作(zuò)用(yòng)是(sπ©✔hì) - 檢查和(hé)測試産品功能(néng)，而不(bù)↔Ω ∏是(shì)産品的(de)視(shì)覺外(wài)觀。  <σ→;

以下(xià)是(shì)低(dī)保真§≠原型的(de)基本特征： 

視(shì)覺：僅呈現(xiàn)産品的(de)一(λ‌yī)部分(fēn)視(shì)覺屬性。&n≈♦±bsp;

內(nèi)容：僅呈現(xiàn)産品內(nèi)容的(∞♣de)關鍵元素。 

交互：僅呈現(xiàn)産品中重要(yào)功能(néng)所涉及≈♥的(de)頁面關系。

低(dī)保真原型可(kě)以幫助我們準确拆分(f<§ēn)頁面、以及每個(gè)頁面的(de)功能(néng)模塊 ¥及展示信息，确定每個(gè)頁面元素的(de)界面布局。一(yī)般情況下(‌™xià)我們可(kě)以使用(yòng)原型設計(jì)等÷δ'¥軟件(jiàn)來(lái)繪制(zhì)線框圖，利用(yò¥​ng)所提供的(de)組件(jiàn)資源或模£<÷闆例子(zǐ)可(kě)以快(kuài)速完成線框圖的(de)繪制(zhì≈λ)。 

成本較低(dī)：擁有(yǒu)較低(dī)的×"$(de)制(zhì)作(zuò)成本，可(kě)在短(duǎn)<•§'期內(nèi)快(kuài)速完成設計(jì$γφ≈)。 

易于複用(yòng)：便于設計(jì)團隊複用(yòng)原型組♣αγ<件(jiàn)，有(yǒu)利于避免繁瑣的(λ∞↓de)返工(gōng)。 

雖然低(dī)保真原型是(shì)一(yī)種相≤↕♣(xiàng)對(duì)簡單的(de)技₽×(jì)術(shù)，但(dàn)當産品團隊需要(yào≤© )探索不(bù)同的(de)想法并快(kuài≠>)速優化(huà)設計(jì)時(shí)，它會(££★huì)非常有(yǒu)用(yòng)。 

02、什(shén)麽是(shì)高(gāo)保真原型？

高(gāo)保真 (Hi-fi) 原型又(yòu)可(kě₽♠β)以稱為(wèi)産品的(de)Demo，是(shì)盡可(kě)能(né₹σng)接近(jìn)最終産品的(de)樣式。它能(néng)夠更加詳細地(d→ £↓ì)展現(xiàn)産品的(de)功能(néng)及業(yè)‌•務需求，除了(le)沒有(yǒu)真實的(de)後台→≥φ數(shù)據進行(xíng)支撐外(wàγ​i)，幾乎可(kě)以模拟前端界面的(dΩ≤↓"e)所有(yǒu)功能(néng)。 

高(gāo)保真原型的(de)基本特征包括: ≠β∑±

視(shì)覺：需展示逼真細緻的(de)設計‍≤(jì)，接近(jìn)最終産品的(de)樣式。&nbs↔→p;

內(nèi)容：需展示的(de)大(dà)部分(fβ∑ēn)或全部內(nèi)容。 

交互：需展示更多(duō)的(de)細節和(hé)頁面關系。 

高(gāo)保真原型需要(yào)在低(dīφ→®)保真的(de)基礎上(shàng)進行(xíng)配色，插入真實的(de)σ"¶圖片及icon圖标。充分(fēn)利用(yòng)Axure或摹客RP中每一(✘ yī)類組件(jiàn)的(de)樣式及專有(yǒu)的(de)交互∏←✔屬性為(wèi)原型增加保真度，為(wèi)相(x €↕iàng)關的(de)組件(jiàn)及頁面添加交互事(shì)件(jià↑♠n)、配置交互動作(zuò)。這(zhè)樣從(cóng)視(shìλ'Ω↑)覺顯示及交互設計(jì)來(lái)看(kàn)↓®，就(jiù)是(shì)一(yī)個(gè)完全高(gāλ× o)仿的(de)Demo原型。 

創建高(gāo)保真原型還(hái)有(yǒu)以下(xλ₹ià)優點： 

可(kě)用(yòng)性高(gāo)：高(gāo)保真原型通(t™α★ōng)常看(kàn)起來(lái)像真正的(de)産品，可 §γ>(kě)以清楚地(dì)了(le)解産品主要(yà®‍₹o)功能(néng)。 

易于研發：借助高(gāo)保真交互性，可(kě)以測♥₽試特定交互，比如(rú)動畫(huà)過渡和(hé)微(wēi)交互。&nbs™£≈p;

高(gāo)保真原型可(kě)以确保從( φ‍ cóng)産品經理(lǐ)到(dào)UX設計(jì)師(sh$↓ī)，每個(gè)人(rén)都(dōu)能(néng®₹>≈)把握産品的(de)方向。能(néng)夠更加詳細地( £¥dì)展現(xiàn)産品的(de)功能(néng)及業(yè)務需求，可(∞↕≥₽kě)以測試非常具體(tǐ)的(de)交互細節。 

03、低(dī)保真原型的(de)使用(yòng)場(chǎng)景♦€是(shì)？ 

頭腦(nǎo)風(fēng)暴：适合快(kuài)速的(de)頭腦(nǎo★★)風(fēng)暴，向客戶、開(kāi)發和(hé)項目參與者演示設計Ω©(jì)想法。 

早期測試：可(kě)以把握關鍵的(de)功能(néng)，更好(hǎ₽§∏o)地(dì)定義流程、信息架構以及UI布局。&nbs©β§p;

開(kāi)發确認：前期确定技(jì)術(shù)層面是(s&↕hì)否能(néng)夠實現(xiàn)功能φ→‌‌(néng)體(tǐ)驗，避免後期無法開(kāi)發。

04、高(gāo)保真原型的(de)使用(÷≤εyòng)場(chǎng)景是(shì)？ 

功能(néng)實現(xiàn)：确保核心功能(néng)需求方面≈​滿足了(le)用(yòng)戶的(de)基本目标。 

交互設計(jì)：确保大(dà)多(duō)數(s‍₩hù)交互動效都(dōu)是(shì)直觀且具有(yǒu)趣味性的(de​☆‍)。 

測試開(kāi)發：可(kě)以節省開(kāi)發λ​寫代碼的(de)時(shí)間(jiān)，有(&  λyǒu)效減少(shǎo)了(le)錯(cuò)誤和(hé)返工(×✘gōng)。 

如(rú)果想要(yào)提升産品的(de✔→>)用(yòng)戶體(tǐ)驗，充分(fēn)利用(yòng)好(hǎo)原型‍©δ是(shì)必不(bù)可(kě)少(shǎo)的(de)一(y¥&">ī)項技(jì)能(néng)。根據産品需求，選擇最有✔ £(yǒu)效的(de)原型設計(jì)方法至關重要(yào)，因為(£α↓wèi)這(zhè)種方法可(kě)以極大(dà)限度地(dì)減少(shǎo÷‌)工(gōng)作(zuò)，最大(dà)限度₹γε地(dì)提高(gāo)學習(xí)效率。

部分(fēn)內(nèi)容圖片來(lái)源網絡，侵  删