交互成本在移動互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中的應(yīng)用研究

用戶體驗(yàn)是互聯(lián)網(wǎng)產(chǎn)品的核心話題,隨著移動互聯(lián)網(wǎng)時(shí)代的到來敏晤,用戶的行為和使用習(xí)慣隨著使用設(shè)備的改變而變化贱田,但是用戶仍然喜歡那些清晰缅茉、簡單、自然男摧、好用的設(shè)計(jì)和產(chǎn)品蔬墩。Alan Cooper 在其著作《交互設(shè)計(jì)之路——讓高科技產(chǎn)品回歸人性》中指出,“良好的交互設(shè)計(jì)的本質(zhì)是設(shè)計(jì)的交互能讓使用者在不影響個(gè)人目標(biāo)的情況下耗拓,達(dá)到他們的實(shí)際目標(biāo)”[1]拇颅。產(chǎn)品的可用性和易用性作為用戶體驗(yàn)的重要衡量標(biāo)準(zhǔn)受到產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的關(guān)注,交互成本作為可用性的直接量化體現(xiàn)乔询,為移動互聯(lián)網(wǎng)產(chǎn)品的用戶體驗(yàn)評判帶來了新的思路樟插。

1.交互成本概述

交互成本(Interaction Cost)是指人們在使用電腦竿刁、移動設(shè)備或其他類似設(shè)備時(shí)完成任務(wù)所需要的原子性操作(比如點(diǎn)擊黄锤、滾動、轉(zhuǎn)移注意力到新窗口)的數(shù)量[2]食拜,即用戶為了完成目標(biāo)而產(chǎn)生的費(fèi)力度總和负甸,包括心智和操作兩個(gè)方面[3]呻待。如果用戶在打開網(wǎng)站或應(yīng)用后可以立即看到自己所需的信息蚕捉,那么這種情況下交互成本為零鱼冀,是產(chǎn)品設(shè)計(jì)的理想情況千绪。但實(shí)際情況是荸型,用戶在使用的過程中需要不斷滾動頁面,閱讀頁面內(nèi)容稿静,理解信息含義改备,準(zhǔn)確無誤的點(diǎn)擊悬钳,等待頁面加載滞诺,進(jìn)行注意力切換秦爆,不同的行為需要不同種類的交互成本爸吮。

2.交互成本的分類

在人機(jī)交互系統(tǒng)中望门,人通過感受器和顯示器來獲取機(jī)器的狀態(tài)哄酝,通過效應(yīng)器和控制器來進(jìn)行機(jī)器操作膨俐,人與機(jī)器通過界面來進(jìn)行交互,見圖2-1乳愉。人類行為可簡化為三個(gè)部分:感受器、大腦和效應(yīng)器[4]咖气。因此钧椰,根據(jù)人機(jī)交互模型以及人類不同行為的費(fèi)力度可將交互成本劃分為感覺成本粹断、認(rèn)知成本和操作成本。

圖2-1 人機(jī)交互模型

2.1感覺成本

一般來說嫡霞,人的感覺可以分為視覺瓶埋、聽覺、嗅覺诊沪、味覺和觸覺养筒。每種感覺都能給人帶來環(huán)境的不同物理特性。用戶在使用移動互聯(lián)網(wǎng)產(chǎn)品的過程中端姚,運(yùn)用到的感覺主要為視覺晕粪、聽覺和觸覺。

視覺是人接收外部環(huán)境信息非常重要的一個(gè)方式寄锐,大多數(shù)人獲得的80%的信息都來自光線兵多。人們通過視覺來閱讀信息和辨別目標(biāo)的大小尖啡、形狀、顏色剩膘。聽覺是人類對聲音檢測的結(jié)果衅斩,是僅次于視覺的重要感覺通道。我們通過響度怠褐、音調(diào)和音色來對不同的聲音進(jìn)行區(qū)分畏梆,不同的聲音會給帶來愉悅、歡快奈懒、緊張奠涌、焦急等感覺。觸覺是體表機(jī)械接觸(接觸刺激)的感覺磷杏,由壓力與牽引力作用于感受器而引起溜畅。在使用產(chǎn)品的過程中用戶主要通過手來感知觸覺反饋,如按鍵的形狀极祸,按下的阻力慈格,設(shè)備的震動等。從信息量的大小來看遥金,視覺浴捆、聽覺、觸覺依次減小稿械。我們通常使用聽覺和觸覺來輔助視覺上的設(shè)計(jì)选泻,比如提示音和手機(jī)的震動。

