一、什么是交互原型設計

交互原型是交互設計師的主要產出，是交互設計師在接到產品需求之后，經過一系列分析，利用原型設計工具，將抽(chou)象的(de)文字產(chan)品需求轉化成具體的(de)圖形產(chan)品方案(an)的(de)產(chan)物。

一份好的(de)(de)交(jiao)互(hu)原型(xing)，首先必(bi)須(xu)(xu)提供一個(ge)好的(de)(de)解(jie)決方(fang)案。這需要交(jiao)互(hu)設(she)(she)計(ji)師對產(chan)品需求進行合(he)理的(de)(de)分析，明確(que)需求的(de)(de)設(she)(she)計(ji)目標，并使用(yong)最合(he)適的(de)(de)交(jiao)互(hu)方(fang)案，幫(bang)助(zhu)團隊(dui)達到目標。其次(ci)，一份優秀的(de)(de)交(jiao)互(hu)原型(xing)，還必(bi)須(xu)(xu)符合(he)基(ji)本的(de)(de)設(she)(she)計(ji)原則、使用(yong)符合(he)規(gui)范的(de)(de)控件、對各(ge)種可能出現的(de)(de)情況都給予考慮和展(zhan)現。

該圖片由注冊用戶"荊湖酒徒"提供，版權聲明反饋

二、交互原型設計工具如何畫交互原型

對(dui)于交互設(she)計師來說，使(shi)用原(yuan)型設(she)計工具畫交互原(yuan)型是(shi)基本功，下(xia)面為大家介紹一下(xia)如何畫交互原(yuan)型：

1、設計思路

在交互原型的(de)(de)(de)第一(yi)頁，可以加上“項目(mu)概述(shu)”這個主題，主要展示該需(xu)求的(de)(de)(de)基本信(xin)息和(he)迭(die)代說明(ming)，其(qi)中項目(mu)概況、平臺說明(ming)和(he)功能列表都比較好理(li)解，迭(die)代說明(ming)部分(fen)指的(de)(de)(de)交互原型的(de)(de)(de)迭(die)代記錄。在實(shi)際工(gong)作(zuo)中，原型的(de)(de)(de)設(she)計往往不可能一(yi)步到位，一(yi)般需(xu)要經過溝通、評審(shen)慢慢確(que)定最(zui)終的(de)(de)(de)原型。在這種情況下，設(she)計師需(xu)要把每一(yi)次的(de)(de)(de)變(bian)更都記錄下來，方(fang)便(bian)項目(mu)成員看到每次更新修改的(de)(de)(de)內容，提高工(gong)作(zuo)效率，節(jie)約溝通成本，方(fang)便(bian)后(hou)期追(zhui)溯。

2、方案展示

這是(shi)交互原型(xing)(xing)中(zhong)最(zui)核心的(de)(de)部分(fen)。需要提醒的(de)(de)是(shi)，交互原型(xing)(xing)的(de)(de)制作(zuo)是(shi)在(zai)設(she)計師拿到(dao)需求后(hou)，經過(guo)設(she)計分(fen)析后(hou)開始進行。制作(zuo)原型(xing)(xing)的(de)(de)過(guo)程(cheng)，只是(shi)把前面(mian)的(de)(de)分(fen)析過(guo)程(cheng)的(de)(de)結果，用頁面(mian)的(de)(de)形式(shi)畫出來。所以交互設(she)計師一定不要把“畫原型(xing)(xing)”當成自己最(zui)主(zhu)要的(de)(de)任務。交互設(she)計師的(de)(de)核心價值，是(shi)通過(guo)高質量(liang)的(de)(de)交互方案(an)達到(dao)設(she)計目標(biao)，以解(jie)決某種問(wen)題。

交互原型(xing)的本質(zhi)是一種(zhong)溝通工具，主要(yao)用于團隊(dui)內部協作，作用是傳達需求。因(yin)此，為了把需求傳達清楚，交互原型(xing)中必須包含以下5類(lei)信(xin)息：

（1）原型展現(xian)完整的(de)流程。

（2）界面以及(ji)界面中的(de)元素展現需求的(de)所有功(gong)能點。

（3）界面中元素的各種狀態說明。

（4）元素操(cao)作后的效果。

（5）異常、極限狀態說明。

三、交互原型設計注意事項

在做交互原型設計時，要把原型的閱讀者想(xiang)象(xiang)成對產品和設(she)計(ji)一無所知的人(ren)，該怎(zen)樣展示產品的邏輯和功能(neng)，才(cai)能(neng)夠讓其通(tong)過原型來理解(jie)這個產品，設(she)計(ji)時要注意(yi)的幾(ji)個事項(xiang)主要有：

1、使(shi)用(yong)灰(hui)度線(xian)框圖(tu)：顏色和視覺效果會影響大(da)家對(dui)易(yi)用(yong)性的判斷。

2、清晰地展示流(liu)程：順(shun)暢的(de)操(cao)作流(liu)程是產品易用(yong)性最基(ji)本的(de)標準。

3、關鍵功能要(yao)有故事(shi)板(ban)：角色、場景、情節，使團隊人員更快、更好地理解產品。

4、要有(you)注釋和說明：圖文并茂更能(neng)準確傳達設計方(fang)案與想法。

5、一致(zhi)(zhi)性(xing)和規范(fan)性(xing)：優秀交互原型的元素、組件、頁(ye)面甚至文案(an)用語的調性(xing)都是規范(fan)一致(zhi)(zhi)的。