僅僅為了不同而不同很少能做好卦羡,
而做的更好通常才會讓人覺得不同耻陕。
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