一個(gè)完整交互設(shè)計(jì)流程

我的答案是基于《軟件觀念革命:交互設(shè)計(jì)精髓》(About Face)饼记,這也是在國(guó)際上被廣為認(rèn)可的流程晦溪。這個(gè)答案里我盡量不參雜個(gè)人觀點(diǎn)夭拌。先放一個(gè)大綱规阀。

一恒序、定性研究(Qualitative Research):針對(duì)可能使用你的產(chǎn)品的人,可以是問卷谁撼、訪談……

二歧胁、確定人物角色(Persona):即產(chǎn)品的典型用戶,可以有一種或幾種厉碟。例如知乎可以有一個(gè)人物角色叫CEO喊巍。

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

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

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

六、制作原型(Prototype):做出來好像可以用的東西蟹肘,有很多原型工具可以利用词疼。

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

八、用戶評(píng)測(cè)(User Evaluation):讓用戶使用原型阳欲,可以給他們一些任務(wù)去完成舵盈。根據(jù)用戶在使用過程中的問題和建議進(jìn)行進(jìn)一步修改陋率。

如果你想要知道具體怎么做,請(qǐng)繼續(xù)看秽晚。

一瓦糟、定性研究(Qualitative Research):

無論你用何種形式做調(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ì)化他們的背景資料呼胚。

以下是一個(gè)范例:(下圖來自User Evaluation Report · 480Oswego2013/CSC-HCI-480-2013-repo Wiki · GitHub)

三茄唐、寫問題腳本(Problem Scenario):

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

四年扩、寫動(dòng)作腳本(Action Scenario):

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

五饭宾、畫線框圖(Framework):

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

六、制作原型(Prototype):

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

一個(gè)原型是不可能實(shí)現(xiàn)所有功能的报咳,所以你要確定幾個(gè)可以走通的任務(wù)侠讯。例如能夠成功在知乎里發(fā)布一個(gè)問題等。

七暑刃、專家評(píng)測(cè)(Expert Evaluation):

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

比較常用的評(píng)測(cè)方法是啟發(fā)式評(píng)估法(Heuristic Evaluation),而這種方法比較常見的標(biāo)準(zhǔn)是尼爾森交互設(shè)計(jì)法則(Nielsen Heuristic)架谎。以下是十條尼爾森交互設(shè)計(jì)法則(Nielsen Heuristic):

1炸宵、系統(tǒng)狀態(tài)是否可見(Visibility of system status)

2、系統(tǒng)是否符合現(xiàn)實(shí)世界的習(xí)慣(Match between system and the real world)

3谷扣、用戶是否能自由地控制系統(tǒng)(User control and freedom)

4土全、統(tǒng)一與標(biāo)準(zhǔn)(Consistency and standards)

5、錯(cuò)誤防范(Error prevention)

6会涎、減輕低用戶的記憶負(fù)擔(dān)(Recognition rather than recall)

7涯曲、靈活性和效率(Flexibility and efficiency of use)

8、美觀簡(jiǎn)潔(Aesthetic and minimalist design)

9在塔、幫助用戶認(rèn)知幻件、了解錯(cuò)誤,并從錯(cuò)誤中恢復(fù)(Help users recognize, diagnose, and recover from errors)

10蛔溃、幫助文檔(Help and documentation)

如何做啟發(fā)式評(píng)估法(Heuristic Evaluation)绰沥?很簡(jiǎn)單篱蝇,專家們各自將自己發(fā)現(xiàn)問題列出來,并將之與對(duì)應(yīng)的法則相關(guān)聯(lián)徽曲,或者根據(jù)法則來查找問題零截,然后專家們分別給自己的問題打分。專家們完成自己的問題列表后秃臣,一起討論涧衙,將問題整合起來。

常用的打分方法如下:

4分 – 問題太過嚴(yán)重奥此,一旦發(fā)生用戶的進(jìn)程將會(huì)終止并且無法恢復(fù)

