原型分類

為了讓用戶能夠更直觀的評(píng)估產(chǎn)品設(shè)計(jì)，避免將錯(cuò)誤帶到最終的產(chǎn)品中去，從而根據(jù)構(gòu)思設(shè)計(jì)產(chǎn)品的大概草案版本，稱為原型設(shè)計(jì)。

概念原型

初級(jí)原型：線框原型和低保真原型。

高級(jí)原型：高保真原型。

交互理論

1、習(xí)慣與映射比擬

把某種概念與用戶更熟悉的其他實(shí)體相聯(lián)系。

2、交互的狀態(tài)

交互設(shè)計(jì)中需要考慮的12種狀態(tài)，確保交互流暢而富有意義。

等待：打開(kāi)應(yīng)用，閃屏、啟動(dòng)頁(yè)等

開(kāi)始：進(jìn)入到主界面

輸入：登錄界面

空：用戶不存在

有數(shù)據(jù)：引導(dǎo)用戶進(jìn)行下一步操作

過(guò)多數(shù)據(jù)：數(shù)據(jù)太多

關(guān)注：看內(nèi)容，看消息看視頻等

正確：想要收藏圖片，轉(zhuǎn)載文章，關(guān)注等

錯(cuò)誤：出現(xiàn)了錯(cuò)誤，輸入不規(guī)范，頁(yè)面加載錯(cuò)誤等

待確定：信息待確定，付款輸入密碼，確定交易信息等等

結(jié)束：事件完成

中斷：APP崩潰

3、交互方式的選擇

手勢(shì)和其他輸入方式最大程度的利用機(jī)器的性能簡(jiǎn)化操作難度。

手勢(shì)操作：

操作安全區(qū)： 舒適操作區(qū)域（綠色），一般操作區(qū)域（黃色），幾乎不可操作區(qū)域（紅色）。

縱向單手操作，全局滑動(dòng)手勢(shì)切換頁(yè)面標(biāo)簽，全局右滑后退，用語(yǔ)音代替鍵盤輸入，用攝像頭代替手寫輸入（二維碼）。

4、情感化設(shè)計(jì)

設(shè)計(jì)原型的時(shí)候考慮心理學(xué)因素，典型的應(yīng)用手段有：情感故事溝通，制造緊迫感，利用好奇心，利用從眾心態(tài)等方法。

合理的故事講述可以使人印象深刻，引起共鳴，設(shè)下懸念，不枯燥。

適當(dāng)制作緊迫感和即時(shí)的反饋，讓人感覺(jué)到資源的重要性。

給他驚喜意想不到的獎(jiǎng)勵(lì)。

提供有趣的設(shè)計(jì)，利用用戶好奇心。

設(shè)置競(jìng)爭(zhēng)模塊，利用從眾心理。

概念原型

界面模式

應(yīng)用啟動(dòng)后的第一個(gè)界面。

啟動(dòng)界面（ Splash ）兩種展示方式：

1、顯示圖標(biāo)，服務(wù)名稱，增強(qiáng)產(chǎn)品認(rèn)知度。

2、顯示與應(yīng)用首頁(yè)類似界面，減少用戶等待時(shí)間。

過(guò)場(chǎng)界面( Onboarding/Walk through )：首次啟動(dòng)應(yīng)用時(shí)，主要向用戶介紹產(chǎn)品特點(diǎn)和功能。設(shè)有跳過(guò)按鈕，優(yōu)化用戶體驗(yàn)。

 

教程界面( Coach Mark )：一個(gè)疊加與實(shí)際程序界面之上的臨時(shí)界面，主要提示用戶首先應(yīng)該執(zhí)行那些操作。

 

空狀態(tài)( Empty State )：用于提示用戶當(dāng)前無(wú)可顯示的內(nèi)容。使用場(chǎng)景多為，所需數(shù)據(jù)不存在、網(wǎng)絡(luò)故障（404界面）等。

 

首頁(yè)（Home Page）：頂層界面，用于顯示各種各樣的信息。并通過(guò)導(dǎo)航功能將其他界面關(guān)聯(lián)起來(lái)。

 

一覽界面：連續(xù)顯示相關(guān)內(nèi)容。包括搜素結(jié)果界面、時(shí)間軸界面、圖庫(kù)界面以及通知、活動(dòng)界面。

 

詳情界面：顯示特定的信息，界面層級(jí)較深，應(yīng)用場(chǎng)景為圖片、視頻、文章、地圖等。

 

輸入/操作界面：用戶可以執(zhí)行特定操作，包括登錄、發(fā)布消息、拍照、設(shè)置等。

基本界面組成（IOS）

標(biāo)簽欄的主要主要其實(shí)跟面包屑導(dǎo)航差不多，都是讓用戶知道自己在那。

導(dǎo)航欄

標(biāo)簽欄

列表

導(dǎo)航控件

軟件的結(jié)構(gòu)以及基本交互由導(dǎo)航?jīng)Q定。桌面端及網(wǎng)頁(yè)導(dǎo)航菜單數(shù)量超過(guò)9個(gè)一定要進(jìn)行分組，而移動(dòng)端菜單受限于屏幕的范圍，一般不超過(guò)5個(gè)，根據(jù)應(yīng)用類型的不同常見(jiàn)的導(dǎo)航形式：標(biāo)簽式、分段式、下拉式、深入式、儀表盤式、抽屜式、彈出式。

1、標(biāo)簽式（Tab）：用于頂層界面提供導(dǎo)航功能。

2、分段式（Segment）：比標(biāo)簽導(dǎo)航控件小，可融入界面

3、下拉式：顯示在當(dāng)前界面之上的菜單列表

4、深入式：條目過(guò)多時(shí)具有層級(jí)關(guān)系

5、儀表盤式：可用于比頂層界面更高一級(jí)的界面中導(dǎo)航

6、滑動(dòng)式：走馬燈式應(yīng)用，瀏覽大面積內(nèi)容

7、彈出式：Android特有懸浮按鈕