微交互 (第三章 - 規(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ī)則拿出來遛了一圈誉结。

當年蘋果的OS X Lion版本昂验,把“另存為”的功能給刪掉了,因為蘋果覺得自己的“自動保存”已經(jīng)很完美了眶明。

后來迫于輿論壓力,又偷偷給加上了筐高,因為用戶不適用這個規(guī)則搜囱。

但是丑瞧,作為科技創(chuàng)新領(lǐng)域的帶頭大哥,他怎么可能就這么原封不動的恢復這個功能蜀肘。他家這個“另存為”保存的時候绊汹,順帶著連原始文件也幫你更新保存了。

而此刻扮宠,被蘋果徹底整懵圈的用戶西乖,只能受傷的說出這句話:

規(guī)則,是你跟用戶之間的君子協(xié)定坛增。

這里提到一個技巧:在設(shè)計時获雕,你設(shè)計師自己先寫出或畫出這套規(guī)則,如果你都整不明白收捣,用戶就更難建立它的思維模型了届案。(我覺得這里應該指的是心理模型(mental model))

比如說,使用微信/支付寶付款罢艾,需要輸入密碼時楣颠,彈出的鍵盤是純數(shù)字鍵盤。

設(shè)計規(guī)則

想象一個場景:你要用手機給老王轉(zhuǎn)賬咐蚯,手機需要你輸入支付密碼童漩。

這個場景有設(shè)計規(guī)則時必要的兩個階段

確定目標(完成轉(zhuǎn)賬)

設(shè)計具體規(guī)則(輸入支付密碼)

在設(shè)計時怎么確定目標呢?首先春锋,這個目標容易理解(你要給老王轉(zhuǎn)賬)矫膨。其次,目標能夠完成(你知道賬戶有錢看疙,知道密碼就可以轉(zhuǎn)賬)豆拨。

那如具體規(guī)則應該如何設(shè)計,要考慮很多種情況能庆,比如:

如何響應被激活的觸發(fā)器(點擊圖標時施禾,會發(fā)生什么?)

交互的時候可以進行什么操作(下載的過程中搁胆,可以取消下載)

結(jié)束時會發(fā)生什么(下載完成時弥搞,會發(fā)出聲音)

……

知道了設(shè)計規(guī)則的流程,那么接著就是設(shè)計規(guī)則的方法論了:

生成規(guī)則

就像畫畫一樣渠旁,先框架后細節(jié)攀例。

設(shè)計規(guī)則也是一樣,一開始把你想到的規(guī)則大體記下來顾腊。

舉個例子:

設(shè)想一個音樂播放器的例子粤铭,我們需要一個清晰可完成的目標:成功播放喜歡的音樂

在草圖1階段(左圖)杂靶,做一個規(guī)則判斷:用戶來到頁面是否要繼續(xù)上次的音樂梆惯?就這么簡單酱鸭,然后針對規(guī)則做出解決方案,最后的目標是“用戶成功播放喜歡的音樂”垛吗。

在草圖2階段(右圖)凹髓,在之前1的基礎(chǔ)上,細化設(shè)計怯屉,規(guī)則也變得越來越多蔚舀,越來越復雜。當然锨络,這個草圖中有很缺失赌躺,也有錯誤,需要修繕足删、增刪寿谴。這些設(shè)計會讓用戶越來越接近最終的目標。

動詞與名詞

目前為止失受,規(guī)則也只是恰巧寫在紙上讶泰,不夠清晰。書中在這時獻出一技拂到,覺得很有用:

動詞=用戶行動=交互目標痪署,名詞=操作對象=解決方案。

比如:從我的歌單可以播放喜愛的音樂兄旬。動詞=播放喜愛的音樂狼犯,名詞=我的歌單。

再來:通過Siri訂一張機票领铐。動詞=訂一張機票悯森,名詞=Siri。

不要想太多绪撵,先把規(guī)則化繁為簡的寫下來瓢姻,然后看著這句話,有動詞目標嗎音诈?有名詞對象嗎幻碱?都有?好的细溅,可以下一步了褥傍。

哦,不要想得太多喇聊,

噢恍风,不要想得太多。

姑娘我能讓你快樂

—— 杭天 《不要想得太多》

讓姑娘快樂不僅僅是找到動詞和名詞,姑娘最高興的是你這個交互規(guī)則里有很多個動詞和很少的名詞朋贬。比如:通過小眾點評訂一個密西西比劉哥土味餐廳鸥咖,選擇范圍不超過富豪酒店50米,8:00開始用餐兄世。你看看這動詞多到能讓姑娘樂的飛起。

屏幕與狀態(tài)

朋友們啊研,還記得第一章提到的那個地鐵售卡機嗎御滩?那個一屏只問一個問題的超牛逼售卡機。

“一屏一個問題”党远,這種引導式交互非常特殊削解,對于那些只需要走一遍的流程,它應該是最佳方案沟娱。但是氛驮,大多數(shù)交互流程,還是避免使用這種方案济似,一旦頁面上有“狀態(tài)變化”矫废,那么不用加載新頁面,用戶就可以馬上了解目前狀態(tài)砰蠢,并作出相應操作蓖扑。

我最喜歡的手機照片處理應用Snapseed,它將后期處理的最基本工具打包在一個屏幕中台舱,僅僅通過左右滑動和上下滑動律杠,就可以快速的對照片進行基本調(diào)整,而相比大部分照片處理應用竞惋,這些基本功能都被拆分成很多塊柜去,放在不同的入口中,使用起來實在麻煩拆宛。

那么嗓奢,獨立屏幕的交互要注意的就是“狀態(tài)”,用戶和對象之間的三種狀態(tài):

邀請/默認狀態(tài)

Snapseed打開照片的默認狀態(tài)——顯示照片和提供一些效果預設(shè)(它還把你處理上一張照片的數(shù)值打包成預設(shè)胰挑,放在第一位供選擇蔓罚,精妙啊U八獭)

活動狀態(tài)

Snapseed在你處理照片時會顯示菜單豺谈、數(shù)值和直觀的照片修改效果。

更新后的狀態(tài)

Snapseed在你做完操作后贡这,回到默認狀態(tài)茬末。

約束條件

這條沒什么好說的,設(shè)計每時每刻都需要平衡各種因素,微交互也一樣丽惭。

包括:

物理性的——鍵盤輸入击奶?語音輸入?影像輸入责掏?

強制性的——微博輸入140字柜砾?用戶名只能用英文?

經(jīng)濟上的——服務器的負擔如何换衬?10萬夠不夠做出一個奇幻的效果痰驱?

數(shù)據(jù)上的——可以用哪些現(xiàn)有的數(shù)據(jù)?可以收集哪些數(shù)據(jù)瞳浦?

不要從零開始

什么叫不要從零開始担映?就是在開始設(shè)計時,你手上可能已經(jīng)有了數(shù)據(jù)叫潦。

就像抖音的視頻推薦蝇完,它會根據(jù)通訊錄判斷哪些人你可能認識。

就像打開摩拜單車的掃碼框矗蕊,它會根據(jù)時間和環(huán)境來判斷是否需要開啟手電筒短蜕。

需要注意,數(shù)據(jù)是一個非常好的東西拔妥,但是不能亂用忿危,更像路邊的野花那樣不能亂采。所以如果這些數(shù)據(jù)涉及到讓用戶感到不適的狀況没龙,就停止收集的想法吧铺厨。

理解復雜性

Larry Tesler,對硬纤,就是第一章那個牛逼的Tesler解滓。他有一個稱為特斯勒復雜性守恒定律觀點,非常適合設(shè)計規(guī)則筝家,大致意思是:所有活動都有內(nèi)在的復雜性洼裤,超過了某個臨界點,簡化是不可能的溪王。

目前為止腮鞍,全世界勤勞勇敢的交互設(shè)計師總結(jié)出了十八條交互定律,特斯勒定律是其中一條莹菱。

via: https://lawsofux.com/teslers-law

既然定律已經(jīng)說了移国,有時候化繁為簡是不可能的,這輩子都不可能的道伟。那我們怎么辦迹缀?好辦使碾,要不讓系統(tǒng)來搞定,要不就讓用戶來搞定祝懂。

找出最核心的復雜性出現(xiàn)在什么地方票摇。

確定用戶掌握哪一部分。

用戶何時介入砚蓬。

聽起來好像感覺非常牛逼矢门,非常高深莫測。其實很簡單灰蛙,我解讀一下:

什么地方最容易出錯

用戶可以控制哪些內(nèi)容

用戶在什么時候可以去修改這些內(nèi)容

還是舉例子颅和,我愛舉例子:比如,線上開通股票賬戶缕允,最核心,最容易出錯的地方是身份證號碼蹭越,用戶掌握著身份證號碼的輸入權(quán)限障本,同時也可以拍照讓系統(tǒng)自動識別并填寫身份證號,一旦識別錯誤响鹃,用戶可以進行手動修改驾霜。

懂了嗎?朋友买置?這就是復雜性粪糙,我的朋友。

那么忿项,什么時候可以讓系統(tǒng)去處理復雜性交互問題呢蓉冈?

快速計算、多任務執(zhí)行轩触、大量記憶寞酿、監(jiān)測復雜模式和從大數(shù)據(jù)中搜索。

簡單點說:人覺得干起來非常耗時耗力的事兒脱柱,都特么讓機器人去干吧伐弹。當然,永遠要給用戶提供可以手動控制的入口榨为,不然機器人鬧事你可兜不住惨好。

愚蠢的人類。

—— T100

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末随闺,一起剝皮案震驚了整個濱河市日川,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌板壮,老刑警劉巖逗鸣,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡撒璧,警方通過查閱死者的電腦和手機透葛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來卿樱,“玉大人僚害,你說我怎么就攤上這事》钡鳎” “怎么了萨蚕?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蹄胰。 經(jīng)常有香客問我岳遥,道長,這世上最難降的妖魔是什么裕寨? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任浩蓉,我火速辦了婚禮,結(jié)果婚禮上宾袜,老公的妹妹穿的比我還像新娘捻艳。我一直安慰自己,他們只是感情好庆猫,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布认轨。 她就那樣靜靜地躺著,像睡著了一般月培。 火紅的嫁衣襯著肌膚如雪嘁字。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天杉畜,我揣著相機與錄音拳锚,去河邊找鬼。 笑死寻行,一個胖子當著我的面吹牛霍掺,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播拌蜘,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼杆烁,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了简卧?” 一聲冷哼從身側(cè)響起兔魂,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎举娩,沒想到半個月后析校,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體构罗,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年智玻,在試婚紗的時候發(fā)現(xiàn)自己被綠了遂唧。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡吊奢,死狀恐怖盖彭,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情页滚,我是刑警寧澤召边,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站裹驰,受9級特大地震影響隧熙,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜幻林,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一贱鼻、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧滋将,春花似錦、人聲如沸症昏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽肝谭。三九已至掘宪,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間攘烛,已是汗流浹背魏滚。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留坟漱,地道東北人鼠次。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像芋齿,于是被迫代替她去往敵國和親腥寇。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內(nèi)容

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