3分 – 問題較為嚴(yán)重弧哎,很難能恢復(fù)

2分 – 問題一般嚴(yán)重,但是用戶能夠自行恢復(fù)稚虎,或者問題只會(huì)出現(xiàn)一次

1分 – 問題較小撤嫩,偶爾發(fā)生,并且不會(huì)對(duì)用戶的進(jìn)程產(chǎn)生太大影響

0分:不算問題

記状乐铡:評(píng)測(cè)完后別忘記修改你的線框圖和原型序攘!

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

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

比較常用的用戶評(píng)測(cè)方法是Think Aloud(對(duì)不起沒有找到合適的翻譯)。做法也很簡(jiǎn)單,你讓用戶使用原型完成指定的幾個(gè)任務(wù)泛粹,讓他們?cè)谑褂眠^程中將他們的每一步和心中的想法說出來遂铡。如果他們忘記說或者不知道該怎么說,你可以適當(dāng)提問晶姊。與此同時(shí)扒接,你要將屏幕和聲音錄下來,可以用錄屏軟件或攝像頭们衙。完成后钾怔,你回放這些視頻,把觀察到的問題和用戶報(bào)告的問題全部記錄下來蒙挑,與交互法則關(guān)聯(lián)并且打分宗侦。

值得注意的是,很多人更習(xí)慣給出建議而不是提出問題忆蚀,例如“這個(gè)按鈕應(yīng)該更大一點(diǎn)矾利,這樣才看的到”姑裂。這時(shí),你該記錄下來的是“按鈕不夠引人注意”男旗。

有趣的是舶斧,用戶評(píng)測(cè)的結(jié)果可能和專家評(píng)測(cè)的結(jié)果相差很遠(yuǎn),這里就不多說了察皇。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末茴厉,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子什荣,更是在濱河造成了極大的恐慌矾缓,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件溃睹,死亡現(xiàn)場(chǎng)離奇詭異而账,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)因篇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門泞辐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人竞滓,你說我怎么就攤上這事咐吼。” “怎么了商佑?”我有些...
    開封第一講書人閱讀 162,931評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵锯茄,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我茶没,道長(zhǎng)肌幽,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,218評(píng)論 1 292
  • 正文 為了忘掉前任抓半,我火速辦了婚禮喂急,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘笛求。我一直安慰自己廊移,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評(píng)論 6 388
  • 文/花漫 我一把揭開白布探入。 她就那樣靜靜地躺著狡孔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蜂嗽。 梳的紋絲不亂的頭發(fā)上苗膝,一...
    開封第一講書人閱讀 51,198評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音植旧,去河邊找鬼荚醒。 笑死芋类,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的界阁。 我是一名探鬼主播侯繁,決...
    沈念sama閱讀 40,084評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼泡躯!你這毒婦竟也來了贮竟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,926評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤较剃,失蹤者是張志新(化名)和其女友劉穎咕别,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體写穴,經(jīng)...
    沈念sama閱讀 45,341評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡惰拱,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了啊送。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片偿短。...
    茶點(diǎn)故事閱讀 39,731評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖馋没,靈堂內(nèi)的尸體忽然破棺而出昔逗,到底是詐尸還是另有隱情,我是刑警寧澤篷朵,帶...
    沈念sama閱讀 35,430評(píng)論 5 343
  • 正文 年R本政府宣布勾怒,位于F島的核電站,受9級(jí)特大地震影響声旺,放射性物質(zhì)發(fā)生泄漏笔链。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評(píng)論 3 326
  • 文/蒙蒙 一腮猖、第九天 我趴在偏房一處隱蔽的房頂上張望鉴扫。 院中可真熱鬧,春花似錦缚够、人聲如沸幔妨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至古话,卻和暖如春雏吭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背陪踩。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工杖们, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留悉抵,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,743評(píng)論 2 368
  • 正文 我出身青樓摘完,卻偏偏與公主長(zhǎng)得像姥饰,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子孝治,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容