微交互的核心:規(guī)則如何定義?
微交互的核心是規(guī)則,規(guī)則決定了微交互是什么?怎么用?
創(chuàng)建規(guī)則的重點(diǎn),就是創(chuàng)建一個微交互如何運(yùn)作的心智模型。
一、規(guī)則的流程
在設(shè)計(jì)規(guī)則前,最重要的是確定目標(biāo),一個最簡單也最明確的目的,即該微交互到底是什么。清晰的目標(biāo)應(yīng)該是容易理解的,即回答清楚,我為什么要做這件事,我如何做這件事。
目標(biāo)是整個規(guī)則的引擎,也是整個交互過程中的最終狀態(tài),而不是一個步驟。
規(guī)則應(yīng)該潛移默化地引導(dǎo)用戶完成微交互“交互功能”
制定規(guī)則時,應(yīng)該有考慮以下的流程
規(guī)則分為強(qiáng)弱之分,強(qiáng)感知的規(guī)則需要用戶進(jìn)行較為復(fù)雜的操作,或是新的操作。弱感知的規(guī)則用戶可能不會知道規(guī)則的存在。要讓用戶清楚兩件事:允許做什么和不允許做什么。規(guī)則決定什么事情發(fā)生,以什么順序發(fā)生,進(jìn)而影響用戶體驗(yàn)。
二、生成規(guī)則
設(shè)計(jì)規(guī)則最簡單的方式是一開始先把你想到的規(guī)則大體上記錄下來,注意記錄時首先要考慮的是記錄交互期間的主要動作,然后根據(jù)這些主要動作一步一步確定分支完善整個規(guī)則??梢杂纱送瓿杀硎疽?guī)則的邏輯關(guān)系圖。
微交互中的所有對象,包括界面中的每一個部分,都可以理解我有特征和狀態(tài)的名詞,而規(guī)則定義了這些特征和狀態(tài)。微交互中每個名詞都應(yīng)該獨(dú)一無二,相似的名詞行為也應(yīng)該相同,行為不同的對象看起來也應(yīng)該不樣。
理想的微交互應(yīng)該是提供給用戶多種多樣的動詞,但只提供最少的名詞。
三、屏幕與狀態(tài)
在設(shè)計(jì)交互的時候,經(jīng)常也會面對一個問題:“是跳轉(zhuǎn)新頁面還是用彈窗還是狀態(tài)變化?”
通常情況下,彈窗是用戶主動發(fā)起的動作反饋,且大部分用于警示動作,需要中斷用戶的操作,官方有明確的文檔指出彈窗應(yīng)該怎么用。而在部分頁面,流程步驟性很強(qiáng)的部分,需要采用跳轉(zhuǎn)新頁面,如注冊流程,支付流程等。
eg:
一些不要的跳轉(zhuǎn)回破壞整個工作流程,造成不必要的割裂。通常最好的處理辦法還是巧妙的狀態(tài)變化。
狀態(tài)變化可以在不加載新屏幕的情況下,漸進(jìn)地揭示每時每刻必須做出決定或操作的規(guī)則。
用戶可以交互的對像都應(yīng)該有三種狀態(tài)
每一個狀態(tài)都應(yīng)向用戶傳遞信息,即使什么都沒有發(fā)生。
四、設(shè)計(jì)前的準(zhǔn)備
設(shè)計(jì)規(guī)則前忌諱閉門造車,通過了解用戶一些情況作出相應(yīng)的微交互,可創(chuàng)造出個性體驗(yàn),但是要注意尊重用戶的隱私。比如通過地理位置判斷用戶所在的城市,推送消息時給用戶的信息都是基于城市相關(guān)的。
善于利用情景和之前行為預(yù)測或增強(qiáng)微交互,例如支付頁面,可以根據(jù)用戶之前多次的支付行為來判斷,如果用戶一直使用微信支付,那么給他的支付選項(xiàng)可以為默認(rèn)微信支付。
要善于搜集用戶數(shù)據(jù)形成持續(xù)的用戶研究。
五、理解復(fù)雜性
很多時候在設(shè)計(jì)界面時后悔遇到一個問題,想把復(fù)雜的頁面或邏輯做的更輕更直觀。
特斯勒復(fù)雜守恒定律:所有活動都有內(nèi)在復(fù)雜性,超過了某個零界點(diǎn),簡化是不可能的。
解決方案:
- 找出最核心的復(fù)雜性在什么地方,確定用戶掌握著哪一部分以及何時需要介入,如果用戶介入絕對必要,則適時講控制權(quán)交給用戶。
- 通過系統(tǒng)處理復(fù)雜性,如快速計(jì)算、同時執(zhí)行多個任務(wù)、從大數(shù)據(jù)中處理分析。
- 提供有限的選項(xiàng)和聰明的默認(rèn)值,盡量少給用戶選擇,同時要提供給用戶聰明的默認(rèn)選項(xiàng),提示用戶最可能采取的一個動作,在視覺上可以給出強(qiáng)調(diào)或是去掉其它所有選項(xiàng)?!翱刂屏擞脩舻难劬Γ涂刂屏擞脩舻哪_步”知道了用戶最有可能的下一步操作,將用戶的所有行為連成一個整體。
用戶的每個選項(xiàng)都應(yīng)該是對應(yīng)了一條規(guī)則,減少規(guī)則最好的辦法就是給用戶提供有限的選項(xiàng)。最明顯的默認(rèn)應(yīng)該是大多數(shù)人大多數(shù)情況下會用到的,默認(rèn)選擇,最好也能給出說明。
如果你還在為一些造成復(fù)雜的選擇而糾結(jié),你可以問自己一個問題:提供這個選項(xiàng)能讓用戶覺得有意思,有價值,心情舒暢嗎?如果不能,那就不要增加。
六、控件與用戶輸入
控件的選擇需要權(quán)衡易操作和易辨識這兩個方面
- 易操作——每個指令對應(yīng)一個控件
- 易辨識——讓一個控件承載多個操作
控件應(yīng)該對應(yīng)其功能的權(quán)重做出視覺上的顯眼體現(xiàn),讓用戶感知強(qiáng)烈。
在用戶輸入犯錯時,首先應(yīng)該提升用戶的錯誤,還應(yīng)該包含如何解決問題。但在原理上,設(shè)計(jì)交互時,應(yīng)該考慮根本不讓用戶犯錯,甚至可以減少用戶的控制和輸入。
七、微文案
微文案,指的也是標(biāo)簽,說明其它內(nèi)容的文本片段,是理解交互規(guī)則的必不可少的一部分。
微文案屬于固定不動的反饋,一個微文案本身也可以被理解為一個完整的微交互。如果標(biāo)簽足夠了,那就不要使用說明性的文案。放置標(biāo)簽的最佳位置是操作點(diǎn)上方,其次是被操作的對象之上或其中。
八、算法
從最根本上來看,規(guī)則其實(shí)就是算法,算法就是表面上能夠執(zhí)行并且得到理想結(jié)果的一組指令。
任何算法都由以下四個部分組成:
- 順序:各個步驟的先后順序如何?有沒有對應(yīng)的觸發(fā)操作
- 決定:if ?xxxx do xxxxx
- 重復(fù):行為如何循環(huán)?如何再次觸發(fā)?
- 變量:變量其實(shí)就是數(shù)據(jù)的容器,是規(guī)則中的名字,發(fā)生改變的對象。
記住設(shè)計(jì)的原則:知道用戶想干什么,哪些數(shù)據(jù)或內(nèi)容是有用的, 如何把這些人們需要的融入到交互設(shè)計(jì)中。
本文由 @placeless 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
??