The only important thing about design is how it relates to people.?
- Victor Papanek
《微交互》這本書應(yīng)該算是交互入門的首選之一,它關(guān)注點小,書也很薄,但是吸引人,需要自己找的內(nèi)容很多。下面是第一章的閱讀總結(jié):
微交互,每次只做一件事
第一章開篇就用一個小故事來講微交互是多么重要:
在一場盛大的音樂會中,一個小小的手機靜音開關(guān),竟然沒有禁止掉鬧鐘的聲響,手機主人因為已經(jīng)切換靜音而毫不知情,持續(xù)的鬧鐘鈴聲最后導(dǎo)致演出暫停。這個“靜音開關(guān)/模式”,就是所謂的微交互。
微交互,每次只做一件事
哇,這句話簡直豁然開朗,“微交互不是功能,只是專注于細節(jié)?!?你每按一次電梯,每掃一次二維碼,每點擊一次鼠標,都是微交互。
微交互的歷史
簡單點說,工程師Larry,為Xerox電腦的文字處理軟件Gypsy設(shè)計程序,他大膽的加入了鼠標操作和GUI圖形界面,這還不算完,這哥們嫌上一代Bravo的移動文本功能太復(fù)制,就結(jié)合鼠標和GUI界面,發(fā)明了復(fù)制、粘貼功能鍵,媽媽再也不怕我寫錯行了~

這里需要提到的是Larry的設(shè)計思路:
“減少界面中的感覺體模態(tài)(Modality)?!?/b>
這里的模態(tài),指的是交互設(shè)計中常說的模態(tài)彈框,模態(tài)彈框是一種強制用戶進行交互的設(shè)計,舉個簡單的例子,就是當你在進行刪除操作時,彈出來的那個東西。
復(fù)制、粘貼,這就是精心設(shè)計過的微交互,沒有任何提示,自然而然的完成指令。
機械時代還是直觀的“所得即所見”,現(xiàn)在已經(jīng)是一個按鈕便可以完成所有指令。
按鈕是一個標志,標志著人類動作的結(jié)果第一次完全不同于引發(fā)這個結(jié)果的動作
- Bill DeRouchey
微交互的結(jié)構(gòu)
“一次只做一件事”,那么這一件事是如何發(fā)生的呢?

Step 1.? 觸發(fā)器:用戶想要做什么?
Step 2. 規(guī)則:會觸發(fā)什么?
Step 3. 反饋:怎樣能讓用戶理解規(guī)則?
Step 4. 循環(huán)與模式:元規(guī)則。
這四個步驟組成了微交互的結(jié)構(gòu),其實所有交互都是在這個結(jié)構(gòu)形態(tài)上產(chǎn)生的。只是復(fù)雜程度不同。
《微交互》這本書就是詳細的挖掘這四步的具體內(nèi)容。暫且不表,待我后面慢慢道來。
微交互的設(shè)計理念
把微交互集成到產(chǎn)品中有三種方式:
1. 逐個設(shè)計微交互
找出產(chǎn)品微交互,各個擊破。比如:iPod早期的滾動盤、QQ的新消息滴滴聲。
2. 把復(fù)雜的應(yīng)用程序簡化為單一微交互
極簡產(chǎn)品,一個功能就是一個產(chǎn)品。比如:只有拍照分享功能的Instagram、只有單純寫字發(fā)表的簡書。
3. 把最復(fù)雜的數(shù)字產(chǎn)品打碎,發(fā)現(xiàn)其中的微交互“分子”
把不同的微交互揉和到一個大型的產(chǎn)品中。比如:高德地圖,除了地圖之外,還有幾十個微交互構(gòu)成其他功能。俗話說,林子大了,什么鳥都有,這種方式也是最容易產(chǎn)生問題的。
微交互很重要,好的微交互好像“Ctrl+C”"Ctrl+v"般方便,不完美的微交互好像靜音也關(guān)不掉的鬧鐘。
善用微交互,讓世界變得更好,而所有的改變都始于觸發(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:
彈框體系總結(jié):模態(tài)彈框和非模態(tài)彈框
Little Big Details - 本書的大量圖例都來自這個網(wǎng)站
Bounrs:
一個關(guān)于UX法則的互動網(wǎng)站,里面有一條法則是根據(jù)Tesler命名的。