一、什么是交互原型設計

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

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

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

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

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

1、設計思路

在(zai)交(jiao)互原(yuan)型(xing)的(de)第一頁，可(ke)以加(jia)上“項(xiang)目(mu)(mu)概述”這個主題(ti)，主要展示該需(xu)(xu)求的(de)基本信息和(he)迭代說(shuo)(shuo)明，其(qi)中項(xiang)目(mu)(mu)概況(kuang)、平(ping)臺說(shuo)(shuo)明和(he)功能(neng)(neng)列表(biao)都比較(jiao)好理解，迭代說(shuo)(shuo)明部分指(zhi)的(de)交(jiao)互原(yuan)型(xing)的(de)迭代記錄(lu)。在(zai)實(shi)際工作中，原(yuan)型(xing)的(de)設(she)計(ji)往往不可(ke)能(neng)(neng)一步到(dao)位(wei)，一般需(xu)(xu)要經(jing)過溝通(tong)、評(ping)審慢(man)慢(man)確(que)定最終的(de)原(yuan)型(xing)。在(zai)這種情況(kuang)下(xia)，設(she)計(ji)師需(xu)(xu)要把每(mei)一次的(de)變更(geng)都記錄(lu)下(xia)來，方(fang)(fang)便項(xiang)目(mu)(mu)成員(yuan)看(kan)到(dao)每(mei)次更(geng)新修改的(de)內(nei)容，提高工作效率，節(jie)約溝通(tong)成本，方(fang)(fang)便后(hou)期追溯(su)。

2、方案展示

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

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

（1）原(yuan)型展現完(wan)整的流程。

（2）界(jie)面(mian)(mian)以(yi)及(ji)界(jie)面(mian)(mian)中的元素(su)展(zhan)現需(xu)求的所有功能點。

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

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

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

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

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

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

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

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

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

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