2.2認(rèn)知成本

認(rèn)知或認(rèn)識(Cognition)在心理學(xué)中是指通過形成概念美莫、知覺页眯、判斷或想象等心理活動來獲取知識的過程,即個(gè)體思維進(jìn)行信息處理(information processing)的心理功能[5]茂嗓。2002年諾貝爾經(jīng)濟(jì)學(xué)獎獲得者丹尼爾·卡尼曼教授把認(rèn)知分成兩個(gè)系統(tǒng):推理和直覺餐茵。推理系統(tǒng)注重理性,主張通過理性思考和分析和解決問題述吸,需要耗費(fèi)大量的腦力資源忿族,認(rèn)知成本較高但結(jié)果精確;而直覺系統(tǒng)則主要依賴情感蝌矛、記憶道批、經(jīng)驗(yàn)和直覺迅速做出判斷,不需要有意識的搜尋和計(jì)算入撒,認(rèn)知成本較低但是結(jié)果相對粗略隆豹。通常情況下,人們不習(xí)慣進(jìn)行費(fèi)力的思考茅逮,而是滿足于相信一個(gè)可以快速進(jìn)入其腦海的似是而非的判斷[6]璃赡。人們在學(xué)習(xí)新知識時(shí)判哥,會激活大腦皮層的大量區(qū)域,比如語言碉考、決策塌计、學(xué)習(xí)、抽象思維侯谁、情感锌仅、自主運(yùn)動等區(qū)域,認(rèn)知成本較高墙贱,而在執(zhí)行一個(gè)熟悉的热芹、習(xí)得行為時(shí),大腦的認(rèn)知更像是騎自行車滑行下坡惨撇,認(rèn)知成本較低伊脓。

2.3操作成本

在人機(jī)交互系統(tǒng)中,人通常利用上肢來操縱機(jī)器串纺,例如用手指丽旅、手掌敲擊鍵盤,滑動鼠標(biāo)纺棺,按下按鈕,在觸屏手機(jī)和平板電腦表面觸摸和滑動邪狞,在顯示器前揮動游戲控制手柄祷蝌。點(diǎn)擊和滑動作為最常用的手勢大量運(yùn)動到移動互聯(lián)網(wǎng)產(chǎn)品的交互中,除此之外還有拖拽帆卓、輕掃巨朦、雙指縮放、長按剑令、搖動等交互手勢糊啡,給用戶帶來了動態(tài)十足的新體驗(yàn)。除了通過動作與機(jī)器進(jìn)行交互之外吁津,聲音也是一種重要的交互形式棚蓄,隨著語音識別技術(shù)的快速發(fā)展,語音交互作為一種更加自然的交互方式在移動智能終端上迅速普及碍脏。用戶可以通過聲音來與移動智能設(shè)備上的語音助手進(jìn)行交互梭依,除了語音輸入短信和郵件,還可以實(shí)現(xiàn)查詢餐廳典尾,詢問天氣役拴,語音設(shè)置鬧鐘等操作。眼睛除了作為感受器之外還承擔(dān)著效應(yīng)器的職責(zé)钾埂,眼控技術(shù)可以通過眼睛發(fā)出一系列連續(xù)型的操作命令河闰,做到其他某些交互方式無法實(shí)現(xiàn)的一些事科平,例如在Google Glass的使用中,用戶可以通過眨眼來控制拍照收發(fā)短信和查詢天氣姜性、路況瞪慧,完全解放了雙手,見圖2-2污抬。

圖2-2 不同的交互操作

3.基于交互成本的移動互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)原則

3.1移動應(yīng)用設(shè)計(jì)中降低交互成本

