本文在理論研究和案例解讀的基礎(chǔ)上，提出了勸導(dǎo)式設(shè)計在App中的四個可視化方法吁脱，即狀態(tài)可視化桑涎、行為可視化、目標(biāo)可視化以及成果可視化兼贡。
關(guān)鍵詞：勸導(dǎo)式設(shè)計攻冷；用戶行為；App遍希；可視化方法
?隨著大容量信息時代的到來等曼，我們對數(shù)字界面的要求也越來越高。界面作為信息的集結(jié)地，是建立在人類認(rèn)知規(guī)律基礎(chǔ)上的對信息的組織禁谦、呈現(xiàn)和反饋胁黑，它需要符合用戶的心理模型，才能最終形成流暢的交互行為和良好的使用體驗(yàn)州泊”鹄澹可視化技術(shù)在減少認(rèn)知負(fù)荷與提升行為效率的宗旨下，通過組織化的信息,在不減少信息總量的前提下,通過平衡使用者的認(rèn)知能力來實(shí)現(xiàn)目標(biāo)[1]拥诡。對于勸導(dǎo)式設(shè)計來說，利用可視化技術(shù)能夠以更直觀的方式從海量的信息中簡化氮发、抽象并凸顯出有效信息渴肉，提升用戶行為的流暢度，從而提高勸導(dǎo)可行性爽冕。
早在上世紀(jì)90年代初仇祭，Richard Buchman教授便提出，交互設(shè)計的對象是用戶的行為[2]颈畸。用戶與產(chǎn)品的交互不僅僅停留于產(chǎn)品的物理屬性乌奇，更是由一連串的行為構(gòu)成的一個過程，是以產(chǎn)品為媒介的一個系統(tǒng)服務(wù)平臺[3]眯娱。
故而礁苗，對于勸導(dǎo)設(shè)計來說，將用戶的行為過程加入設(shè)計的考慮范疇也尤為重要徙缴。在此過程中试伙，可視化的支持起到了不容小覷的作用。
1? 勸導(dǎo)式設(shè)計與可視化的關(guān)系
勸導(dǎo)式設(shè)計作為一門旨在“通過勸導(dǎo)技術(shù)改變?nèi)说男袨榛驊B(tài)度”的理論于样，自上世紀(jì)80年代由B.J.Fogg教授提出以來疏叨，經(jīng)過30多年的發(fā)展，日趨完善穿剖，越來越多地被應(yīng)用于設(shè)計中[4]蚤蔓。Fogg教授提出的FBM行為模型（FoggBehavior Model）表明，一個行為能夠達(dá)成必須同時具備三個要素：足夠的動機(jī)糊余，足夠的能力和恰當(dāng)?shù)挠|發(fā)因素[5]（見圖1）秀又。
1.1 用戶動機(jī)與可視化的關(guān)系
動機(jī)可以分為內(nèi)在需要和外在誘因，設(shè)計主要通過外在誘因去影響用戶行為，外在誘因由低到高可分為「喜悅與痛苦（Pleasure／Pain）」殉摔、「希望與恐懼（Hope／Fear）」己儒、「社會接受與拒絕（Social Acceptance／Rejection）」。人們的反應(yīng)具有即時性袱讹，總是針對當(dāng)下發(fā)生的事情做出行為反饋。喜悅與痛苦作為人最原始的反應(yīng)，是驅(qū)使人們產(chǎn)生行為的有力動機(jī)捷雕。而希望與恐懼作為比喜悅與痛苦更深層次的情感狀態(tài)椒丧，對用戶行為過程的保持更為有力，故而凸顯用戶當(dāng)前狀態(tài)救巷、行為流程以及行為目標(biāo)有利于加強(qiáng)用戶行為改變和保持的動力壶熏。例如，人們在使用運(yùn)動類App進(jìn)行跑步時浦译，適時地對當(dāng)前跑步進(jìn)程棒假、狀態(tài)進(jìn)行可視化反饋（包括視覺、聽覺等反饋）精盅，對鼓勵用戶完成跑步任務(wù)具有促進(jìn)作用帽哑。Jonah Berger認(rèn)為“任何事情，只要能激活我們叹俏，形成生理喚醒狀態(tài)妻枕，我們的行為就會被觸動”[6]，以上兩類動機(jī)要素粘驰，無論積極正面或消極負(fù)面屡谐，皆屬于高生理喚醒的情緒范疇，都能對人們的行為產(chǎn)生影響蝌数。第三個主要動機(jī)是社會接受與拒絕愕掏，人們大部分的社會行為都受此因素影響。人們通過展現(xiàn)出表現(xiàn)良好的自己來獲得社會接受和肯定顶伞，并借由相關(guān)符號的可視性亭珍，顯示個體差異性和獨(dú)特性，增強(qiáng)內(nèi)心優(yōu)越感和成就感枝哄，從而提高內(nèi)在動機(jī)[7]肄梨。例如，蘋果公司在設(shè)計筆記本時挠锥，對筆記本的徽標(biāo)朝向都有嚴(yán)格的要求众羡。當(dāng)使用者打開電腦工作時，在他人面前呈現(xiàn)的徽標(biāo)形象是正的蓖租，這是由于人們在使用筆記本時粱侣，也需要顧及到周圍人的眼光。
1.2?用戶能力與可視化的關(guān)系
能力包括兩方面蓖宦，一方面為用戶既定能力齐婴，例如一些健身App通過健身教學(xué)視頻來增加用戶健身知識和技能，從而幫助用戶完成健身行為稠茂；另一方面為產(chǎn)品的可用性和易用性柠偶，通過對目標(biāo)人群和使用場景進(jìn)行詳盡分析情妖，呈現(xiàn)簡潔的界面、簡化產(chǎn)品操作步驟或給予明確的行為路徑指示诱担，并在行為過程中用可視化的方法給予明確清晰的操作指示和反饋毡证，從而降低用戶的認(rèn)知負(fù)擔(dān)和行為壁壘，提升用戶行為能力蔫仙。
1.3?觸發(fā)因素與可視化的關(guān)系
觸發(fā)因素作為行動信號料睛，可通過多種形式展現(xiàn)，比如純粹的意圖告知（文字提示摇邦、圖形恤煞、語音等），產(chǎn)品語義的隱喻和暗示施籍，獎勵機(jī)制居扒，社會影響（社會認(rèn)同、社會權(quán)威等）以及潛意識的勸導(dǎo)等等法梯。在這些形式之下，欲使目標(biāo)行為有效發(fā)生犀概，觸發(fā)因素必須具備以下三點(diǎn)特征：第一立哑，可察覺性；第二姻灶，與目標(biāo)行為相關(guān)聯(lián)铛绰；第三，同時具備動機(jī)和能力产喉，即合適的時機(jī)捂掰。可以說曾沈，人們幾乎所有的行為都通過外在的一些因素觸發(fā)產(chǎn)生这嚣，大到人生方向選擇，小到日常生活習(xí)慣塞俱。觸發(fā)因素的可視性越強(qiáng)姐帚、出現(xiàn)頻率越高，用戶行為越容易觸發(fā)障涯。例如罐旗，培養(yǎng)人們健康的飲食習(xí)慣一直是件十分困難的事，雖然大部分人都知道多吃水果蔬菜的重要性唯蝶，也嘗試每天多吃水果蔬菜九秀，但經(jīng)常在購物或者買飯時忘記加入水果蔬菜。如果我們借助一定的可視化方法粘我，在餐盤或者購物籃上提醒人們“每天要吃五種水果蔬菜”鼓蜒，則可以大大影響人們的飲食習(xí)慣。
2??可視化設(shè)計在提升產(chǎn)品勸導(dǎo)效率方面的策略與方法
移動互聯(lián)網(wǎng)產(chǎn)品本身具有應(yīng)用情景復(fù)雜多變、攜帶方便友酱、數(shù)字界面有限等特性晴音，面對此類產(chǎn)品，用戶有一個從產(chǎn)生認(rèn)識缔杉、發(fā)生行為锤躁、維持行為到達(dá)成目標(biāo)的過程。通過上文對FBM行為模型三要素與可視化設(shè)計及用戶行為改變的關(guān)系和應(yīng)用分析或详，結(jié)合用戶的行為步驟系羞，筆者對其重新整理歸納，分別從狀態(tài)可視化霸琴、路徑可視化椒振、目標(biāo)可視化以及成果可視化四個角度對勸導(dǎo)設(shè)計中的可視化方法進(jìn)行闡述。
2.1?狀態(tài)可視化?
?從用戶體驗(yàn)層級上來看梧乘，狀態(tài)可視化屬于框架層級和表現(xiàn)層級[8]澎迎，主要包括對產(chǎn)品的界面設(shè)計、導(dǎo)航設(shè)計选调、信息設(shè)計以及視覺設(shè)計夹供。對于這兩個層級的設(shè)計，可從用戶認(rèn)知角度的可視化方法入手（即用戶對產(chǎn)品的認(rèn)知和對自我的認(rèn)知）仁堪。界面信息的可視化可從三個角度來進(jìn)行討論哮洽，分別為有用信息的篩選、信息內(nèi)容的組織呈現(xiàn)和信息模塊的合理排布弦聂。介于移動設(shè)備不同于PC端的使用特性鸟辅，移動產(chǎn)品具有更為多樣的使用情境，使用產(chǎn)品時的情境特征莺葫、用戶狀態(tài)匪凉、網(wǎng)絡(luò)特征、使用時間等捺檬，都會對設(shè)計產(chǎn)生較大影響[9]洒缀。故而，應(yīng)當(dāng)精簡界面信息欺冀，刪除與用戶需求树绩、用戶目標(biāo)、用戶行為無關(guān)的信息隐轩，并重新組織信息內(nèi)容饺饭。信息內(nèi)容可通過文字或者圖形化的方式以用戶熟悉的語言表達(dá)出來，一般來說职车，圖形化的信息更具表達(dá)性和直觀性瘫俊，可借助圖形隱喻的方式減輕用戶學(xué)習(xí)負(fù)擔(dān)鹊杖，提高認(rèn)知效率。在信息模塊的排布中扛芽，需保持設(shè)計的一致性（整體色調(diào)骂蓖、視覺元素等），同時川尖，借助設(shè)計的對比（顏色登下、大小、粗細(xì)等）突出重點(diǎn)信息叮喳，吸引用戶注意力[10]被芳。其次，在用戶操作過程中馍悟，保持用戶行為狀態(tài)的實(shí)時更新和保存畔濒，利用視覺或聲音反饋，對狀態(tài)進(jìn)行呈現(xiàn)和提醒锣咒，有利于提高用戶對行為過程的理解力和判斷力侵状，從而提升用戶的自我認(rèn)知能力，提高勸導(dǎo)效果毅整。例如趣兄，運(yùn)動記錄類應(yīng)用“動動”，在用戶跑步過程中毛嫉，每隔5分鐘诽俯，都會通過聲音播報用戶跑步用時和跑步距離妇菱，使用戶獲取當(dāng)前狀態(tài)的同時承粤，對用戶行為也給予了鼓勵，有利于用戶繼續(xù)跑步行為闯团。
2.2? 行為可視化
用戶行為路徑的可視化方法主要針對移動產(chǎn)品的結(jié)構(gòu)層辛臊，包括產(chǎn)品的交互設(shè)計和信息架構(gòu)。交互設(shè)計主要關(guān)注用戶行為以及對行為給予的反饋房交，信息架構(gòu)則著重于設(shè)計組織分類和導(dǎo)航的結(jié)構(gòu)彻舰。結(jié)合Fogg教授所提及的，“由于用戶動機(jī)本身會受到場景候味、個體刃唤、社會等多種因素影響，所以減少行為阻礙是更為穩(wěn)定有效的方式”白群，在移動產(chǎn)品的勸導(dǎo)設(shè)計中尚胞，可以通過簡化用戶操作步驟，使之符合用戶心理模型帜慢，并通過界面元素的視覺強(qiáng)化笼裳、隱喻等方式對行為路徑作出引導(dǎo)唯卖，減輕用戶學(xué)習(xí)成本和負(fù)荷，從而增強(qiáng)操作的流暢性及效率躬柬。例如拜轨，地鐵出入站通道會特意做出一定坡度，使人們不知不覺就加快步伐允青，實(shí)現(xiàn)勸導(dǎo)者欲保證出入站通道暢通的目的橄碾。另一方面，在用戶操作過程中昧廷，對用戶的行為作出清晰的反饋可以幫助用戶確認(rèn)自己的行為堪嫂，并繼續(xù)接下去的操作。反饋可通過視覺木柬、聽覺皆串、觸覺等方式傳達(dá)。例如眉枕，通過下拉的方式刷新新浪微博主頁恶复，刷新過程中會出現(xiàn)等待的小圈，提示用戶動作指令正在進(jìn)行中速挑，刷新完畢則發(fā)出音效反饋谤牡，使用戶得以確認(rèn)動作完成。
2.3 目標(biāo)可視化
辛向陽教授提出姥宝，交互設(shè)計包含五個要素翅萤，分別為人、動作腊满、工具或媒介套么、目的和場景[3]。每個行為背后都存在一定目標(biāo)碳蛋，或有意識或無意識胚泌。目標(biāo)的可視化設(shè)計可從以下兩個角度進(jìn)行，一方面是對目標(biāo)本身的可視化描述肃弟。從行為心理學(xué)的角度來看玷室，一個事物出現(xiàn)的越頻繁越顯眼，就越可能影響用戶行為笤受。通過利用擬物化穷缤、大小對比、顏色對比箩兽、動效等可視化方法突出用戶目標(biāo)津肛，可以提高對用戶行為的引導(dǎo)激勵作用[10]。例如比肄，給一家紅酒商店播放法國的音樂作為背景音樂快耿，會大大增加消費(fèi)者購買法國產(chǎn)紅酒的比例囊陡。另一方面，通過加強(qiáng)目標(biāo)與用戶行為的聯(lián)系性掀亥，提升勸導(dǎo)觸發(fā)因素的有效性撞反。例如，運(yùn)動記錄類應(yīng)用“樂動力”的首頁搪花，用一個整圓表示今日步數(shù)目標(biāo)遏片，在圓環(huán)上用彩色色帶表示已完成步數(shù)，當(dāng)圓環(huán)被彩色色帶填滿時撮竿，即表示今日目標(biāo)完成吮便，以此鼓勵用戶完成目標(biāo)步數(shù)。
2.4 成果可視化
人作為社會性群體幢踏，社會影響對人們的行為有很大的作用髓需，人們不僅關(guān)心他們?nèi)绾瓮瓿扇蝿?wù)，更關(guān)心其行為對他人的影響以及共享對自我形象的提升作用房蝉。Jonah Berger認(rèn)為僚匆，“讓某些事情更具觀察性，就可以讓它們更好地被模仿搭幻。如果想要讓產(chǎn)品咧擂、思想和行為變得流行，我們需要讓它們具有公共可視性”[6]檀蹋。因而松申，如果對用戶的行為改變以更具公共可視性的方式表達(dá)出來，會加強(qiáng)用戶的行為動機(jī)俯逾，提高行為改變的可能性贸桶。使用戶知道并記錄自己所達(dá)到的成績。例如纱昧，處理用戶地理信息的手機(jī)服務(wù)網(wǎng)站Foursquare刨啸，它鼓勵用戶同他人分享自己當(dāng)前所在的地理位置等信息堡赔。它會通過記載用戶的分享記錄识脆，并根據(jù)用戶的分享記錄量來授予不同的徽章，用戶還可以將徽章分享至社交平臺善已，以顯示自己所獲成就灼捂，獲得滿足。其次换团，Berger還提出悉稠，“如果有明顯的證據(jù)能夠證明我們的每一次進(jìn)步，就會讓我們感到無比欣慰與喜悅”艘包。從用戶自身行為勸導(dǎo)角度來看的猛，對用戶成就的可視化耀盗，可以增強(qiáng)行為觸發(fā)因素的可察覺性，激活用戶興奮情緒卦尊，提高用戶內(nèi)在動機(jī)的強(qiáng)度和持續(xù)性叛拷。例如，跟蹤手機(jī)使用時間的應(yīng)用“OFFTIME”岂却，它會根據(jù)用戶的手機(jī)使用情況整理出一系列簡潔的圖形數(shù)據(jù)忿薇，還可以設(shè)定不玩手機(jī)的時間。應(yīng)用的主頁面結(jié)構(gòu)清晰簡潔躏哩，突出對比使用手機(jī)時間和關(guān)閉手機(jī)時間署浩，強(qiáng)化了對用戶行為的勸導(dǎo)效果。
3?? 可視化方法在實(shí)際產(chǎn)品中的應(yīng)用
“動動計步”（見圖2）和“Pacer”（見圖3）扫尺，是動動品牌針對市場和用戶群體差異筋栋，推出的針對中國應(yīng)用市場的移動健康管理軟件及其國際版≌ぃ“動動”的主要目標(biāo)人群是希望通過輕運(yùn)動方式改善自身健康狀況的人群二汛，涵蓋人群范圍較廣。它基于LBS拨拓，能夠全天候記錄用戶運(yùn)動行為肴颊，支持步行、跑步渣磷、騎行等有氧運(yùn)動的手動輸入婿着，同時還能自動呈現(xiàn)給用戶可視化的健康指標(biāo)和圖表分析，更直觀地呈現(xiàn)一段時間內(nèi)用戶的運(yùn)動情況醋界，從而幫助用戶更好地自我分析和行為保持竟宋。在群組模塊中，用戶可添加自己的微信好友等形纺，通過與自己熟悉信賴的人分享交流運(yùn)動狀況和經(jīng)驗(yàn)心得丘侠，獲得社交認(rèn)同、聯(lián)結(jié)和鼓勵逐样。
圖2為“動動記步”的主要界面蜗字，以明黃色為主色，與產(chǎn)品主要目標(biāo)人群特性相呼應(yīng)脂新，顯得溫暖且充滿活力挪捕。界面結(jié)構(gòu)清晰簡潔，主頁為當(dāng)前各項(xiàng)運(yùn)動狀態(tài)呈現(xiàn)争便，突出顯示當(dāng)前步行數(shù)级零，并配合圓環(huán)對目標(biāo)完成程度給予標(biāo)記，在提供充分狀態(tài)可視化和目標(biāo)可視化反饋的同時滞乙，給予用戶適當(dāng)激勵奏纪，觸發(fā)用戶保持或加強(qiáng)運(yùn)動的情緒和行為鉴嗤。主頁的左側(cè)和右側(cè)分別設(shè)有拍照／截圖分享鍵和快速開始GPS運(yùn)動鍵，前者通過運(yùn)動成果個性化的可視化呈現(xiàn)序调，增強(qiáng)成果可察覺性躬窜，激活用戶興奮情緒。同時炕置，通過社交分享荣挨，提高了用戶的社交聯(lián)結(jié)和社會認(rèn)同，有利于提高用戶內(nèi)在動機(jī)朴摊。后者的設(shè)置方便用戶快速開始GPS運(yùn)動記錄默垄，通過行為可視化方式，縮短操作路徑簡化用戶行為甚纲，提高了用戶能力口锭。并且在運(yùn)動過程中以語音的形式給予用戶適時的行為反饋，觸發(fā)用戶繼續(xù)保持運(yùn)動行為介杆。
? ? ? ? 圖3為國際版本“Pacer”的主要界面鹃操，以藍(lán)色為主色〈荷冢“Pacer“在國內(nèi)版的基礎(chǔ)上增加了血壓數(shù)據(jù)記錄和“我的教練”模塊荆隘，著力打造一個全方位的健康數(shù)據(jù)管理平臺，故而選用比黃色更為穩(wěn)重且放松的藍(lán)色作為主色赴背。在“我的教練”模塊中椰拒，通過用戶給定的個人數(shù)據(jù)和健康目標(biāo)，為用戶量身定制個性化方案凰荚，并配以智能AI教練適時給予指導(dǎo)和建議燃观，給予用戶狀態(tài)可視化、目標(biāo)可視化及成果可視化反饋便瑟，以更有效和多元的觸發(fā)方式提高對用戶健康行為的勸導(dǎo)效果缆毁。
4??結(jié)語
??????? 勸導(dǎo)式設(shè)計涵蓋范圍較廣，本文僅從App界面的可視化方法角度對勸導(dǎo)式設(shè)計給予闡述到涂，借此展現(xiàn)勸導(dǎo)式設(shè)計在實(shí)際應(yīng)用中的設(shè)計原則和方法脊框。結(jié)合用戶行為過程，本文提出狀態(tài)可視化养盗、行為可視化缚陷、目標(biāo)可視化以及成果可視化适篙，對勸導(dǎo)設(shè)計中的可視化方法進(jìn)行分析和歸納往核，希望在未來的設(shè)計實(shí)踐和研究中加以不斷深入和完善。
參考文獻(xiàn)
[1] 章潔.面向大容量信息移動界面的設(shè)計方法比較研究[J].裝飾,2016.01
[2] Richard Buchaman.Design as Inquiry:TheCommon,Future and Current Ground of Design[C]. In Future Ground:Proceedings ofthe International Conference of the Design Research Socirty,November 2004.
[3] 辛向陽.交互設(shè)計:從物理邏輯到行為邏輯[J].裝飾,2015(1):58-62.
[4] Fogg,B.J.?.Persuasive Technology: Using Computers to Change What We Think and Do[J].??????? Ubiquity,December1-30,2002.
[5] Fogg, B.J.?.A Behavior Model For Persuasive Design[C].Proceedings of the4th International Conference on Persuasive Technology,2009.
[6]喬納·伯杰.瘋傳－讓你的產(chǎn)品嚷节、思想聂儒、行為像病毒一樣入侵[M].北京:電子工業(yè)出版社,2014.
[7]彭華民.人類行為與社會環(huán)境[M].北京:高等教育出版社,2014.
[8]加瑞特. 用戶體驗(yàn)的要素[M].北京:機(jī)械工業(yè)出版社, 2008.
[9]傅小貞,胡甲超,鄭元攏.移動設(shè)計[M].北京:電子工業(yè)出版社,2013.
[10] 李德維爾,霍頓,巴特勒.設(shè)計的法則[M],遼寧:遼寧科學(xué)技術(shù)出版社,2010.
