一、什么是交互原型設(shè)計
交互原型是交互設(shè)計師的主要產(chǎn)出,是交互設(shè)計師在接到產(chǎn)品需求之后,經(jīng)過一系列分析,利用原型設(shè)計工具,將抽象的文字產(chǎn)品需求轉(zhuǎn)化成具體的圖形產(chǎn)品方案的產(chǎn)物。
一份好的交互原型,首先必須提供一個好的解決方案。這需要交互設(shè)計師對產(chǎn)品需求進行合理的分析,明確需求的設(shè)計目標,并使用最合適的交互方案,幫助團隊達到目標。其次,一份優(yōu)秀的交互原型,還必須符合基本的設(shè)計原則、使用符合規(guī)范的控件、對各種可能出現(xiàn)的情況都給予考慮和展現(xiàn)。
二、交互原型設(shè)計工具如何畫交互原型
對于交互設(shè)計師來說,使用原型設(shè)計工具畫交互原型是基本功,下面為大家介紹一下如何畫交互原型:
1、設(shè)計思路
在交互原型的第一頁,可以加上“項目概述”這個主題,主要展示該需求的基本信息和迭代說明,其中項目概況、平臺說明和功能列表都比較好理解,迭代說明部分指的交互原型的迭代記錄。在實際工作中,原型的設(shè)計往往不可能一步到位,一般需要經(jīng)過溝通、評審慢慢確定最終的原型。在這種情況下,設(shè)計師需要把每一次的變更都記錄下來,方便項目成員看到每次更新修改的內(nèi)容,提高工作效率,節(jié)約溝通成本,方便后期追溯。
2、方案展示
這是交互原型中最核心的部分。需要提醒的是,交互原型的制作是在設(shè)計師拿到需求后,經(jīng)過設(shè)計分析后開始進行。制作原型的過程,只是把前面的分析過程的結(jié)果,用頁面的形式畫出來。所以交互設(shè)計師一定不要把“畫原型”當成自己最主要的任務(wù)。交互設(shè)計師的核心價值,是通過高質(zhì)量的交互方案達到設(shè)計目標,以解決某種問題。
交互原型的本質(zhì)是一種溝通工具,主要用于團隊內(nèi)部協(xié)作,作用是傳達需求。因此,為了把需求傳達清楚,交互原型中必須包含以下5類信息:
(1)原型展現(xiàn)完整的流程。
(2)界面以及界面中的元素展現(xiàn)需求的所有功能點。
(3)界面中元素的各種狀態(tài)說明。
(4)元素操作后的效果。
(5)異常、極限狀態(tài)說明。
三、交互原型設(shè)計注意事項
在做交互原型設(shè)計時,要把原型的閱讀者想象成對產(chǎn)品和設(shè)計一無所知的人,該怎樣展示產(chǎn)品的邏輯和功能,才能夠讓其通過原型來理解這個產(chǎn)品,設(shè)計時要注意的幾個事項主要有:
1、使用灰度線框圖:顏色和視覺效果會影響大家對易用性的判斷。
2、清晰地展示流程:順暢的操作流程是產(chǎn)品易用性最基本的標準。
3、關(guān)鍵功能要有故事板:角色、場景、情節(jié),使團隊人員更快、更好地理解產(chǎn)品。
4、要有注釋和說明:圖文并茂更能準確傳達設(shè)計方案與想法。
5、一致性和規(guī)范性:優(yōu)秀交互原型的元素、組件、頁面甚至文案用語的調(diào)性都是規(guī)范一致的。