微交互 (第三章 - 規(guī)則) 上

僅僅為了不同而不同很少能做好,

而做的更好通常才會讓人覺得不同。

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,094評論 25 709
  • Common Sense for the Healing Arts" by Robert M. Duggan "A...
    松本靜閱讀 204評論 0 0
  • 橋接模式 將類的抽象部分與實現(xiàn)相分離 抽象部分與實現(xiàn)想分離,在成員函數(shù)方面用的是繼承,多態(tài)。而在橋接模式是針對類的...
    Myth52125閱讀 1,161評論 0 0
  • 這段時間伴隨著學(xué)校的冷氣開始蔓延,有不少老兄嫩妹內(nèi)心開始有點浮動,像壺里的熱水快要沸騰前的浮動,很動蕩的樣子。此情...
    CalicoW閱讀 206評論 0 1
  • 周五了,不知不覺這周就過完了。也是很快啊。我們上周五開始在新工位辦公,說震哥他們這周一搬,后來又說周三搬,然后這周...
    小王子的前世今生閱讀 168評論 0 0

友情鏈接更多精彩內(nèi)容