微交互 (第一章 - 設計微交互)

The only important thing about design is how it relates to people.?

- Victor Papanek

《微交互》這本書應該算是交互入門的首選之一次哈,它關注點小,書也很薄,但是吸引人腔寡,需要自己找的內(nèi)容很多坎藐。下面是第一章的閱讀總結:


微交互涂籽,每次只做一件事

第一章開篇就用一個小故事來講微交互是多么重要:

在一場盛大的音樂會中瓷胧,一個小小的手機靜音開關衡蚂,竟然沒有禁止掉鬧鐘的聲響,手機主人因為已經(jīng)切換靜音而毫不知情佃却,持續(xù)的鬧鐘鈴聲最后導致演出暫停者吁。這個“靜音開關/模式”,就是所謂的微交互饲帅。

微交互,每次只做一件事

哇瘤泪,這句話簡直豁然開朗灶泵,“微交互不是功能,只是專注于細節(jié)对途∩饬冢” 你每按一次電梯,每掃一次二維碼实檀,每點擊一次鼠標惶洲,都是微交互。


微交互的歷史

簡單點說膳犹,工程師Larry恬吕,為Xerox電腦的文字處理軟件Gypsy設計程序,他大膽的加入了鼠標操作和GUI圖形界面须床,這還不算完铐料,這哥們嫌上一代Bravo的移動文本功能太復制,就結合鼠標和GUI界面,發(fā)明了復制钠惩、粘貼功能鍵柒凉,媽媽再也不怕我寫錯行了~

Larry Tesler, “復制”“粘貼”功能的發(fā)明人

這里需要提到的是Larry的設計思路:

“減少界面中的感覺體模態(tài)(Modality)÷耍”

這里的模態(tài)膝捞,指的是交互設計中常說的模態(tài)彈框,模態(tài)彈框是一種強制用戶進行交互的設計愧沟,舉個簡單的例子蔬咬,就是當你在進行刪除操作時,彈出來的那個東西央渣。

復制计盒、粘貼,這就是精心設計過的微交互芽丹,沒有任何提示北启,自然而然的完成指令。

機械時代還是直觀的“所得即所見”拔第,現(xiàn)在已經(jīng)是一個按鈕便可以完成所有指令咕村。

按鈕是一個標志,標志著人類動作的結果第一次完全不同于引發(fā)這個結果的動作

- Bill DeRouchey


微交互的結構

“一次只做一件事”蚊俺,那么這一件事是如何發(fā)生的呢懈涛?

微交互的結構:觸發(fā)器 - 規(guī)則 - 反饋 - 循環(huán)與模式

Step 1.? 觸發(fā)器:用戶想要做什么?

Step 2. 規(guī)則:會觸發(fā)什么泳猬?

Step 3. 反饋:怎樣能讓用戶理解規(guī)則批钠?

Step 4. 循環(huán)與模式:元規(guī)則。

這四個步驟組成了微交互的結構得封,其實所有交互都是在這個結構形態(tài)上產(chǎn)生的埋心。只是復雜程度不同。

《微交互》這本書就是詳細的挖掘這四步的具體內(nèi)容忙上。暫且不表拷呆,待我后面慢慢道來。


微交互的設計理念

把微交互集成到產(chǎn)品中有三種方式:

1. 逐個設計微交互

找出產(chǎn)品微交互疫粥,各個擊破茬斧。比如:iPod早期的滾動盤、QQ的新消息滴滴聲梗逮。

2. 把復雜的應用程序簡化為單一微交互

極簡產(chǎn)品项秉,一個功能就是一個產(chǎn)品。比如:只有拍照分享功能的Instagram库糠、只有單純寫字發(fā)表的簡書伙狐。

3. 把最復雜的數(shù)字產(chǎn)品打碎涮毫,發(fā)現(xiàn)其中的微交互“分子”

把不同的微交互揉和到一個大型的產(chǎn)品中。比如:高德地圖贷屎,除了地圖之外罢防,還有幾十個微交互構成其他功能。俗話說唉侄,林子大了咒吐,什么鳥都有,這種方式也是最容易產(chǎn)生問題的属划。


微交互很重要恬叹,好的微交互好像“Ctrl+C”"Ctrl+v"般方便,不完美的微交互好像靜音也關不掉的鬧鐘同眯。

善用微交互绽昼,讓世界變得更好,而所有的改變都始于觸發(fā)器——那個按鈕须蜗。


My heart belongs to the details. I actually always found them to be more important than the big picture. Nothing works without details. They are everything, the baseline of quality.

-Dieter Rams



Related Links:

彈框體系總結:模態(tài)彈框和非模態(tài)彈框

Push Click Touch

Larry Tesler on wikipedia

DIETER RAMS

Little Big Details - 本書的大量圖例都來自這個網(wǎng)站


Bounrs:

law of ux

一個關于UX法則的互動網(wǎng)站硅确,里面有一條法則是根據(jù)Tesler命名的。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末明肮,一起剝皮案震驚了整個濱河市菱农,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌柿估,老刑警劉巖循未,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異秫舌,居然都是意外死亡的妖,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門足陨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來羔味,“玉大人,你說我怎么就攤上這事钠右。” “怎么了忘蟹?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵飒房,是天一觀的道長。 經(jīng)常有香客問我媚值,道長狠毯,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任褥芒,我火速辦了婚禮嚼松,結果婚禮上嫡良,老公的妹妹穿的比我還像新娘。我一直安慰自己献酗,他們只是感情好寝受,可當我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著罕偎,像睡著了一般很澄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上颜及,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天甩苛,我揣著相機與錄音,去河邊找鬼俏站。 笑死讯蒲,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的肄扎。 我是一名探鬼主播墨林,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼反浓!你這毒婦竟也來了萌丈?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤雷则,失蹤者是張志新(化名)和其女友劉穎辆雾,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體月劈,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡度迂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了猜揪。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惭墓。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖而姐,靈堂內(nèi)的尸體忽然破棺而出腊凶,到底是詐尸還是另有隱情,我是刑警寧澤拴念,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布钧萍,位于F島的核電站,受9級特大地震影響政鼠,放射性物質(zhì)發(fā)生泄漏风瘦。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一公般、第九天 我趴在偏房一處隱蔽的房頂上張望万搔。 院中可真熱鬧胡桨,春花似錦、人聲如沸瞬雹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽挖炬。三九已至揽浙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間意敛,已是汗流浹背馅巷。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留草姻,地道東北人钓猬。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像撩独,于是被迫代替她去往敵國和親敞曹。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,577評論 2 353

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