僅僅為了不同而不同很少能做好,
而做的更好通常才會讓人覺得不同。
Things which are different in order simply to be different are seldom better,
but that which is made to be better is almost always different.
- Dieter Rams
遼北第一狠人范德彪說過,萬事要按套路來,要不然就會被套路。
《微交互》第三章,開篇就把蘋果OS系統(tǒng)曾經(jīng)的一個微交互規(guī)則拿出來遛了一圈。
當(dāng)年蘋果的OS X Lion版本,把“另存為”的功能給刪掉了,因為蘋果覺得自己的“自動保存”已經(jīng)很完美了。
后來迫于輿論壓力,又偷偷給加上了,因為用戶不適用這個規(guī)則。
但是,作為科技創(chuàng)新領(lǐng)域的帶頭大哥,他怎么可能就這么原封不動的恢復(fù)這個功能。他家這個“另存為”保存的時候,順帶著連原始文件也幫你更新保存了。
而此刻,被蘋果徹底整懵圈的用戶,只能受傷的說出這句話:
規(guī)則,是你跟用戶之間的君子協(xié)定。
這里提到一個技巧:在設(shè)計時,你設(shè)計師自己先寫出或畫出這套規(guī)則,如果你都整不明白,用戶就更難建立它的思維模型了。(我覺得這里應(yīng)該指的是心理模型(mental model))
比如說,使用微信/支付寶付款,需要輸入密碼時,彈出的鍵盤是純數(shù)字鍵盤。
設(shè)計規(guī)則
想象一個場景:你要用手機(jī)給老王轉(zhuǎn)賬,手機(jī)需要你輸入支付密碼。
這個場景有設(shè)計規(guī)則時必要的兩個階段
確定目標(biāo)(完成轉(zhuǎn)賬)
設(shè)計具體規(guī)則(輸入支付密碼)
在設(shè)計時怎么確定目標(biāo)呢?首先,這個目標(biāo)容易理解(你要給老王轉(zhuǎn)賬)。其次,目標(biāo)能夠完成(你知道賬戶有錢,知道密碼就可以轉(zhuǎn)賬)。
那如具體規(guī)則應(yīng)該如何設(shè)計,要考慮很多種情況,比如:
如何響應(yīng)被激活的觸發(fā)器(點擊圖標(biāo)時,會發(fā)生什么?)
交互的時候可以進(jìn)行什么操作(下載的過程中,可以取消下載)
結(jié)束時會發(fā)生什么(下載完成時,會發(fā)出聲音)
……
知道了設(shè)計規(guī)則的流程,那么接著就是設(shè)計規(guī)則的方法論了:
生成規(guī)則
就像畫畫一樣,先框架后細(xì)節(jié)。
設(shè)計規(guī)則也是一樣,一開始把你想到的規(guī)則大體記下來。
舉個例子:

