国产真实乱对白精彩久久|免费观看污|国产女主播福利|337p人体韩国极品|wwww69ww18

您現在的位置:網站首頁 > 觀點資訊 >
NEWS
觀點資訊




設計師讀書筆記系列之《About face 3交互設計精髓》

在《About face 3交互設計精髓》一書中,將PC端應用分為了3種姿態:獨占姿態,暫時姿態,后臺姿態。

一、獨占姿態

1)獨占姿態是什么?

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

PC端產品的獨占狀態也相同,它最大特點就是會被長時間持續的使用,且作為主要工具主導了用戶的工作流(工作中的心流狀態),這類應用通常有著較多的功能、復雜的交互、用戶經常需要長時間持續運行、占據整個屏幕.

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

1pc20160507

2)獨占應用的使用者一般都是中間用戶

用戶使用獨占應用時,往往目標明確,且有要在應用上花費大量時間和精力的心理準備,因此用戶一定會從新手用戶發展為中間用戶。這就意味著產品不能犧牲功能從而變得容易學習,也不能一味追求精密復雜的超級工具,設計者需要做的是:永遠為中間用戶進行優化。

9pc20160507

3)獨占應用的設計原則

1、慷慨的使用屏幕空間

由于獨占應用長時間持續被使用,沒有其他的應用能和這個獨占應用相爭,因此獨占應用可以最大化的使用空間

2、弱化視覺表現

由于用戶可能長時間盯著獨占應用,擁有強烈色彩的視覺風格只會帶來短暫的新鮮感,很快就會令用戶視覺疲勞,因此弱化視覺表現上的顏色和紋理變得很重要。

如下圖,PPT的整體配色以灰色為主調弱化視覺表現

3pc20160507

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

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

4、豐富的操作

獨占應用的用戶目標明確-快速完成某項任務,因此豐富的操作對中間用戶來說就變得非常重要。比如做設計的時候,你需要快速復制粘貼,那這時針對新手用戶的鼠標右鍵復制粘貼已經比較麻煩且浪費時間,Ctrl+C和Ctrl+V就比較便捷了。

5、防錯機制

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

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

8pc20160507

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

7pc20160507

二、暫時姿態

2.1)暫時姿態是什么?

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

PC端產品的暫時狀態也相同,它最大特點就是在暫時需要時被調用,完成自身任務后又迅速離開,讓用戶繼續工作,暫時姿態的臨時性特點,讓這類界面必須清晰而容易操作。

例如在做PPT時,需要調入一張圖片,這個時候調出來的插入圖片的彈框程序就是暫時姿態。

2pc20160507

2.2)暫時姿態的使用者是所有人

雖然暫時姿態可以單獨運行,但通常都是輔助支持獨占應用的。因此無論是新手用戶、中間用戶、還是專家用戶,暫時姿態都將被使用。

3.3)暫時姿態的設計原則

節約屏幕空間,且必須是可以移動的

暫時姿態只是暫時被調用,且他們位于獨占應用之上,因此、暫時姿態的應用程序必須是可以移動的,方便用戶來回拖動,不遮擋用戶視線。

gif20160509

清晰的設計和較大的icon

PC端的QQ音樂就是一個典型的暫時姿態的應用。

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

4pc20160507

豐富的視覺表現

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

最好不要增加第二個視圖或對話框

用戶調用暫時程序時,他所需要的信息和功能操作應當直接顯示在程序的單個窗口上,讓用戶集中在這個窗口上操作,不要再轉到其他窗口或彈框來完成程序的主要功能。如果在設計暫時程序時,你發現自己在增加一個第二視圖或者彈框,你就需要重新來檢查你的設計了。

記住用戶的選擇

我經常用Axure畫交互稿,在保存圖片的時候,程序通常會記住我上次的保存位置。這種讓應用程序記住它最后一次使用狀態的交互方式,符合用戶的心理模型。

1pc20160507

三、后臺姿態

后臺姿態是什么?

通常不與用戶互動的程序是后臺姿態應用,這些程序隱形于后臺進行服務,無需用戶干預就可以完成重要任務。就像是我們的心跳,我們無需有意識的控制心跳,它是在人體后臺自動運營的進程,但和心跳不同的是,后臺應用必須可以隨時被加載或卸載,也可以隨時被調整。

下圖是Mac系統中的后臺程序

6pc20160507

2)大多數用戶都不會使用后臺應用

大多數情況下,用戶根本意識不到后臺應用的存在,只有程序出現錯誤時,用戶才會注意到有可能后臺出錯了,而這種錯誤一般用戶都無法處理,需要尋求專業人士的幫助。

3)后臺姿態的設計原則

我們基本接觸不到后臺姿態應用的界面設計,晦澀難懂的專業詞匯也令我們迷惑,個人認為可以先忽略。

總結:

獨占姿態:長時間被持續使用,用戶需要在這種應用中進入心流狀態,我們需要不斷為中間用戶優化。
暫時姿態:短暫被調用后關閉,完成任務后迅速被關閉,所有人都會使用到它。
后臺姿態:在后臺運行,大部分設計師基本接觸不到后臺姿態的界面設計。
我們在設計的時候需要注意獨占姿態和暫時姿態不同的設計原則,保證界面的可用性。