一、什么是交互原型設計

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

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

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

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

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

1、設計思路

在(zai)(zai)交互原型的(de)第(di)一頁，可以加(jia)上“項目(mu)概述”這個主(zhu)題，主(zhu)要展示該需(xu)(xu)求的(de)基本信(xin)息和迭代說(shuo)明，其中項目(mu)概況、平臺說(shuo)明和功能列(lie)表(biao)都比較(jiao)好理解，迭代說(shuo)明部分指的(de)交互原型的(de)迭代記錄(lu)。在(zai)(zai)實際工作(zuo)中，原型的(de)設計往往不可能一步(bu)到(dao)位，一般需(xu)(xu)要經過溝通、評審(shen)慢慢確定最終的(de)原型。在(zai)(zai)這種情況下，設計師需(xu)(xu)要把每一次(ci)的(de)變(bian)更都記錄(lu)下來，方便項目(mu)成員看到(dao)每次(ci)更新修(xiu)改的(de)內容，提高(gao)工作(zuo)效(xiao)率，節約溝通成本，方便后期追溯(su)。

2、方案展示

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

交互(hu)(hu)原(yuan)型的本質是一種溝通工具(ju)，主(zhu)要用于團隊(dui)內部協作，作用是傳達需求。因此，為了把需求傳達清楚，交互(hu)(hu)原(yuan)型中必須(xu)包含(han)以下5類信息(xi)：

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

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

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

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

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

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

在做交互原型設計時(shi)(shi)，要把原型的(de)閱讀者想象(xiang)成(cheng)對產(chan)品和(he)設計(ji)一無(wu)所(suo)知(zhi)的(de)人(ren)，該怎樣展示(shi)產(chan)品的(de)邏輯和(he)功能，才能夠讓其(qi)通過原型來理解這個(ge)產(chan)品，設計(ji)時(shi)(shi)要注意的(de)幾個(ge)事項(xiang)主要有：

1、使(shi)用灰度線(xian)框(kuang)圖：顏色(se)和視覺效果會影響大家(jia)對(dui)易(yi)用性的(de)判(pan)斷。

2、清(qing)晰地展示流(liu)程：順暢的操作流(liu)程是產(chan)品(pin)易用性(xing)最基本的標準。

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

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

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