一、什么是交互原型設(shè)計(jì)

交互原型是交互設(shè)計(jì)師的主要產(chǎn)出，是交互設(shè)計(jì)師在接到產(chǎn)品需求之后，經(jīng)過一系列分析，利用原型設(shè)計(jì)工具，將抽象的文字產(chǎn)品需求轉(zhuǎn)化成具體的圖形產(chǎn)品方案的產(chǎn)物。

一份好的交互原型，首先必須提供一個(gè)好的解決方案。這需要交互設(shè)計(jì)師對(duì)產(chǎn)品需求進(jìn)行合理的分析，明確需求的設(shè)計(jì)目標(biāo)，并使用最合適的交互方案，幫助團(tuán)隊(duì)達(dá)到目標(biāo)。其次，一份優(yōu)秀的交互原型，還必須符合基本的設(shè)計(jì)原則、使用符合規(guī)范的控件、對(duì)各種可能出現(xiàn)的情況都給予考慮和展現(xiàn)。

二、交互原型設(shè)計(jì)工具如何畫交互原型

對(duì)于交互設(shè)計(jì)師來說，使用原型設(shè)計(jì)工具畫交互原型是基本功，下面為大家介紹一下如何畫交互原型：

1、設(shè)計(jì)思路

在交互原型的第一頁，可以加上“項(xiàng)目概述”這個(gè)主題，主要展示該需求的基本信息和迭代說明，其中項(xiàng)目概況、平臺(tái)說明和功能列表都比較好理解，迭代說明部分指的交互原型的迭代記錄。在實(shí)際工作中，原型的設(shè)計(jì)往往不可能一步到位，一般需要經(jīng)過溝通、評(píng)審慢慢確定最終的原型。在這種情況下，設(shè)計(jì)師需要把每一次的變更都記錄下來，方便項(xiàng)目成員看到每次更新修改的內(nèi)容，提高工作效率，節(jié)約溝通成本，方便后期追溯。

2、方案展示

這是交互原型中最核心的部分。需要提醒的是，交互原型的制作是在設(shè)計(jì)師拿到需求后，經(jīng)過設(shè)計(jì)分析后開始進(jìn)行。制作原型的過程，只是把前面的分析過程的結(jié)果，用頁面的形式畫出來。所以交互設(shè)計(jì)師一定不要把“畫原型”當(dāng)成自己最主要的任務(wù)。交互設(shè)計(jì)師的核心價(jià)值，是通過高質(zhì)量的交互方案達(dá)到設(shè)計(jì)目標(biāo)，以解決某種問題。

交互原型的本質(zhì)是一種溝通工具，主要用于團(tuán)隊(duì)內(nèi)部協(xié)作，作用是傳達(dá)需求。因此，為了把需求傳達(dá)清楚，交互原型中必須包含以下5類信息：

（1）原型展現(xiàn)完整的流程。

（2）界面以及界面中的元素展現(xiàn)需求的所有功能點(diǎn)。

（3）界面中元素的各種狀態(tài)說明。

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

（5）異常、極限狀態(tài)說明。

三、交互原型設(shè)計(jì)注意事項(xiàng)

在做交互原型設(shè)計(jì)時(shí)，要把原型的閱讀者想象成對(duì)產(chǎn)品和設(shè)計(jì)一無所知的人，該怎樣展示產(chǎn)品的邏輯和功能，才能夠讓其通過原型來理解這個(gè)產(chǎn)品，設(shè)計(jì)時(shí)要注意的幾個(gè)事項(xiàng)主要有：

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

2、清晰地展示流程：順暢的操作流程是產(chǎn)品易用性最基本的標(biāo)準(zhǔn)。

3、關(guān)鍵功能要有故事板：角色、場(chǎng)景、情節(jié)，使團(tuán)隊(duì)人員更快、更好地理解產(chǎn)品。

4、要有注釋和說明：圖文并茂更能準(zhǔn)確傳達(dá)設(shè)計(jì)方案與想法。

5、一致性和規(guī)范性：優(yōu)秀交互原型的元素、組件、頁面甚至文案用語的調(diào)性都是規(guī)范一致的。