微交互的核心是規(guī)則之众,規(guī)則決定了微交互是什么传蹈?怎么用?
創(chuàng)建規(guī)則的重點(diǎn)寂曹,就是創(chuàng)建一個(gè)微交互如何運(yùn)作的心智模型腹备。
一衬潦、規(guī)則的流程
在設(shè)計(jì)規(guī)則前,最重要的是確定目標(biāo)植酥,一個(gè)最簡(jiǎn)單也最明確的目的镀岛,即該微交互到底是什么。清晰的目標(biāo)應(yīng)該是容易理解的友驮,即回答清楚哎媚,我為什么要做這件事,我如何做這件事喊儡。
?目標(biāo)是整個(gè)規(guī)則的引擎拨与,也是整個(gè)交互過(guò)程中的最終狀態(tài),而不是一個(gè)步驟艾猜。
規(guī)則應(yīng)該潛移默化地引導(dǎo)用戶完成微交互“交互功能”
制定規(guī)則時(shí)买喧,應(yīng)該有考慮以下的流程
規(guī)則分為強(qiáng)弱之分,強(qiáng)感知的規(guī)則需要用戶進(jìn)行較為復(fù)雜的操作匆赃,或是新的操作淤毛。弱感知的規(guī)則用戶可能不會(huì)知道規(guī)則的存在。要讓用戶清楚兩件事:允許做什么和不允許做什么算柳。規(guī)則決定什么事情發(fā)生低淡,以什么順序發(fā)生,進(jìn)而影響用戶體驗(yàn)瞬项。
二蔗蹋、生成規(guī)則
設(shè)計(jì)規(guī)則最簡(jiǎn)單的方式是一開(kāi)始先把你想到的規(guī)則大體上記錄下來(lái),注意記錄時(shí)首先要考慮的是記錄交互期間的主要?jiǎng)幼鞔蚜埽缓蟾鶕?jù)這些主要?jiǎng)幼饕徊揭徊酱_定分支完善整個(gè)規(guī)則猪杭。可以由此完成表示規(guī)則的邏輯關(guān)系圖妥衣。
微交互中的所有對(duì)象皂吮,包括界面中的每一個(gè)部分戒傻,都可以理解我有特征和狀態(tài)的名詞,而規(guī)則定義了這些特征和狀態(tài)蜂筹。微交互中每個(gè)名詞都應(yīng)該獨(dú)一無(wú)二需纳,相似的名詞行為也應(yīng)該相同,行為不同的對(duì)象看起來(lái)也應(yīng)該不樣艺挪。
理想的微交互應(yīng)該是提供給用戶多種多樣的動(dòng)詞不翩,但只提供最少的名詞。
三闺属、屏幕與狀態(tài)
在設(shè)計(jì)交互的時(shí)候,經(jīng)常也會(huì)面對(duì)一個(gè)問(wèn)題:“是跳轉(zhuǎn)新頁(yè)面還是用彈窗還是狀態(tài)變化周霉?”
通常情況下掂器,彈窗是用戶主動(dòng)發(fā)起的動(dòng)作反饋,且大部分用于警示動(dòng)作俱箱,需要中斷用戶的操作国瓮,官方有明確的文檔指出彈窗應(yīng)該怎么用。而在部分頁(yè)面狞谱,流程步驟性很強(qiáng)的部分乃摹,需要采用跳轉(zhuǎn)新頁(yè)面,如注冊(cè)流程跟衅,支付流程等孵睬。
eg:
一些不要的跳轉(zhuǎn)回破壞整個(gè)工作流程,造成不必要的割裂伶跷。通常最好的處理辦法還是巧妙的狀態(tài)變化掰读。
狀態(tài)變化可以在不加載新屏幕的情況下,漸進(jìn)地揭示每時(shí)每刻必須做出決定或操作的規(guī)則叭莫。
用戶可以交互的對(duì)像都應(yīng)該有三種狀態(tài)
每一個(gè)狀態(tài)都應(yīng)向用戶傳遞信息蹈集,即使什么都沒(méi)有發(fā)生。
四雇初、設(shè)計(jì)前的準(zhǔn)備
設(shè)計(jì)規(guī)則前忌諱閉門(mén)造車(chē)拢肆,通過(guò)了解用戶一些情況作出相應(yīng)的微交互,可創(chuàng)造出個(gè)性體驗(yàn)靖诗,但是要注意尊重用戶的隱私郭怪。比如通過(guò)地理位置判斷用戶所在的城市,推送消息時(shí)給用戶的信息都是基于城市相關(guān)的刊橘。
善于利用情景和之前行為預(yù)測(cè)或增強(qiáng)微交互移盆,例如支付頁(yè)面,可以根據(jù)用戶之前多次的支付行為來(lái)判斷伤为,如果用戶一直使用微信支付咒循,那么給他的支付選項(xiàng)可以為默認(rèn)微信支付据途。
要善于搜集用戶數(shù)據(jù)形成持續(xù)的用戶研究。
五叙甸、理解復(fù)雜性
很多時(shí)候在設(shè)計(jì)界面時(shí)后悔遇到一個(gè)問(wèn)題颖医,想把復(fù)雜的頁(yè)面或邏輯做的更輕更直觀。
特斯勒復(fù)雜守恒定律:所有活動(dòng)都有內(nèi)在復(fù)雜性裆蒸,超過(guò)了某個(gè)零界點(diǎn)熔萧,簡(jiǎn)化是不可能的。
解決方案:(1)找出最核心的復(fù)雜性在什么地方僚祷,確定用戶掌握著哪一部分以及何時(shí)需要介入佛致,如果用戶介入絕對(duì)必要,則適時(shí)講控制權(quán)交給用戶辙谜。
(2)通過(guò)系統(tǒng)處理復(fù)雜性俺榆,如快速計(jì)算、同時(shí)執(zhí)行多個(gè)任務(wù)装哆、從大數(shù)據(jù)中處理分析罐脊。
(3)提供有限的選項(xiàng)和聰明的默認(rèn)值,盡量少給用戶選擇蜕琴,同時(shí)要提供給用戶聰明的默認(rèn)選項(xiàng)萍桌,提示用戶最可能采取的一個(gè)動(dòng)作,在視覺(jué)上可以給出強(qiáng)調(diào)或是去掉其它所有選項(xiàng)凌简∩涎祝“控制了用戶的眼睛,就控制了用戶的腳步”知道了用戶最有可能的下一步操作雏搂,將用戶的所有行為連成一個(gè)整體反症。
用戶的每個(gè)選項(xiàng)都應(yīng)該是對(duì)應(yīng)了一條規(guī)則,減少規(guī)則最好的辦法就是給用戶提供有限的選項(xiàng)畔派。最明顯的默認(rèn)應(yīng)該是大多數(shù)人大多數(shù)情況下會(huì)用到的铅碍,默認(rèn)選擇,最好也能給出說(shuō)明线椰。
如果你還在為一些造成復(fù)雜的選擇而糾結(jié)胞谈,你可以問(wèn)自己一個(gè)問(wèn)題:提供這個(gè)選項(xiàng)能讓用戶覺(jué)得有意思,有價(jià)值憨愉,心情舒暢嗎烦绳?如果不能,那就不要增加配紫。
六径密、控件與用戶輸入
控件的選擇需要權(quán)衡易操作和易辨識(shí)這兩個(gè)方面
易操作——每個(gè)指令對(duì)應(yīng)一個(gè)控件
易辨識(shí)——讓一個(gè)控件承載多個(gè)操作
控件應(yīng)該對(duì)應(yīng)其功能的權(quán)重做出視覺(jué)上的顯眼體現(xiàn),讓用戶感知強(qiáng)烈躺孝。
在用戶輸入犯錯(cuò)時(shí)享扔,首先應(yīng)該提升用戶的錯(cuò)誤底桂,還應(yīng)該包含如何解決問(wèn)題。但在原理上惧眠,設(shè)計(jì)交互時(shí)籽懦,應(yīng)該考慮根本不讓用戶犯錯(cuò),甚至可以減少用戶的控制和輸入氛魁。
七暮顺、微文案
微文案,指的也是標(biāo)簽秀存,說(shuō)明其它內(nèi)容的文本片段捶码,是理解交互規(guī)則的必不可少的一部分。
微文案屬于固定不動(dòng)的反饋或链,一個(gè)微文案本身也可以被理解為一個(gè)完整的微交互惫恼。如果標(biāo)簽足夠了,那就不要使用說(shuō)明性的文案株扛。放置標(biāo)簽的最佳位置是操作點(diǎn)上方尤筐,其次是被操作的對(duì)象之上或其中汇荐。
八洞就、算法
從最根本上來(lái)看,規(guī)則其實(shí)就是算法掀淘,算法就是表面上能夠執(zhí)行并且得到理想結(jié)果的一組指令旬蟋。
任何算法都由以下四個(gè)部分組成:
1.順序:各個(gè)步驟的先后順序如何?有沒(méi)有對(duì)應(yīng)的觸發(fā)操作
2.決定:if ?xxxx do xxxxx
3.重復(fù):行為如何循環(huán)革娄?如何再次觸發(fā)倾贰?
4.變量:變量其實(shí)就是數(shù)據(jù)的容器,是規(guī)則中的名字拦惋,發(fā)生改變的對(duì)象匆浙。
記住設(shè)計(jì)的原則:知道用戶想干什么,哪些數(shù)據(jù)或內(nèi)容是有用的厕妖, 如何把這些人們需要的融入到交互設(shè)計(jì)中首尼。