在《About face 3交互設計精髓》一書中,將PC端應用分為了3種姿態:獨占姿態,暫時姿態,后臺姿態。
1)獨占姿態是什么?
想想一下你正在全神貫注的做一件事情,唱一首歌、或者跳一支舞,你沉浸其中,你忘記了時間,也把其他事情暫時拋開了,這就叫做心流狀態,而能這首歌、這支舞就是獨占你心流狀態的事物。
PC端產品的獨占狀態也相同,它最大特點就是會被長時間持續的使用,且作為主要工具主導了用戶的工作流(工作中的心流狀態),這類應用通常有著較多的功能、復雜的交互、用戶經常需要長時間持續運行、占據整個屏幕.
比如設計師在使用sketch 的時候,通常都會將窗口最大化,盡管有時候需要搜索一些配圖、處理一下工作雜事,但sketch依舊能保持其獨占姿態。
2)獨占應用的使用者一般都是中間用戶
用戶使用獨占應用時,往往目標明確,且有要在應用上花費大量時間和精力的心理準備,因此用戶一定會從新手用戶發展為中間用戶。這就意味著產品不能犧牲功能從而變得容易學習,也不能一味追求精密復雜的超級工具,設計者需要做的是:永遠為中間用戶進行優化。
3)獨占應用的設計原則
1、慷慨的使用屏幕空間
由于獨占應用長時間持續被使用,沒有其他的應用能和這個獨占應用相爭,因此獨占應用可以最大化的使用空間
2、弱化視覺表現
由于用戶可能長時間盯著獨占應用,擁有強烈色彩的視覺風格只會帶來短暫的新鮮感,很快就會令用戶視覺疲勞,因此弱化視覺表現上的顏色和紋理變得很重要。
如下圖,PPT的整體配色以灰色為主調弱化視覺表現
3、用更少的像素來做更多的事情
用戶長時間盯著相同的菜單和工具欄,會對功能的位置越來越有熟悉感,肢體對位置也有反射記憶。因此,設計者可以用更少的像素來做更多的事情,比如空間上更緊湊、icon更小等
4、豐富的操作
獨占應用的用戶目標明確-快速完成某項任務,因此豐富的操作對中間用戶來說就變得非常重要。比如做設計的時候,你需要快速復制粘貼,那這時針對新手用戶的鼠標右鍵復制粘貼已經比較麻煩且浪費時間,Ctrl+C和Ctrl+V就比較便捷了。
5、防錯機制
相信你一定曾經遇到過這種倒霉事:正做著PS呢,程序崩潰了,做了這么久的圖,說沒就沒了,一口老血噴了一屏幕。如果這些獨占應用可以每隔幾分鐘就保存一次,就可以防止程序崩潰或錯誤操作帶來的損失了。
不止是PC客戶端、隨著多平臺時代的發展、現在web上也有越來越多的獨占應用,比如用來做云端PPT的輕頁,可以用來跨平臺分享,不需要下載,一個鏈接就可以打開一個演示文檔。
而這種應用會帶來更多的干擾,比如在編輯頁面,瀏覽器頂部的標簽和工具欄時常會干擾用戶,分散用戶的注意力。而瀏覽器頁面更容易被關閉,因此后臺緩存和關閉強提示就變的非常重要。
2.1)暫時姿態是什么?
你在繪畫的時候,要換一支小一號的畫筆;跳舞的時候換一雙舞鞋;唱K的時候換一首歌,你所有的暫時性動作都是為了整個事件的完成,這種短暫事件就是暫時姿態。
PC端產品的暫時狀態也相同,它最大特點就是在暫時需要時被調用,完成自身任務后又迅速離開,讓用戶繼續工作,暫時姿態的臨時性特點,讓這類界面必須清晰而容易操作。
例如在做PPT時,需要調入一張圖片,這個時候調出來的插入圖片的彈框程序就是暫時姿態。
2.2)暫時姿態的使用者是所有人
雖然暫時姿態可以單獨運行,但通常都是輔助支持獨占應用的。因此無論是新手用戶、中間用戶、還是專家用戶,暫時姿態都將被使用。
3.3)暫時姿態的設計原則
節約屏幕空間,且必須是可以移動的
暫時姿態只是暫時被調用,且他們位于獨占應用之上,因此、暫時姿態的應用程序必須是可以移動的,方便用戶來回拖動,不遮擋用戶視線。
清晰的設計和較大的icon
PC端的QQ音樂就是一個典型的暫時姿態的應用。
設計師Tony經常會在作圖的時候通常會聽音樂來放松心情,今天也是如此,他快速打開QQ音樂的客戶端,選好了自己喜歡的歌單后又迅速關閉,之后偶爾快速查看或者操作它。這個時候,清晰的設計和較大的icon有利于用戶迅速識別、迅速完成操作。
豐富的視覺表現
獨占姿態弱化了視覺表現,這時在暫時姿態彈出時,醒目的設計反倒有利于用戶快速定位。況且暫時姿態只是短暫被調出,不會長時間停留在屏幕上,因此豐富的視覺表現不會引起用戶的視覺疲勞和反感
最好不要增加第二個視圖或對話框
用戶調用暫時程序時,他所需要的信息和功能操作應當直接顯示在程序的單個窗口上,讓用戶集中在這個窗口上操作,不要再轉到其他窗口或彈框來完成程序的主要功能。如果在設計暫時程序時,你發現自己在增加一個第二視圖或者彈框,你就需要重新來檢查你的設計了。
記住用戶的選擇
我經常用Axure畫交互稿,在保存圖片的時候,程序通常會記住我上次的保存位置。這種讓應用程序記住它最后一次使用狀態的交互方式,符合用戶的心理模型。
后臺姿態是什么?
通常不與用戶互動的程序是后臺姿態應用,這些程序隱形于后臺進行服務,無需用戶干預就可以完成重要任務。就像是我們的心跳,我們無需有意識的控制心跳,它是在人體后臺自動運營的進程,但和心跳不同的是,后臺應用必須可以隨時被加載或卸載,也可以隨時被調整。
下圖是Mac系統中的后臺程序
2)大多數用戶都不會使用后臺應用
大多數情況下,用戶根本意識不到后臺應用的存在,只有程序出現錯誤時,用戶才會注意到有可能后臺出錯了,而這種錯誤一般用戶都無法處理,需要尋求專業人士的幫助。
3)后臺姿態的設計原則
我們基本接觸不到后臺姿態應用的界面設計,晦澀難懂的專業詞匯也令我們迷惑,個人認為可以先忽略。