個(gè)人總結(jié):
《微交互》這本書上有很多優(yōu)秀的案例在現(xiàn)在中國(guó)的主流的移動(dòng)應(yīng)用上都有應(yīng)用母蛛,雖然是在2013年寫的因宇,但是依然對(duì)剛?cè)胄袃赡甑奈矣兴鶐椭哂ぁMㄟ^(guò)非常仔細(xì)的微交互設(shè)計(jì)流程和細(xì)節(jié)來(lái)告訴我在進(jìn)行交互流程設(shè)計(jì)時(shí)需要注意和考慮的方面,主要是在周全的思考方面對(duì)我的幫助更大察滑。我最大的印象就是打厘,當(dāng)你需要進(jìn)行一個(gè)微交互的設(shè)計(jì)時(shí),需要多思贺辰,多看户盯,多想。最后思考的結(jié)果在界面上的呈現(xiàn)越簡(jiǎn)單越好饲化,“Keep it Simple and Stupid”莽鸭。
目錄
第一章 設(shè)計(jì)微交互
第二章 觸發(fā)器
第三章 規(guī)則
第四章 反饋
第五章 循環(huán)與模式
第六章 綜合實(shí)例
附錄 測(cè)試微交互
微交互,就是產(chǎn)品中涉及一種使用場(chǎng)景的交互吃靠,只體現(xiàn)為一種功能硫眨,只完成一件事。(例如:登錄)
微交互與功能的區(qū)別巢块,主要在于規(guī)模和范圍礁阁。(音樂(lè)播放器/調(diào)節(jié)音量)
控制了用戶的眼睛,就控制了用戶的腳步族奢。
一姥闭、微交互適合如下應(yīng)用場(chǎng)景:
只完成一項(xiàng)任務(wù)
連接不同的設(shè)備
只影響一個(gè)數(shù)據(jù)(股票價(jià)格/溫度)
控制正在進(jìn)行的過(guò)程(切換電視頻道)
調(diào)整某項(xiàng)設(shè)置
查看或創(chuàng)建一小部分內(nèi)容(狀態(tài)消息)
打開或關(guān)閉某個(gè)功能
【個(gè)人手記】
微交互主要特征為簡(jiǎn)短明了,認(rèn)知無(wú)壓力越走∑唬可能與人的物理認(rèn)知與慣性思維之間存在聯(lián)系。
慣性思維的形成:1 誘因;2 習(xí)慣行為南片;3 獎(jiǎng)勵(lì)掺涛;
人的心理活動(dòng)的慣性主要取決于交際情感、取向疼进、態(tài)度薪缆、認(rèn)知四個(gè)方面:
交際情感的慣性;
贊美然后批評(píng)(喜悅會(huì)持續(xù)一段時(shí)間)
交際取向的慣性伞广;
當(dāng)一個(gè)人對(duì)某一件事給予贊許后拣帽,對(duì)緊接著的下一件事也可能達(dá)到一致意見(jiàn)(一個(gè)人如果想說(shuō)服一個(gè)人,在提到正題以前一定要避免在其他問(wèn)題上與其爭(zhēng)論嚼锄、抬杠减拭,而是應(yīng)該與其保持一致)
二、微交互的結(jié)構(gòu)
很多微交互都始于對(duì)用戶需求的理解:用戶想要做什么区丑?什么時(shí)候會(huì)這樣想拧粪?有多頻繁?用戶需求決定了觸發(fā)器的使用情境沧侥、操作方式和存在時(shí)間可霎。
三、微交互的設(shè)計(jì)理念
把微交互集成到產(chǎn)品的三種方式:
逐個(gè)設(shè)計(jì)微交互宴杀;(在設(shè)計(jì)產(chǎn)品的過(guò)程中癣朗,或者在簡(jiǎn)化既有產(chǎn)品時(shí),盡量找出所有可能的微交互旺罢,列一個(gè)微交互單子旷余,然后各個(gè)擊破。在限定條件下做設(shè)計(jì)的實(shí)踐扁达,而且要盡可能做小正卧,應(yīng)該明確各種約束條件,專注于把一件事情做好罩驻。Less is more)
把復(fù)雜的應(yīng)用程序簡(jiǎn)化為個(gè)別的產(chǎn)品,每個(gè)產(chǎn)品構(gòu)建于一個(gè)微交互之上护赊;(如果你覺(jué)得需要給產(chǎn)品增加另一個(gè)功能惠遏,那另一個(gè)功能本身就該做成一個(gè)產(chǎn)品)
把最復(fù)雜的數(shù)字產(chǎn)品掰開揉碎,發(fā)現(xiàn)它由幾十甚至幾百個(gè)微交互組成骏啰〗谒保可以把產(chǎn)品當(dāng)成所有這些微交互和諧共處的結(jié)果;(小型化判耕,敏捷化透绩。微交互就是取悅于人的機(jī)會(huì),微交互就是給用戶驚喜的機(jī)會(huì))
四、觸發(fā)器的規(guī)則
觸發(fā)器必須讓用戶在使用背景下容易辨認(rèn)帚豪;
保證觸發(fā)器每次都觸發(fā)相同的操作碳竟;
提前展示數(shù)據(jù);(有什么內(nèi)部狀態(tài)可以展示狸臣?什么信息最有價(jià)值莹桅,可以在這個(gè)時(shí)候展示出來(lái)?)
不要破壞視覺(jué)使用情境烛亦;
用的越多的觸發(fā)器越要引人注目诈泼;(多數(shù)人經(jīng)常要用的微交互,應(yīng)該要最引人注目煤禽;少數(shù)人有時(shí)會(huì)用的微交互铐达,應(yīng)該容易注意到;極少數(shù)人不常用的微交互檬果,應(yīng)該通過(guò)搜索找瓮孙;)
不要引起用戶多使用情境的錯(cuò)覺(jué);
僅在觸發(fā)器本身無(wú)法提供相應(yīng)信息的情況下才使用標(biāo)簽汁汗;
五衷畦、觸發(fā)器的構(gòu)成
對(duì)于一個(gè)動(dòng)作(例如:快進(jìn)),一個(gè)按鈕或簡(jiǎn)單手勢(shì)足矣知牌;
對(duì)于有兩個(gè)狀態(tài)(例如:開祈争、關(guān))的動(dòng)作,一個(gè)撥動(dòng)開關(guān)足矣角寸;
對(duì)于有多個(gè)狀態(tài)的動(dòng)作菩混,可以使用撥號(hào)盤;
對(duì)于在一定范圍內(nèi)連續(xù)進(jìn)行的動(dòng)作(例如調(diào)整音量)扁藕,滑動(dòng)條或撥號(hào)盤(特別是能快速旋轉(zhuǎn)的jog dial專電通滾輪)是最佳選擇沮峡;特別是在沒(méi)有一定范圍的情況下,可以使用兩個(gè)按鈕來(lái)改變值的大小或高低亿柑;
有些觸發(fā)器由多個(gè)控件或表單字段(單選按鈕邢疙、復(fù)選框、文本輸入段)之類的元素組織望薄;(最好自動(dòng)填充或者智能的默認(rèn)值)
切記疟游,跟觸發(fā)器不是一體的狀態(tài)指示器一定要放在觸發(fā)器旁邊,擴(kuò)展觸發(fā)器時(shí)也一樣痕支,不要隨處打開窗口颁虐,要把焦點(diǎn)放在觸發(fā)器上。
六卧须、系統(tǒng)觸發(fā)器
系統(tǒng)觸發(fā)器無(wú)需用戶介入另绩,只要滿足(一個(gè)或多個(gè))就會(huì)自動(dòng)觸發(fā)儒陨。
最好是提供選項(xiàng)能夠使用戶調(diào)整它們,系統(tǒng)自動(dòng)的每個(gè)觸發(fā)器都應(yīng)該有手動(dòng)管理及禁用它們的選項(xiàng)笋籽。
理想情況下蹦漠,應(yīng)該在微交互已經(jīng)觸發(fā)的時(shí)候給出這些選項(xiàng)(“不再顯示這些提示”),至少應(yīng)該有相應(yīng)的設(shè)置干签。
即使存在系統(tǒng)觸發(fā)器津辩,用戶可能也需要一個(gè)手動(dòng)控件。比如容劳,用戶可能需要手動(dòng)同步文本喘沿,而不是等待系統(tǒng)自動(dòng)同步。手動(dòng)控件可以提供一個(gè)保障竭贩,同時(shí)也能在系統(tǒng)出錯(cuò)(網(wǎng)絡(luò)連接斷開)時(shí)保證能夠觸發(fā)微交互蚜印。
錯(cuò)誤(系統(tǒng)出錯(cuò)時(shí),經(jīng)常會(huì)通過(guò)微交互來(lái)解決問(wèn)題留量,比如詢問(wèn)用戶想怎么辦窄赋,或者只是顯示一條消息說(shuō)明出了什么毛病)
位置(各種尺度:國(guó)家楼熄、城市忆绰、街道,甚至特定的房間)
收到數(shù)據(jù)(電子郵件可岂、狀態(tài)消息错敢、軟件更新、天氣預(yù)報(bào)缕粹、亮度變化等進(jìn)入互聯(lián)網(wǎng)設(shè)備和應(yīng)用的數(shù)據(jù))
內(nèi)部數(shù)據(jù)(時(shí)間或系統(tǒng))
其他微交互
其他人
七稚茅、系統(tǒng)觸發(fā)器的規(guī)則:?jiǎn)?dòng)時(shí)間、啟動(dòng)頻率平斩。
1亚享、規(guī)則反問(wèn):
這個(gè)觸發(fā)器多長(zhǎng)時(shí)間啟動(dòng)一次?
已經(jīng)知道那些與用戶相關(guān)的數(shù)據(jù)绘面?怎么利用這些數(shù)據(jù)才能讓觸發(fā)器效率更高欺税、更令人愉快或更能體現(xiàn)用戶個(gè)性?(比如:知道用戶當(dāng)?shù)貢r(shí)間是午夜時(shí)分揭璃,就可以減少系統(tǒng)觸發(fā)器啟動(dòng)的次數(shù))
有沒(méi)有觸發(fā)器已經(jīng)啟動(dòng)的指示器晚凿?當(dāng)時(shí)是否給出了可見(jiàn)的狀態(tài)更新?啟動(dòng)指示器前后有何變化塘辅?
系統(tǒng)出錯(cuò)時(shí)會(huì)發(fā)生什么晃虫?不再嘗試啟動(dòng)還是再次嘗試皆撩?再次嘗試間隔時(shí)間(循環(huán))多長(zhǎng)扣墩?
切記哲银,如果你自己都不能輕易寫出或畫出微交互的規(guī)則,用戶就更難建立他的思維模型了呻惕,除非你能夠給出反饋荆责,營(yíng)造一些“虛擬”的模型,讓用戶知道都發(fā)生了什么亚脆。
2做院、設(shè)計(jì)規(guī)則:
創(chuàng)建微交互規(guī)則的核心,就是創(chuàng)建一個(gè)圍繞微交互如何運(yùn)作的簡(jiǎn)單的非技術(shù)性心智模型濒持。
最好的目標(biāo)應(yīng)該是容易理解(why)键耕,而且能夠完成好的(I can do it)。
不要把目標(biāo)作為過(guò)程中的某一個(gè)步驟柑营,目標(biāo)是最終狀態(tài)屈雄。(微交互越接近目標(biāo),成功的概率越高)
應(yīng)該讓高級(jí)用戶利用不可見(jiàn)的觸發(fā)器跳過(guò)規(guī)則的某些步驟官套。
3酒奶、設(shè)計(jì)規(guī)則反問(wèn):
微交互如何響應(yīng)被激活的觸發(fā)器。(用戶單擊圖標(biāo)是會(huì)發(fā)生什么奶赔?)
微交互期間用戶可以進(jìn)行什么操作惋嚎。(用戶可以取消下載、調(diào)節(jié)音量站刑、或者手動(dòng)觸發(fā)通常是自動(dòng)觸發(fā)的操作嗎另伍?)
動(dòng)作發(fā)生的順序及時(shí)間。(如笛钝,在“搜索质况?按鈕變成活動(dòng)狀態(tài)前,用戶必須在搜索框中輸入文本)
使用什么數(shù)據(jù)以及數(shù)據(jù)的來(lái)源玻靡。(微交互是否依賴地理定位结榄、天氣狀態(tài)、當(dāng)前時(shí)間囤捻、股票價(jià)格臼朗?如果是,這些數(shù)據(jù)從哪里來(lái)蝎土?)
簡(jiǎn)潔的相關(guān)配置及參數(shù)视哑。(算法)
什么時(shí)候提供什么反饋。(規(guī)則可以表明哪個(gè)”步驟“應(yīng)該有反饋誊涯,以及后臺(tái)都在進(jìn)行什么操作)
微交互處于什么模式(mode)挡毅。
微交互是否重復(fù)以及多久重復(fù)一次。
微交互結(jié)束時(shí)會(huì)發(fā)生什么暴构。
八跪呈、觸發(fā)器被觸發(fā)后的規(guī)則反問(wèn)(主要針對(duì)用戶的使用情境):
用戶使用的平臺(tái)/設(shè)備段磨;
當(dāng)天的時(shí)間;
房間的噪音耗绿;
微交互的持續(xù)使用時(shí)間苹支;
用戶是不是在開會(huì);
用戶是不是一個(gè)人误阻;
電池還剩下多少電量债蜜;
設(shè)備的位置和方向;
用戶剛才做過(guò)什么究反?
收集用戶的行為數(shù)據(jù)
九寻定、有限的選項(xiàng)和聰明的默認(rèn)項(xiàng)
要替用戶做出某些默認(rèn)選擇,某些情況下應(yīng)該給出與決定相關(guān)的說(shuō)明精耐;
最明顯的默認(rèn)項(xiàng)應(yīng)該是大多數(shù)人大多數(shù)情況下會(huì)用到的特姐;
位于列表頂部或底部的項(xiàng)目,比位于列表中不得項(xiàng)目更容易被記资虻唐含;
高亮的項(xiàng)目被選擇的機(jī)會(huì)也比未高亮的項(xiàng)目多;
如果需要用戶做出一連串決定沫浆,那么先從簡(jiǎn)單的開始捷枯,慢慢給出復(fù)雜的選項(xiàng);
十专执、動(dòng)詞與名詞
動(dòng)詞:用戶要采取的動(dòng)作(調(diào)節(jié)音量大谢蠢Α)
名詞:輔助實(shí)現(xiàn)該動(dòng)作的對(duì)象。(滑動(dòng)條)
微交互中的每個(gè)名詞都應(yīng)該獨(dú)一無(wú)二本股。如果有兩個(gè)相同的名詞攀痊,要想辦法把它們合二為一。
兩個(gè)(或多個(gè))看起來(lái)相同的名詞拄显,它們的行為也應(yīng)該相同苟径。
兩個(gè)看起來(lái)類型的按鈕,他們的行為不能差的太遠(yuǎn)躬审,行為不同的對(duì)象看起來(lái)應(yīng)該完全不一樣棘街。
相似的名詞在不同的地方也不能行為迥異。
微交互的最高境界通常都是給用戶提供多種多樣的動(dòng)詞承边,但只提供最少的名詞遭殉。
十一、控件和用戶輸入
對(duì)于需要不斷重復(fù)的微交互博助,一般應(yīng)該讓它易辨識(shí)险污;(易辨識(shí)意味著一個(gè)控件承載多個(gè)操作)
對(duì)于只要做一次或者偶爾才需要做的微交互,應(yīng)該讓它易操作富岳,把所有選項(xiàng)都顯示出來(lái)蛔糯,讓人一目了然里伯,不要求用戶有什么先行的經(jīng)驗(yàn);
文本字段應(yīng)該接受填入其中的任何內(nèi)容渤闷,并假設(shè)這些內(nèi)容來(lái)自任何地方;
必要的多樣性(requisite variety)脖镀,即使用各種條件的能力飒箭;
十二、反饋
1蜒灰、需要給出反饋的情況:
手動(dòng)啟動(dòng)觸發(fā)器之后或手動(dòng)調(diào)整規(guī)則之后/期間弦蹂。所有用戶發(fā)起的運(yùn)作都應(yīng)該伴隨有一個(gè)系統(tǒng)的確認(rèn);
微交互(或周邊功能)的狀態(tài)因?yàn)橄到y(tǒng)啟動(dòng)觸發(fā)器而發(fā)生顯著變化時(shí)强窖;
用戶突破(或超越)了規(guī)則時(shí)凸椿;
系統(tǒng)不能執(zhí)行命令時(shí);(如果網(wǎng)絡(luò)出現(xiàn)問(wèn)題翅溺,應(yīng)該在后臺(tái)進(jìn)行多次嘗試后再通知用戶出錯(cuò))
在關(guān)鍵過(guò)程特別是需要花較長(zhǎng)時(shí)間的操作中顯示進(jìn)度脑漫;
過(guò)程的開始和結(jié)束時(shí);
模式的開始或結(jié)束時(shí)咙崎,或者切換了模式時(shí)优幸;
盡量通過(guò)反饋消除微交互的神秘感;
使用被人忽視的東西作為傳達(dá)信息的手段褪猛;
設(shè)計(jì)師應(yīng)該有意識(shí)地讓產(chǎn)品具備某種人格(謹(jǐn)防恐怖谷理論)网杆;
錯(cuò)誤消息的反饋文本不僅要說(shuō)明出了什么錯(cuò),還要告訴人們?cè)趺醇m正它伊滋。理想的情況下碳却,還應(yīng)該隨同消息提供一種糾正錯(cuò)誤的途徑;
最好不要使用針對(duì)個(gè)人的語(yǔ)氣(你笑旺,也不要使用“我”昼浦、“我的”);
微交互的文案應(yīng)該用“個(gè)”為單位來(lái)計(jì)算筒主,而不是”行“座柱;文案簡(jiǎn)短,動(dòng)詞的選擇要謹(jǐn)慎物舒,要把重點(diǎn)放在那些用戶可能或需要財(cái)務(wù)的行動(dòng)上色洞;
盡可能對(duì)用戶的動(dòng)作采用視覺(jué)反饋,需要強(qiáng)調(diào)或報(bào)警時(shí)冠胯,使用聽(tīng)覺(jué)和觸覺(jué)反饋火诸;
2、反饋的規(guī)則:
環(huán)境變化荠察;(反饋會(huì)根據(jù)環(huán)境的變化而變化嗎置蜀?在晚上音量會(huì)加大還是減心嗡选?)
持續(xù)時(shí)間盯荤;(反饋需要持續(xù)多長(zhǎng)時(shí)間缀棍?如何停止?)
強(qiáng)烈程度铝阐;(效果有多快恨胚、多亮、多劇烈灼卢?是用于烘托氣氛還是為了引人注意绍哎?強(qiáng)烈程度隨時(shí)間加大,還是保持不變鞋真?)
重復(fù)次數(shù)崇堰;(反饋重復(fù)嗎?多長(zhǎng)時(shí)間重復(fù)一次涩咖?效果一直不停海诲?還是只播放幾秒鐘?)
十三檩互、以人為本
什么事情已經(jīng)開始了饿肺?
用戶剛剛做了什么事?
哪些過(guò)程已經(jīng)開始了盾似?
哪些過(guò)程已經(jīng)結(jié)束了敬辣?
那些過(guò)程正在進(jìn)行中?
用戶不能干什么零院?
十四溉跃、少即是多
采用的反饋方式越多,反饋就越具有入侵性告抄;
應(yīng)該用最少的反饋傳達(dá)最豐富的信息撰茎;
信息越重要,反饋的方式就要越明顯(甚至多路并進(jìn))打洼;
十五龄糊、模式
只有在某個(gè)動(dòng)作會(huì)干擾微交互時(shí),才需要設(shè)計(jì)新模式募疮。
如果必須有新模式炫惩,盡可能給它設(shè)計(jì)一個(gè)專用屏幕。
微交互模式變體:彈簧模式阿浓、一次性模式他嚷;
彈簧模式(Quasimode):只在用戶按下鍵或按住鼠標(biāo)不放的情況下才會(huì)激活。用戶一旦停止上述動(dòng)作,模式就會(huì)消失筋蓖。
主要適用于設(shè)備和家電產(chǎn)品卸耘;
可以把用戶引導(dǎo)到微交互的不可見(jiàn)觸發(fā)器(比如,自動(dòng)填充搜索字段)粘咖;
一次性模式:用戶在發(fā)起模式時(shí)蚣抗,模式持續(xù)時(shí)間與動(dòng)作執(zhí)行時(shí)間件相等,動(dòng)作結(jié)束瓮下,模式就結(jié)束翰铡。
最適合快速的任務(wù)切換或上下文工具;
可以用在手勢(shì)和語(yǔ)音微交互中唱捣;
十六、循環(huán)
循環(huán)(在微交互的語(yǔ)境下)就是不斷重復(fù)的一段時(shí)間网梢,通常用于設(shè)定持續(xù)時(shí)間震缭;循環(huán)的核心是計(jì)時(shí),即確定微交互的速度和持續(xù)時(shí)間战虏。
循環(huán)由規(guī)則指明拣宰。
確定循環(huán)的參數(shù)對(duì)用戶體驗(yàn)的影響極大,循環(huán)的次數(shù)太少烦感,會(huì)讓人感覺(jué)倉(cāng)促或有侵入性巡社;循環(huán)的次數(shù)太長(zhǎng),又會(huì)讓人感覺(jué)拖沓或反應(yīng)遲鈍)
循環(huán)的分類有:
計(jì)數(shù)(for)循環(huán)手趣;(重復(fù)既定次數(shù)的循環(huán)晌该。比如,在顯示錯(cuò)誤消息前绿渣,檢查10次是否有網(wǎng)絡(luò)連接朝群。)
條件(while)循環(huán);(在滿足條件的情況下中符,反復(fù)執(zhí)行的循環(huán)姜胖。如果條件變化或結(jié)束,則循環(huán)停止)
集合循環(huán)淀散;(與計(jì)數(shù)循環(huán)類似右莱,會(huì)遍歷集合中的每個(gè)值,然后停止)
無(wú)窮循環(huán)档插;(循環(huán)開始后慢蜓,除非出錯(cuò)或被人強(qiáng)制停止,否則永遠(yuǎn)不會(huì)結(jié)束)
開放循環(huán)郭膛;(不相應(yīng)反饋胀瞪,執(zhí)行完就結(jié)束。)
封閉循環(huán);(具有內(nèi)部反饋機(jī)制凄诞,因而可以自調(diào)整)
長(zhǎng)循環(huán)圆雁;(The long Wow ?“長(zhǎng)久的贊賞”,意味著所時(shí)間的推移向用戶交付新體驗(yàn)或新功能帆谍,而不是一成不變伪朽,借以建立用戶忠誠(chéng)度。記錄用戶行為數(shù)據(jù)汛蝙。)
長(zhǎng)循環(huán)-2:漸進(jìn)揭示烈涮;(如,多次使用可加入快捷方式或更高級(jí)的功能)
長(zhǎng)循環(huán)-3: ?漸近漸少窖剑;(隨著用戶越來(lái)越有經(jīng)驗(yàn)坚洽,一些用戶輔助說(shuō)明的標(biāo)簽就不再必要了)