不同的交互成本需要耗費(fèi)不同的腦力資源汞贸。當(dāng)用戶在屏幕上觀看或?qū)ふ夷澄铮ǜ杏X成本)花費(fèi)的腦力資源要多于點(diǎn)擊按鈕或移動鼠標(biāo)(操作成本)。如果讓用戶思考印机、記憶或心算(認(rèn)知成本)矢腻,那么腦力資源就耗費(fèi)得更多。從人機(jī)工程學(xué)視角來看射赛,不同種類的交互成本耗費(fèi)的資源從多到少為:認(rèn)知成本多柑、感覺成本、操作成本楣责。因此竣灌,如果實(shí)現(xiàn)某一目標(biāo)需要增加幾次點(diǎn)擊,但用戶可以減少思考或記憶的內(nèi)容秆麸,那么這種設(shè)計(jì)就是值得的初嘹,因?yàn)椴僮鞒杀颈日J(rèn)知成本需要耗費(fèi)的腦力資源更少,費(fèi)力度更低沮趣。在移動應(yīng)用的設(shè)計(jì)中可以通過費(fèi)力度較低的操作成本來代替費(fèi)力度較高的認(rèn)知成本[7]屯烦。降低用戶行為的交互成本可從降低感覺成本,降低認(rèn)知成本和降低操作成本三方面進(jìn)行房铭,見圖3-1驻龟。

圖3-1 降低交互成本

1.降低感覺成本

首先,根據(jù)格式塔原理來優(yōu)化我們的視覺缸匪,通過視覺上的編組將功能相近的對象歸為一類翁狐,劃分功能組、邏輯層次以及從屬關(guān)系凌蔬。其次露懒,降低視覺噪聲,專注目標(biāo)信息龟梦,通過刪除隐锭,組織,隱藏计贰,轉(zhuǎn)移來省略不必要的文字及指示性說明钦睡,保留界面的核心元素,以保證其被快速瀏覽躁倒。再次荞怒,使用低頻用色保證信息易識別洒琢,利用視覺對比度來突出重要信息。

2.降低認(rèn)知成本

首先褐桌,保持界面衰抑、交互、操作的一致性荧嵌,減少用戶的認(rèn)知負(fù)擔(dān)呛踊,充分利用用戶現(xiàn)有的認(rèn)知、行為和使用習(xí)慣啦撮,簡化用戶心理模型谭网;其次,依靠識別而非記憶赃春,通過信息的適時(shí)呈現(xiàn)對用戶的操作進(jìn)行引導(dǎo)愉择,突出重點(diǎn),一目了然织中,確保交互行為的順利進(jìn)行锥涕;再次,使用圖形表達(dá)功能狭吼,經(jīng)過提煉抽象出的圖形可以比文字表達(dá)更多的內(nèi)涵层坠,在帶來更能多趣味性的同時(shí)更加具有識別性。

3.降低操作成本

首先刁笙,增加手勢操作的流暢性窿春,注視焦點(diǎn)轉(zhuǎn)移的流暢性以及界面轉(zhuǎn)場過渡的流暢性[8]。其次采盒,轉(zhuǎn)換輸入方式,自動保存用戶的操作結(jié)果蔚润,減少文本輸入磅氨,盡量把用戶的常用選項(xiàng)篩選出來讓用戶選擇,而不是直接讓用戶輸入嫡纠。再次烦租,充分利用移動智能設(shè)備的傳感器,使用語音除盏、掃描識別(二維碼叉橱、條形碼、文字等)者蠕、LBS技術(shù)來減少用戶的輸入窃祝,在降低操作成本的同時(shí)增加用戶的真實(shí)感和沉浸感。

3.2游戲設(shè)計(jì)中提高交互成本

