一、什么是交互原型設計

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

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

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

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

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

1、設計思路

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

2、方案展示

這(zhe)是交互(hu)原型(xing)中最核心(xin)的(de)(de)部分。需要提醒的(de)(de)是，交互(hu)原型(xing)的(de)(de)制(zhi)作是在設計師拿(na)到需求后，經過(guo)設計分析后開始進行。制(zhi)作原型(xing)的(de)(de)過(guo)程(cheng)，只(zhi)是把(ba)前(qian)面(mian)的(de)(de)分析過(guo)程(cheng)的(de)(de)結果(guo)，用頁面(mian)的(de)(de)形式畫出來。所以交互(hu)設計師一定不要把(ba)“畫原型(xing)”當成(cheng)自己最主要的(de)(de)任務。交互(hu)設計師的(de)(de)核心(xin)價值(zhi)，是通過(guo)高(gao)質量的(de)(de)交互(hu)方(fang)案達到設計目標(biao)，以解決某種問題。

交(jiao)互原型(xing)的本質(zhi)是(shi)一種溝(gou)通工具，主要用于團隊內(nei)部協作(zuo)，作(zuo)用是(shi)傳(chuan)達(da)需(xu)求。因此，為了把(ba)需(xu)求傳(chuan)達(da)清(qing)楚，交(jiao)互原型(xing)中必須(xu)包含(han)以下5類信(xin)息：

（1）原型展現完整的流程。

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

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

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

（5）異(yi)常(chang)、極限狀態說明。

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

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

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

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

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

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

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