設(shè)想一個音樂播放器的例子,我們需要一個清晰可完成的目標(biāo):成功播放喜歡的音樂。
在草圖1階段(左圖),做一個規(guī)則判斷:用戶來到頁面是否要繼續(xù)上次的音樂?就這么簡單,然后針對規(guī)則做出解決方案,最后的目標(biāo)是“用戶成功播放喜歡的音樂”。
在草圖2階段(右圖),在之前1的基礎(chǔ)上,細(xì)化設(shè)計,規(guī)則也變得越來越多,越來越復(fù)雜。當(dāng)然,這個草圖中有很缺失,也有錯誤,需要修繕、增刪。這些設(shè)計會讓用戶越來越接近最終的目標(biāo)。
動詞與名詞
目前為止,規(guī)則也只是恰巧寫在紙上,不夠清晰。書中在這時獻(xiàn)出一技,覺得很有用:
動詞=用戶行動=交互目標(biāo),名詞=操作對象=解決方案。
比如:從我的歌單可以播放喜愛的音樂。動詞=播放喜愛的音樂,名詞=我的歌單。
再來:通過Siri訂一張機(jī)票。動詞=訂一張機(jī)票,名詞=Siri。
不要想太多,先把規(guī)則化繁為簡的寫下來,然后看著這句話,有動詞目標(biāo)嗎?有名詞對象嗎?都有?好的,可以下一步了。
哦,不要想得太多,
噢,不要想得太多。
姑娘我能讓你快樂
—— 杭天 《不要想得太多》
讓姑娘快樂不僅僅是找到動詞和名詞,姑娘最高興的是你這個交互規(guī)則里有很多個動詞和很少的名詞。比如:通過小眾點評訂一個密西西比劉哥土味餐廳,選擇范圍不超過富豪酒店50米,8:00開始用餐。你看看這動詞多到能讓姑娘樂的飛起。
屏幕與狀態(tài)
朋友們,還記得第一章提到的那個地鐵售卡機(jī)嗎?那個一屏只問一個問題的超牛逼售卡機(jī)。
“一屏一個問題”,這種引導(dǎo)式交互非常特殊,對于那些只需要走一遍的流程,它應(yīng)該是最佳方案。但是,大多數(shù)交互流程,還是避免使用這種方案,一旦頁面上有“狀態(tài)變化”,那么不用加載新頁面,用戶就可以馬上了解目前狀態(tài),并作出相應(yīng)操作。
我最喜歡的手機(jī)照片處理應(yīng)用Snapseed,它將后期處理的最基本工具打包在一個屏幕中,僅僅通過左右滑動和上下滑動,就可以快速的對照片進(jìn)行基本調(diào)整,而相比大部分照片處理應(yīng)用,這些基本功能都被拆分成很多塊,放在不同的入口中,使用起來實在麻煩。
那么,獨立屏幕的交互要注意的就是“狀態(tài)”,用戶和對象之間的三種狀態(tài):
邀請/默認(rèn)狀態(tài)
Snapseed打開照片的默認(rèn)狀態(tài)——顯示照片和提供一些效果預(yù)設(shè)(它還把你處理上一張照片的數(shù)值打包成預(yù)設(shè),放在第一位供選擇,精妙啊?。?/p>
活動狀態(tài)
Snapseed在你處理照片時會顯示菜單、數(shù)值和直觀的照片修改效果。
更新后的狀態(tài)
Snapseed在你做完操作后,回到默認(rèn)狀態(tài)。
約束條件
這條沒什么好說的,設(shè)計每時每刻都需要平衡各種因素,微交互也一樣。
包括:
物理性的——鍵盤輸入?語音輸入?影像輸入?
強(qiáng)制性的——微博輸入140字?用戶名只能用英文?
經(jīng)濟(jì)上的——服務(wù)器的負(fù)擔(dān)如何?10萬夠不夠做出一個奇幻的效果?
數(shù)據(jù)上的——可以用哪些現(xiàn)有的數(shù)據(jù)?可以收集哪些數(shù)據(jù)?
不要從零開始
什么叫不要從零開始?就是在開始設(shè)計時,你手上可能已經(jīng)有了數(shù)據(jù)。
就像抖音的視頻推薦,它會根據(jù)通訊錄判斷哪些人你可能認(rèn)識。
就像打開摩拜單車的掃碼框,它會根據(jù)時間和環(huán)境來判斷是否需要開啟手電筒。
需要注意,數(shù)據(jù)是一個非常好的東西,但是不能亂用,更像路邊的野花那樣不能亂采。所以如果這些數(shù)據(jù)涉及到讓用戶感到不適的狀況,就停止收集的想法吧。
理解復(fù)雜性
Larry Tesler,對,就是第一章那個牛逼的Tesler。他有一個稱為特斯勒復(fù)雜性守恒定律觀點,非常適合設(shè)計規(guī)則,大致意思是:所有活動都有內(nèi)在的復(fù)雜性,超過了某個臨界點,簡化是不可能的。
目前為止,全世界勤勞勇敢的交互設(shè)計師總結(jié)出了十八條交互定律,特斯勒定律是其中一條。
via: https://lawsofux.com/teslers-law
既然定律已經(jīng)說了,有時候化繁為簡是不可能的,這輩子都不可能的。那我們怎么辦?好辦,要不讓系統(tǒng)來搞定,要不就讓用戶來搞定。
找出最核心的復(fù)雜性出現(xiàn)在什么地方。
確定用戶掌握哪一部分。
用戶何時介入。
聽起來好像感覺非常牛逼,非常高深莫測。其實很簡單,我解讀一下:
什么地方最容易出錯
用戶可以控制哪些內(nèi)容
用戶在什么時候可以去修改這些內(nèi)容
還是舉例子,我愛舉例子:比如,線上開通股票賬戶,最核心,最容易出錯的地方是身份證號碼,用戶掌握著身份證號碼的輸入權(quán)限,同時也可以拍照讓系統(tǒng)自動識別并填寫身份證號,一旦識別錯誤,用戶可以進(jìn)行手動修改。
懂了嗎?朋友?這就是復(fù)雜性,我的朋友。
那么,什么時候可以讓系統(tǒng)去處理復(fù)雜性交互問題呢?
快速計算、多任務(wù)執(zhí)行、大量記憶、監(jiān)測復(fù)雜模式和從大數(shù)據(jù)中搜索。
簡單點說:人覺得干起來非常耗時耗力的事兒,都特么讓機(jī)器人去干吧。當(dāng)然,永遠(yuǎn)要給用戶提供可以手動控制的入口,不然機(jī)器人鬧事你可兜不住。
愚蠢的人類。
—— T100