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

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 Tesler, “復(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ā)生的呢?

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

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)彈框

Push Click Touch

Larry Tesler on wikipedia

DIETER RAMS

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


Bounrs:

law of ux

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

?著作權(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)容

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