與移動應(yīng)用的設(shè)計(jì)相反踱侣,游戲設(shè)計(jì)往往通過提高交互成本提升挑戰(zhàn)難度粪小。例如大磺,有的游戲需要玩家仔細(xì)思考,需要大量的認(rèn)知成本探膊;有的游戲需要玩家在屏幕上四處搜尋杠愧,尋找指定物品,需要大量感覺成本逞壁;有的游戲需要玩家用鍵盤或別的設(shè)備來瞄準(zhǔn)并射擊敵人流济,需要大量操作成本。為了達(dá)到游戲時(shí)的心流狀態(tài)腌闯,許多游戲增加了不止一種交互成本绳瘟,例如有的游戲同時(shí)具有感覺和操作的挑戰(zhàn)難度,見圖3-2绑嘹。

圖3-2 提高交互成本

4.結(jié)語

設(shè)計(jì)師在設(shè)計(jì)的過程需要學(xué)會對不同種類的交互成本進(jìn)行權(quán)衡和取舍稽荧,從更加全面的視角來對用戶行為進(jìn)行審視,讓用戶自然從容地使用產(chǎn)品的同時(shí)注意不到它的實(shí)現(xiàn)方式有多巧妙工腋,而是認(rèn)為這就是理所當(dāng)然的設(shè)計(jì)姨丈。

[1]?(美)艾倫.庫伯著.交互設(shè)計(jì)之路——讓高科技產(chǎn)品回歸人性(第二版)?[M].?丁全鋼譯.北京:電子工業(yè)出版社,2006,140

[2]?(美) Jakob Nielsen, RalucaBudiu著.?貼心設(shè)計(jì):打造高可用性的移動產(chǎn)品[M].?牛化成譯.?北京:人民郵電出版社,2013

[3] InteractionCost.http://www.nngroup.com/articles/interaction-cost-definition/

[4] I. Scott MacKenzie. Human-Computer Interaction: An EmpiricalResearch Perspective[R]. Morgan Kaufmann,2013

[5]?維基百科-認(rèn)知.http://zh.wikipedia.org/wiki/%E8%AA%8D%E7%9F%A5

[6] Kahneman D. Maps of Bounded Rationality: a Perspective on IntuitiveJudgment and Choice [R]. Prize Lecture, 8 December, 2002.

[7]??(美) Susan Weinschenk著.設(shè)計(jì)師要懂心理學(xué)[M].徐佳,?馬迪,?余盈億譯北京:人民郵電出版社,2013

[8]?傅小貞,?胡甲超,?鄭元攏著.?移動設(shè)計(jì)[M].?北京:電子工業(yè)出版社,2013

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末擅腰,一起剝皮案震驚了整個(gè)濱河市蟋恬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌趁冈,老刑警劉巖歼争,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異渗勘,居然都是意外死亡沐绒,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進(jìn)店門旺坠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來乔遮,“玉大人,你說我怎么就攤上這事取刃√0梗” “怎么了?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵璧疗,是天一觀的道長坯辩。 經(jīng)常有香客問我,道長崩侠,這世上最難降的妖魔是什么财饥? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任根悼,我火速辦了婚禮唤蔗,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘淌喻。我一直安慰自己,他們只是感情好雀摘,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布裸删。 她就那樣靜靜地躺著,像睡著了一般阵赠。 火紅的嫁衣襯著肌膚如雪涯塔。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天清蚀,我揣著相機(jī)與錄音匕荸,去河邊找鬼。 笑死枷邪,一個(gè)胖子當(dāng)著我的面吹牛榛搔,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播东揣,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼践惑,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了嘶卧?” 一聲冷哼從身側(cè)響起尔觉,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎芥吟,沒想到半個(gè)月后侦铜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡钟鸵,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年钉稍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片棺耍。...
    茶點(diǎn)故事閱讀 38,569評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嫁盲,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出烈掠,到底是詐尸還是另有隱情,我是刑警寧澤缸托,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布左敌,位于F島的核電站,受9級特大地震影響俐镐,放射性物質(zhì)發(fā)生泄漏矫限。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望叼风。 院中可真熱鬧取董,春花似錦、人聲如沸无宿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽孽鸡。三九已至蹂午,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間彬碱,已是汗流浹背豆胸。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留巷疼,地道東北人晚胡。 一個(gè)月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像嚼沿,于是被迫代替她去往敵國和親估盘。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評論 2 348

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