對(duì)于網(wǎng)站設(shè)計(jì)很多客戶都不了解如何選擇交互設(shè)計(jì)或者其它的設(shè)計(jì)方式，我們就來(lái)說(shuō)網(wǎng)站交互設(shè)計(jì)大家了解嗎?包括很多選擇交互設(shè)計(jì)的客戶都不太清楚交互設(shè)計(jì)究竟是什么，它的設(shè)計(jì)流程包括哪些?我們一起來(lái)看看，如果咱們要想做好交互網(wǎng)站設(shè)計(jì)，它的流程我們必須要清楚。

　　1、定性研究(Qualitative Research)：針對(duì)可能使用你的產(chǎn)品的人，可以是問(wèn)卷、訪談……

　　2、確定人物角色(Persona)：即產(chǎn)品的典型用戶，可以有一種或幾種。

　　3、寫問(wèn)題腳本(Problem Scenario)：羅列人物角色在使用產(chǎn)品時(shí)可能遇到的問(wèn)題，可以整理成一個(gè)故事便于別人理解。

　　4、寫動(dòng)作腳本(Action Scenario)：像寫故事一樣，寫人物角色在使用你設(shè)計(jì)好的產(chǎn)品時(shí)，發(fā)生的細(xì)節(jié)。注意，這個(gè)時(shí)候你的交互方案的概念模型已經(jīng)基本成型了，這個(gè)概念模型是通過(guò)解決問(wèn)題腳本里的問(wèn)題而得出的。

　　5、畫線框圖(Framework)：這個(gè)線框圖是通過(guò)把動(dòng)作腳本里的概念模型轉(zhuǎn)化成視覺模型得到的。

　　6、制作原型(Prototype)：做出來(lái)好像可以用的東西，有很多原型工具可以利用。

　　7、專家評(píng)測(cè)(Expert Evaluation)：至少兩名設(shè)計(jì)師或?qū)换ピO(shè)計(jì)比較了解的人通過(guò)反復(fù)測(cè)試原型。找到問(wèn)題后修改線框圖并更新原型。

　　8、用戶評(píng)測(cè)(User Evaluation)：讓用戶使用原型，可以給他們一些任務(wù)去完成。根據(jù)用戶在使用過(guò)程中的問(wèn)題和建議進(jìn)行進(jìn)一步修改。

　　現(xiàn)在我們知道了交互網(wǎng)站設(shè)計(jì)的流程了，我們想不想知道交互網(wǎng)站設(shè)計(jì)怎么做呢?請(qǐng)看下面：

　　一、定性研究(Qualitative Research)：

　　無(wú)論你用何種形式做調(diào)查，你的目的是了解用戶的五個(gè)方面：

　　1、行為(Activities)：例如知乎用戶多久用一次知乎、一次用多久?

　　2、態(tài)度(Attitudes)：例如知乎用戶怎樣看待知乎這個(gè)產(chǎn)品?

　　3、資質(zhì)(Aptitudes)：例如知乎用戶的學(xué)歷怎樣?

　　4、動(dòng)力(Motivation)：例如知乎用戶為什么用知乎?

　　5、技能(Skills)：例如知乎用戶對(duì)使用相關(guān)產(chǎn)品是否熟悉?

　　二、確定人物角色(Persona)：

　　如果你的定性研究有所成功，這時(shí)你應(yīng)該對(duì)你的用戶有所了解了。根據(jù)上文中的五個(gè)方面，你需要挑揀出最典型的一個(gè)或幾個(gè)形象。例如知乎的人物角色可能有：比較普通的求知者、特定領(lǐng)域的專家、到處灌水的……

　　你不但要確定這些人物角色(Persona)的主要特點(diǎn)，還要確定他們的需求和目的。為了增加真實(shí)性，可以給人物角色(Persona)取名字，選一張照片，細(xì)化他們的背景資料。

　　三、寫問(wèn)題腳本(Problem Scenario)：

　　基于你對(duì)人物角色(Persona)的理解，你應(yīng)該已經(jīng)可以設(shè)想出他們?cè)谑褂卯a(chǎn)品中可能遇到的問(wèn)題了。你可以為每一個(gè)人物角色(Persona)列一個(gè)問(wèn)題單，也可以把它們整理到一個(gè)簡(jiǎn)短的故事里。

　　四、寫動(dòng)作腳本(Action Scenario)：

　　首先你要為已列出的問(wèn)題想好可能的解決方案，然后寫一個(gè)簡(jiǎn)短的故事把這些解決方案囊括進(jìn)去。寫成故事的好處是代入感較強(qiáng)，對(duì)別人來(lái)說(shuō)容易理解。國(guó)內(nèi)比較推崇故事版，但是把所有情景畫出來(lái)的效率是非常低的。

　　五、畫線框圖(Framework)：

　　這個(gè)時(shí)候你對(duì)你的交互方案已經(jīng)有了一個(gè)比較抽象的想法了，現(xiàn)在只要把它具象化就好了。線框圖大家都比較了解，這里就不多說(shuō)了。

　　六、制作原型(Prototype)：

　　就算沒有程序員幫忙，可以使用的原型工具還是很多的。例如Axure RP和Pencil Project都比較有名，國(guó)內(nèi)也有不少。不過(guò)我只用過(guò)InVision，感覺還可以。不論用什么手法，哪怕是PPT或者PDF，只要做出一個(gè)可以交互的東西就行了。

　　七、專家評(píng)測(cè)(Expert Evaluation)：

　　原型完成后召集至少兩三個(gè)設(shè)計(jì)師或者對(duì)交互比較了解的人，使用并評(píng)測(cè)原型。你可以將原型所關(guān)注的幾個(gè)任務(wù)列出來(lái)，以免專家不知道原型哪部分可交互哪部分不可交互。

　　八、用戶評(píng)測(cè)(User Evaluation)：

　　原型通過(guò)專家評(píng)測(cè)后，你可以找一些典型用戶使用原型。你可以把任務(wù)列給他們，讓他們自己嘗試完成任務(wù)。中間遇到的問(wèn)題可以記錄下來(lái)，設(shè)計(jì)師通過(guò)觀察來(lái)進(jìn)行評(píng)分。

　　當(dāng)然，在交互網(wǎng)站設(shè)計(jì)方面蒙特16年來(lái)的經(jīng)驗(yàn)相信大家都會(huì)給予肯定。在交互網(wǎng)站設(shè)計(jì)上，蒙特網(wǎng)站設(shè)計(jì)公司的技術(shù)非常醇熟，一度被萬(wàn)家客戶選擇、信賴。如果大家有這方面的需要可以了解蒙特試試，相信這是最適合您的選擇!