取其精華！設(shè)計師讀書筆記系列之《About face 3交互設(shè)計精髓》

@圍脖上的嘟嘟王子?：這篇依舊是讀書筆記，只不過記錄的不是整本書，而是《About face 3交互設(shè)計精髓》中的一個知識點(diǎn)，這個知識點(diǎn)非常重要，重要到需要單獨(dú)提出來記錄一篇。

往期回顧：

1. 《設(shè)計師讀書筆記連載系列之<簡約至上>》
2. 《設(shè)計師讀書筆記連載系列之<Don’t Make Me Think>》
3. 《設(shè)計師讀書筆記連載系列之《設(shè)計師要懂心理學(xué)》

在《About face 3交互設(shè)計精髓》一書中，將PC端應(yīng)用分為了3種姿態(tài)：獨(dú)占姿態(tài)，暫時姿態(tài)，后臺姿態(tài)。

1）獨(dú)占姿態(tài)是什么？

想想一下你正在全神貫注的做一件事情，唱一首歌、或者跳一支舞，你沉浸其中，你忘記了時間，也把其他事情暫時拋開了，這就叫做心流狀態(tài)，而能這首歌、這支舞就是獨(dú)占你心流狀態(tài)的事物。

PC端產(chǎn)品的獨(dú)占狀態(tài)也相同，它最大特點(diǎn)就是會被長時間持續(xù)的使用，且作為主要工具主導(dǎo)了用戶的工作流（工作中的心流狀態(tài)），這類應(yīng)用通常有著較多的功能、復(fù)雜的交互、用戶經(jīng)常需要長時間持續(xù)運(yùn)行、占據(jù)整個屏幕.

比如設(shè)計師在使用sketch 的時候，通常都會將窗口最大化，盡管有時候需要搜索一些配圖、處理一下工作雜事，但sketch依舊能保持其獨(dú)占姿態(tài)。

2）獨(dú)占應(yīng)用的使用者一般都是中間用戶

用戶使用獨(dú)占應(yīng)用時，往往目標(biāo)明確，且有要在應(yīng)用上花費(fèi)大量時間和精力的心理準(zhǔn)備，因此用戶一定會從新手用戶發(fā)展為中間用戶。這就意味著產(chǎn)品不能犧牲功能從而變得容易學(xué)習(xí)，也不能一味追求精密復(fù)雜的超級工具，設(shè)計者需要做的是：永遠(yuǎn)為中間用戶進(jìn)行優(yōu)化。

3）獨(dú)占應(yīng)用的設(shè)計原則

1、慷慨的使用屏幕空間

由于獨(dú)占應(yīng)用長時間持續(xù)被使用，沒有其他的應(yīng)用能和這個獨(dú)占應(yīng)用相爭，因此獨(dú)占應(yīng)用可以最大化的使用空間

2、弱化視覺表現(xiàn)

由于用戶可能長時間盯著獨(dú)占應(yīng)用，擁有強(qiáng)烈色彩的視覺風(fēng)格只會帶來短暫的新鮮感，很快就會令用戶視覺疲勞，因此弱化視覺表現(xiàn)上的顏色和紋理變得很重要。

如下圖，PPT的整體配色以灰色為主調(diào)弱化視覺表現(xiàn)

3、用更少的像素來做更多的事情

用戶長時間盯著相同的菜單和工具欄，會對功能的位置越來越有熟悉感，肢體對位置也有反射記憶。因此，設(shè)計者可以用更少的像素來做更多的事情，比如空間上更緊湊、icon更小等

4、豐富的操作

獨(dú)占應(yīng)用的用戶目標(biāo)明確-快速完成某項任務(wù)，因此豐富的操作對中間用戶來說就變得非常重要。比如做設(shè)計的時候，你需要快速復(fù)制粘貼，那這時針對新手用戶的鼠標(biāo)右鍵復(fù)制粘貼已經(jīng)比較麻煩且浪費(fèi)時間，Ctrl+C和Ctrl+V就比較便捷了。

5、防錯機(jī)制

相信你一定曾經(jīng)遇到過這種倒霉事：正做著PS呢，程序崩潰了，做了這么久的圖，說沒就沒了，一口老血噴了一屏幕。如果這些獨(dú)占應(yīng)用可以每隔幾分鐘就保存一次，就可以防止程序崩潰或錯誤操作帶來的損失了。

不止是PC客戶端、隨著多平臺時代的發(fā)展、現(xiàn)在web上也有越來越多的獨(dú)占應(yīng)用，比如用來做云端PPT的輕頁，可以用來跨平臺分享，不需要下載，一個鏈接就可以打開一個演示文檔。

而這種應(yīng)用會帶來更多的干擾，比如在編輯頁面，瀏覽器頂部的標(biāo)簽和工具欄時常會干擾用戶，分散用戶的注意力。而瀏覽器頁面更容易被關(guān)閉，因此后臺緩存和關(guān)閉強(qiáng)提示就變的非常重要。

2.1）暫時姿態(tài)是什么？

你在繪畫的時候，要換一支小一號的畫筆；跳舞的時候換一雙舞鞋；唱K的時候換一首歌，你所有的暫時性動作都是為了整個事件的完成，這種短暫事件就是暫時姿態(tài)。

PC端產(chǎn)品的暫時狀態(tài)也相同，它最大特點(diǎn)就是在暫時需要時被調(diào)用，完成自身任務(wù)后又迅速離開，讓用戶繼續(xù)工作，暫時姿態(tài)的臨時性特點(diǎn)，讓這類界面必須清晰而容易操作。

例如在做PPT時，需要調(diào)入一張圖片，這個時候調(diào)出來的插入圖片的彈框程序就是暫時姿態(tài)。

2.2）暫時姿態(tài)的使用者是所有人

雖然暫時姿態(tài)可以單獨(dú)運(yùn)行，但通常都是輔助支持獨(dú)占應(yīng)用的。因此無論是新手用戶、中間用戶、還是專家用戶，暫時姿態(tài)都將被使用。

3.3）暫時姿態(tài)的設(shè)計原則

節(jié)約屏幕空間，且必須是可以移動的

暫時姿態(tài)只是暫時被調(diào)用，且他們位于獨(dú)占應(yīng)用之上，因此、暫時姿態(tài)的應(yīng)用程序必須是可以移動的，方便用戶來回拖動，不遮擋用戶視線。

清晰的設(shè)計和較大的icon

PC端的QQ音樂就是一個典型的暫時姿態(tài)的應(yīng)用。

設(shè)計師Tony經(jīng)常會在作圖的時候通常會聽音樂來放松心情，今天也是如此，他快速打開QQ音樂的客戶端，選好了自己喜歡的歌單后又迅速關(guān)閉，之后偶爾快速查看或者操作它。這個時候，清晰的設(shè)計和較大的icon有利于用戶迅速識別、迅速完成操作。

豐富的視覺表現(xiàn)

獨(dú)占姿態(tài)弱化了視覺表現(xiàn)，這時在暫時姿態(tài)彈出時，醒目的設(shè)計反倒有利于用戶快速定位。況且暫時姿態(tài)只是短暫被調(diào)出，不會長時間停留在屏幕上，因此豐富的視覺表現(xiàn)不會引起用戶的視覺疲勞和反感

最好不要增加第二個視圖或?qū)υ捒?/strong>