顏色的使用
顏色選取和使用主要是針對于界面的圖標來(lái)說(shuō)的,其它地方幾乎不會(huì )碰到這類(lèi)問(wèn)題。用戶(hù)通常習慣于白底黑字(或相反,某些視力有障礙的人使用黑底白字),如果選用其它配色方案可能就會(huì )造成麻煩。
1. 考慮可讀性
使用彩色用戶(hù)界面元素時(shí),要考慮緊接這個(gè)界面元素的相鄰界面元素是什么。特別是要注意文本所在的背景底色。Apple就在Mac OS X 10.2版中的強制退出管理小程序中犯了這個(gè)錯誤。
這樣設計的最初理由是為了表明名稱(chēng)顯示為紅色的應用程序在此時(shí)不能響應。理論上這似乎是一個(gè)很好的特征,因為它能很快讓人找到出錯的程序。但實(shí)際上由于被選擇的項目背景是藍色的(就不說(shuō)用戶(hù)可能會(huì )改變系統顏色設置了),這種藍底紅字實(shí)在是難以閱讀。
另外一個(gè)問(wèn)題與對比度相關(guān)的便是用戶(hù)界面中的關(guān)鍵元素是否醒目。就以QuickTime4,5及6各自的電影播放控制按鈕來(lái)說(shuō)吧?;疑?,低對比度的QuickTime 4按鈕對于有些人是非常難以辨認的-特別是眼睛沒(méi)有年輕人亮行動(dòng)沒(méi)有年輕人快的那些中老年人來(lái)說(shuō)-而這些在QuickTime 5,6中“Aqua”化的按鈕則變得對比度更強從而好用多了。
2.考慮文化差異
許多文化中,紅色都表示一種否定色彩的回答或命令,而綠色則表示一種積極色彩的回答或命令。即紅代表“否”而綠代表“是”。如果忽略這點(diǎn)則可能造成問(wèn)題。
這個(gè)糟糕的以是否回答的Windows風(fēng)格的對話(huà)框竟然在Mac操作系統X中也出現了。其錯誤不僅僅在于它非動(dòng)詞性質(zhì)的按鈕而且更重要的是其使用的顏色也有問(wèn)題?!胺瘛坝眉t叉表示,似乎表明了它是一個(gè)否定的,不應被選擇的按鈕-但實(shí)際上,當你一看提問(wèn)便知選擇“否”并不會(huì )使數據丟失而看起來(lái)似乎安全的綠色標志實(shí)際上是具有破壞性的選擇。
使用顏色的失誤正反兩種情況都有:一些應用程序本來(lái)是安全的選擇卻做了危險的顯示寓意。比如說(shuō)一個(gè)提示性質(zhì)的對話(huà)框使用紅色符號來(lái)無(wú)謂地嚇人;相反的,上面截圖中的白色提示圖標理應改為黃色的警告圖標。我們一定要根據上下文使用正確的顏色設置。
硬性使用紅-綠顏色對來(lái)表示這些與是/否選擇無(wú)關(guān)的問(wèn)題回答大體說(shuō)來(lái)是有害的。比如說(shuō),一個(gè)計劃程序用綠色表示人員是合適的而紅色表示人員不太合適這樣的方案絕對是有問(wèn)題的,因為這種顏色的寓意與具體使用的情形關(guān)系并不是太明顯。而在這種情況下,用一個(gè)亮色/有陰影的灰色配色方案會(huì )更好一些。因為灰色通常表示一種無(wú)效狀態(tài)。
3.不要硬性規定顏色
你的程序如果使用自定義控件或自定義高亮顏色(比如文字的顏色),不要硬性規定這些元素的顏色。如果你規定了顏色,如果用戶(hù)使用的可視化主題和窗口管理器所設定的缺省顏色不一樣時(shí),你程序就有可能完蛋:要么因為難看,要么因為不能閱讀,要么因為既難看又不能閱讀。不要硬性使用顏色而要使用系統提供的顏色設定。如Mac操作系統的字符顏色(accent colors)和控件顏色就是由顯示管理器來(lái)設置的。
如果使用系統顏色不可行時(shí)(比如說(shuō)你程序所運行的平臺并沒(méi)有這項功能),那么就應該將配色方案寫(xiě)成用戶(hù)自定義的。如可以通過(guò)程序中的參數設定窗口中的顏色揀取器來(lái)讓用戶(hù)改變文本顏色。
總是要保證測試你的程序:使用不同的窗口管理主題來(lái)確保在不同的顏色配置條件之下你的程序都是易于使用的。
4.不要過(guò)度使用
就像界面中的聲音一樣,如果使用得當,顏色也是非常有效的。但是太多的顏色也會(huì )讓你的界面主題分散而且華而不實(shí)。當一個(gè)界面中太多的元素都是以亮色顯示時(shí),這些顏色效果就會(huì )相互抵消從而造成每一個(gè)元素都不會(huì )突出,從而看起來(lái)個(gè)個(gè)都好像是沉悶的灰色元素一樣。這一點(diǎn)對于圖標的設計尤為重要:大片的,明亮的顏色區域會(huì )讓圖標的其它部分黯然無(wú)光。用顏色就要用得有意義。
如果使用得當,聲音就像顏色一樣會(huì )是一種具有潛力的強大的和高信息量的界面元素。但還是應該少而精地使用聲音元素。
1.不要過(guò)度使用
聲音或許會(huì )造成非常吵鬧的效果,所以一定要在真正需要的地方使用它。在作為可視的提示或作為視力不佳的通用性訪(fǎng)問(wèn)特征時(shí),聲音使用最為有效。當然,在一個(gè)程序中的各種操作都有聲音提示將會(huì )造成聽(tīng)覺(jué)過(guò)載甚至于困擾以及惹惱用戶(hù)。所以要避免在相當短的時(shí)間內產(chǎn)生過(guò)多的聲音信號,從而讓用戶(hù)將聲音和一個(gè)錯誤消息或者操作完成相聯(lián)系。
2.不要單獨使用聲音
相比需要用戶(hù)干預的對話(huà)框來(lái)說(shuō),聲音是一種過(guò)而不留痕的信號。所以不要將聲音作為傳遞信息的唯一形式,因為用戶(hù)有可能沒(méi)有聽(tīng)到聲音;用戶(hù)可能會(huì )聽(tīng)力不佳;可能會(huì )在程序播放聲音時(shí)不在現場(chǎng);也可能就因為你過(guò)度使用聲音嫌煩而直接關(guān)掉音響!
在一個(gè)圖形界面環(huán)境中,圖標是文檔、目錄等信息的載體而且用戶(hù)主要通過(guò)圖標來(lái)操作這些對象。請記?。簩τ诖蠖鄶涤脩?hù)來(lái)說(shuō),圖標并不是在文件系統中某個(gè)位置存放的文件的一個(gè)指針――用戶(hù)認為圖標本身即是文件。
注意:現在只有Mac操作系統圖標設計指南。而對于Windows以及KDE窗口界面系統的圖標設計指南將在以后發(fā)布。不過(guò),現在這個(gè)指南的某些章節是與平臺無(wú)關(guān)的。
1.桌面的革命
Mac操作系統X(Mac10)的發(fā)布帶來(lái)了全新的桌面圖標設計方案。Mac 7已經(jīng)給大家提供了易于設定的256色圖標;Mac8.5給我們提供了8位通道的真彩圖標;但是Mac X的128x128大小的縮略圖式圖標則是一個(gè)更大的飛躍。
在某些方面,這個(gè)改變又是不太讓人容易接受的。因為使用ResEdit軟件來(lái)一個(gè)一個(gè)象素繪制圖標的年代已經(jīng)過(guò)去,而變成了使用諸如Illustrator或Photoshop這類(lèi)的大型工具來(lái)繪制它們;有些人也可能說(shuō)那些友好的,讓人感到溫暖的百分之百的手繪圖標的年代已經(jīng)逝去。但是另一方面,Aqua方案又使得圖標變得水晶般透亮而且在大顯示器上顯示得足夠大。謝謝蘋(píng)果在Aqua人機界面設計方案上所做的努力。相比Mac7或Mac8/9所創(chuàng )建的圖標,在軟件中使用Aqua圖標總的來(lái)說(shuō)會(huì )與整個(gè)Mac10協(xié)調和一致。這最終達到視覺(jué)統一的效果。
相比昔日系統中的32x32象素圖標的設計來(lái)說(shuō),創(chuàng )建一個(gè)Mac10圖標會(huì )更難一些。首先圖標的面積比以前大了很多,其次表現的細節也比以前要求更高,而且還要確保在低分辨率情況下(甚至到16x16大小條件下)依然顯示良好。從而因這些要求使得圖標設計更有難度。由于Aqua圖標提供了從16x16到128x128范圍之間的任意大小的圖標,所以圖標設計師不能只設計一款128x128,或16x16,或在這范圍之內的一個(gè)尺寸的圖標;圖標設計師必須為這個(gè)范圍內的任意一個(gè)大小的方形設計一個(gè)圖標。為了設計出一款干凈、醒目而且易懂的Mac X 的Aqua圖標,我們將會(huì )在這篇文章里介紹設計師必須要了解的設計哲學(xué)和設計概念。
2.基礎知識
圖1 應用程序圖標(左)和文檔圖標
任意Aqua圖標的基礎是形狀,這是首當其沖的特征。而顏色及圖案的差異則是緊隨其后的。應用程序圖標(圖1左)通常是稍微反時(shí)針旋轉的矩形圖片。它們經(jīng)常含有一些具有標志意義的元素(通常是一個(gè)工具,如一支筆或是一把刷子)使得用戶(hù)知道這個(gè)程序大致是干什么的。應用程序圖標應該具備一種傳遞當它們被打開(kāi)時(shí)會(huì )發(fā)生特定事件的含義。而把產(chǎn)品標題作為圖標則是一種不好的選擇。
文檔圖標(圖1右)通常與其相關(guān)的應用程序(host application)圖標在色彩和圖案保持類(lèi)似,但是這些內容應該被一個(gè)右上卷邊的紙狀圖案所包圍。如果相關(guān)的應用程序包含一個(gè)工具或標志(如TextEdit的筆或預覽用的放大鏡),那么文檔圖標中就應該略去這個(gè)工具或標志,以免用戶(hù)將這兩類(lèi)圖標混淆。如果一個(gè)文檔圖標包含有一個(gè)徽標例如文件類(lèi)型的標志符,那么這個(gè)徽標就應該完全包含在這個(gè)文檔圖標紙型圖案中(如圖1是一個(gè)好的例子而圖3. A是一個(gè)不好的例子)。
圖2A 一組設計良好的圖標
圖2B 設計較差的圖標
工具條圖標設計圖案甚至應該更與原始形狀接近。如果一行工具圖標大體相似則會(huì )造成用戶(hù)使用時(shí)混淆。這就是在瀏覽器工具條中做一個(gè)圓形停止瀏覽圖標并且還有一個(gè)圓形的刷新箭頭圖標不好的原因了。就是這個(gè)原因,蘋(píng)果在Mac10中重新設計了一組瀏覽器工具條圖標,它們形狀各自相異:計算機圖標是矩形的;應用程序圖標是三角形的;刪除圖標是圓形的等等。即是這些圖標的顏色屬于同一個(gè)顏色系列,它們仍然容易區別――相反,在Mac10中的瀏覽器Chimera中的工具條(圖2. B)則缺乏與上述工具條相匹敵的設計。
3. 風(fēng)格
圖3A Mac9 風(fēng)格,不要這樣做
保持Aqua圖標的統一風(fēng)格也是非常重要的。Finder圖標(finder icons)應該是具有真實(shí)照片感的,但不完全是。在任何情況下圖標也不應該是一副照片的縮小版。而且,盡管Aqua圖標是3D的,但也不完全是3D的,畢竟我們還要保留圖標的基本形狀通透(shine through)。Aqua圖標中的3D效果應該以我們面對前方稍上的角度來(lái)渲染,就像觀(guān)察者在看一個(gè)放置在他(她)前面桌子上的物體一樣。
另一方面,工具條圖標應該是較簡(jiǎn)單而且較平面的東西。設計工具條圖標時(shí)應該較少使用陰影,3D效果。所有工具條圖標都應該是正(面直對)視圖(或如果可行的話(huà),俯(首向下的)視圖)。應用程序圖標(如終端或網(wǎng)絡(luò )工具)也應該是正視圖。
值得注意的是Mac10的圖標陰影風(fēng)格也和以往的版本大不一樣。與Mac9圖標陰影是由光源以左上角度打過(guò)來(lái)不同的是,Mac10采用正上方光源(即垂直90度)產(chǎn)生的陰影。陰影應該在物體的下方而非側面(如圖3.A就是錯誤的陰影)。
圖3B 無(wú)可救藥。不要這樣做
通常,模仿Aqua窗體控件和按鈕等做一個(gè)類(lèi)似風(fēng)格的圖標是錯誤的想法。不僅此種風(fēng)格無(wú)可救藥,而且由于這種樣式的窗體控件充斥了系統的每個(gè)角落。使用與Aqua界面元素類(lèi)似的圖樣也會(huì )讓用戶(hù)不能分清楚哪是圖標哪是控件。
當我們使用得當的時(shí)候,這些珠寶般晶亮的控件會(huì )將這些圖標襯托得華麗多彩而且過(guò)目不忘。不過(guò),如果使用不當,你的圖標將被迷失在早已存在的這些Aqua珠寶的汪洋大海之中。特別的,除非是要使用透明和光澤特性表達一種特殊的意義,否則這兩個(gè)特性總會(huì )被排除在圖標的設計之外(舉例來(lái)說(shuō)如圖1. A中預覽程序圖標中的放大鏡)。
4. 優(yōu)雅的減少細節
圖4A 細節逐漸消失
創(chuàng )建Mac10其中一個(gè)關(guān)鍵概念便是當創(chuàng )建文件瀏覽器中使用的圖標要讓這個(gè)圖標隨著(zhù)它尺寸的變小讓細節逐步消失。說(shuō)著(zhù)容易做著(zhù)難,因為你不知道圖標變小后是什么樣子,也不知道某些細節在變小后是什么樣子,因為圖標縮小時(shí)某些細節就會(huì )被其它細節淹沒(méi)。在這種情況下,圖標總體的形狀和顏色就被那些在128x128圖標中的局部細節來(lái)的更為重要了。創(chuàng )建這種效果的時(shí)候,有時(shí)也把這個(gè)過(guò)程叫做“退化細節(receding detail)”,也需要很多嘗試,但這最終還是值得的,因為這保證了你的圖標在尺寸很小的時(shí)候依然可以“容顏依舊”。典型的舉例來(lái)自程序TextEdit的圖標,這個(gè)圖標包含有一段文字。盡管少量細節丟失了,這個(gè)圖標的文字塊依然在48x48大小的圖標中依然存在。不過(guò),圖標上頁(yè)面上的橫格細線(xiàn)看不見(jiàn)了。即使在16x16大?。▓D4. A 最右的圖標)圖標尺寸最小的情況下這個(gè)文字塊還是有一個(gè)墨色的輪廓依然保留,而最基本的元素信紙及筆依然可以辨認。
5. 采用小圖標資源隱藏技術(shù)(Take A Hint)
每一個(gè)Mac10 Finder圖標重要的一點(diǎn)便是除了128x128資源之外還隱藏有一些其它尺寸的圖標資源。隱藏圖標尺寸有3種:16x16,32x32及48x48。如果圖標資源里含有這三種大小的圖標并且要顯示這三種里某一種大小或近似大小的話(huà),Finder將會(huì )使用最接近目標尺寸大小的圖標來(lái)縮放至目標大小。這種技術(shù)加上優(yōu)雅減少細節(Graceful Degradation)技術(shù),是一種解決細致入微的128x128圖標在更小尺寸下顯示仍然光彩依舊的好方法。
所有的主流操作環(huán)境都是為了一個(gè)目的,也就是處理數據即文檔。典型的文檔窗口的顯示方式及操作方式都與其它如狀態(tài)窗口或警告窗口在內的窗口明顯不同。下面的文字就說(shuō)明了在設計文檔處理的過(guò)程中要記住的事。
1. 不要使用多文檔界面
多文檔界面(MDI)的使用在Windows和一些Unix桌面管理系統中可以見(jiàn)到。由于本身就是有缺陷的窗口管理系統,為了解決這些缺陷反而導致了更多的窗口管理問(wèn)題,所以讓很多人吃盡了苦頭。MDI其中一個(gè)致命缺點(diǎn)便是這個(gè)系統限制了窗口的顯示區域。而且,MDI造成一個(gè)程序管理多個(gè)窗口的難題并且剝奪了用戶(hù)同時(shí)在幾個(gè)應用程序間操作的能力。Mac操作系統X就沒(méi)有采用MDI,所以它就賦予了用戶(hù)在程序窗口隨意切換的能力,即使是幾個(gè)不同程序的窗口。你可以在你的系統屏幕的底部開(kāi)一個(gè)IE窗口,在其上再打開(kāi)一個(gè)Word文件。而在這個(gè)窗口上面,你還可以打開(kāi)另一個(gè)IE窗口等等。這樣用戶(hù)就可以不用切換到那個(gè)程序去看那個(gè)程序窗口的內容。這個(gè)特性在你將一個(gè)網(wǎng)頁(yè)里的文字拖放到另一個(gè)文本文件中感覺(jué)尤為順手。
另一個(gè)有趣的事兒便是微軟自己的程序就對MDI的使用方式不一致。最新版本的Excel使用了MDI而最新版本的Word卻不是這樣。這讓操作Excel沒(méi)有操作Word順手。IE6也沒(méi)有使用MDI??雌饋?lái)微軟似乎有點(diǎn)在行進(jìn)中開(kāi)火的意思(fire and motion),一面規勸第三方使用MDI,而另一方面自己又在逐漸拋棄MDI。
2.提倡添加拖放支持
拖放操作是一種相對簡(jiǎn)單的手工操作,并且是執行如挪動(dòng)文本或文件等各種命令的自然方式。添加文檔間和程序間的拖放支持是重要的。Windows在這方面卻做得不太好。我們本來(lái)想通過(guò)拖放一個(gè)項目來(lái)重新安排一下這個(gè)項目的位置沒(méi)想到它卻為我們創(chuàng )建了一個(gè)快捷方式;本來(lái)將這個(gè)文檔中的文本通過(guò)拖放到另一個(gè)文檔中去應該產(chǎn)生拷貝操作,沒(méi)想到Windows卻弄成剪切操作。當然,文檔內的拖放文本的操作應該就是簡(jiǎn)單的挪動(dòng)位置而不產(chǎn)生其它操作。
當拖放操作時(shí)鼠標按鍵松開(kāi)時(shí)有一個(gè)明確提示是非常重要的。一個(gè)好的辦法便是在鼠標箭頭旁邊顯示一個(gè)狀態(tài)圖標,因為這時(shí)候用戶(hù)正在看著(zhù)鼠標箭頭。同時(shí),在拖放時(shí)顯示一個(gè)虛化的圖像也是一個(gè)好辦法。
請不要對本來(lái)沒(méi)有拖放意義的標準控件添加拖放支持,同時(shí)也要禁止用戶(hù)將數據拖放至沒(méi)有拖放意義的控件中去。
3.使用標準命令和控件
用戶(hù)通常習慣于原來(lái)操作系統的工作方式,所以發(fā)明一個(gè)新控件或改變原來(lái)控件的工作方式的想法是錯誤的。不要重新發(fā)明輪子。如果你真的需要一個(gè)自定義控件來(lái)完成操作,請盡力將其操作方式和整個(gè)用戶(hù)界面的操作方式保持一致。大體來(lái)說(shuō),你所設計的界面元素只可能是復雜的,很有可能這個(gè)操作是太復雜了。
4.避免多級子菜單
子菜單或許是唯一一種難以手工操作的界面元素了,所以在界面設計時(shí)如果可能的話(huà)一定要盡量避免使用它。多級子菜單是最有問(wèn)題的,因為鼠標箭頭稍一脫離菜單就會(huì )造成整個(gè)菜單全部消失,所以強迫用戶(hù)重新在這些菜單中戰戰兢兢的挪動(dòng)箭頭去找那個(gè)隱藏很深的命令。
FirstClass軟件(如上圖)將非常常用的編輯命令做的如此之難用以致于他們不得不創(chuàng )建一個(gè)新的替代方法(如這個(gè)圖片底端的工具條)(譯者注:原圖可能有失誤)去做這件事。如果可能的話(huà),避免使用子菜單,特別是像上圖那些重要的命令更是不要把它們放進(jìn)子菜單。如果是真的需要的話(huà),也要讓它們只有一級。
5.不要劫持計算機
任何一個(gè)應用程序相關(guān)的操作都不應該讓?xiě)贸绦蜃柚拐麄€(gè)系統的運行;同樣,一個(gè)文檔相關(guān)的操作也不應該阻止整個(gè)應用程序的運行。這是Mac操作系統X發(fā)起的兩個(gè)標準,這也應該被其它操作系統所遵守。用戶(hù)不喜歡不停打斷他操作的操作系統。諸如與文檔相關(guān)的警告,信息窗口和保存命令都應該顯示在那個(gè)文檔窗口里面,而不是阻止整個(gè)應用程序以至整個(gè)系統。
舉例來(lái)說(shuō),既然如一個(gè)文字處理系統或文本編輯工具的字數統計功能是與當前打開(kāi)的這個(gè)文檔有關(guān),所以這個(gè)窗口顯示的信息也就只與這個(gè)文檔有關(guān),所以用戶(hù)就可以不用關(guān)閉它就可以在另外一個(gè)文檔或程序繼續工作。(譯者注:目前Microsoft Office Word 2003還沒(méi)有達到這個(gè)要求)
6.鼓勵用戶(hù)探索
不要讓用戶(hù)在使用你的程序時(shí)產(chǎn)生對某些命令或特征的使用恐懼心理。盡力提供多級的“撤消”和“重復”命令支持,并且讓用戶(hù)明確知道你對這個(gè)操作提供了支持(如果有工具條,將“撤消”和“恢復”放入工具條,并且把這兩個(gè)命令放進(jìn)編輯菜單里)。讓你的程序能容忍用戶(hù)的各種操作。
如果一個(gè)操作不可恢復,在執行這個(gè)命令前要提示用戶(hù)。允許用戶(hù)取消這個(gè)命令,就像上面這個(gè)截圖例子一樣。
對話(huà)框通常是用來(lái)請求用戶(hù)輸入或顯示信息的。它們應該盡量少用――僅在這個(gè)對話(huà)框有充足理由存在的情況下使用。下面是幾條關(guān)于對話(huà)框使用的指導性意見(jiàn)。
1.拋棄“是”“否”回答
經(jīng)典對話(huà)框的缺點(diǎn)是使用“是”和“否”作為對話(huà)框按鈕的內容。這會(huì )強迫用戶(hù)必須仔細閱讀對話(huà)框內的內容從而得知他(她)究竟同意還是不同意。請考慮以下的例子,它們分別來(lái)自于Windows和Mac操作系統X:
第一個(gè)例子不會(huì )讓用戶(hù)知道這個(gè)對話(huà)框是何用途。沒(méi)有對話(huà)框里面文字的提示,用戶(hù)不可能知道下一步該怎么辦。相反,第二個(gè)例子用意則非常的明顯以致于不需要解釋文字用戶(hù)也知道該怎么做。這兩個(gè)例子都是來(lái)自于標準的系統保存對話(huà)框。Mac操作系統使用動(dòng)詞來(lái)作為按鈕標題,所以它能明確提示用戶(hù)這個(gè)按鈕的用途,所以用戶(hù)甚至不用閱讀對話(huà)框提示就可以做出選擇。
當這個(gè)對話(huà)框命令不能用動(dòng)詞來(lái)表示時(shí),也不要用“是”“否”,而要用“確定(OK)”和“取消(Cancel)”并且讓“OK”作為指令執行的動(dòng)作按鈕。如果這個(gè)命令或操作會(huì )造成數據丟失或破壞,則一定要把“取消(Cancel)作為缺省按鈕。
2.要有實(shí)質(zhì)信息,也不要信息過(guò)量
如果用戶(hù)不能理解對話(huà)框里的內容,這就意味著(zhù)是這個(gè)對話(huà)框設計者的失敗。通常情況下,就像標準保存對話(huà)框或打開(kāi)文件對話(huà)框那樣,所有對話(huà)框都應該含有一個(gè)用來(lái)提問(wèn)或警告的消息(圖標),另外還含有一段附加的描述性文字來(lái)提供額外提示譬如“這個(gè)操作不可恢復”。你千萬(wàn)不要像下面這個(gè)對話(huà)框這樣做:
這個(gè)問(wèn)題對話(huà)框的標題與所提示的信息不符,更糟糕的是沒(méi)有任何信息告訴用戶(hù)究竟要“確信”什么(譯者注:對話(huà)框顯示“您確信嗎?”的問(wèn)題,而窗口標題卻是“錯誤”)。
另一方面,不要信息提示過(guò)量。不告訴用戶(hù)要做什么是錯誤的,而告訴了過(guò)多的信息也是錯誤的。長(cháng)信息閱讀費時(shí)不如短信息簡(jiǎn)明扼要,長(cháng)信息會(huì )有更多的可能性讓用戶(hù)感到厭煩。
3.使用有意義的留空
如果你設計的對話(huà)框需要兩個(gè)以上的按鈕或者其它控件,請使用空白來(lái)傳遞特殊的意義,再以本小節1中的例子來(lái)說(shuō)明:
第一個(gè)例子完全沒(méi)有使用空白,按鈕之間的距離都是一樣的,盡管我們知道這三個(gè)按鈕點(diǎn)下去造成的后果大不相同。有意思的是,這個(gè)會(huì )造成數據損失的按鈕竟然相當不方便地放在中間。所以,這就造成一種被錯誤選擇的可能性:如果你要點(diǎn)“是(Yes)”的右部,或者“取消(Cancel)”的左邊,可手不小心一抖錯過(guò)了幾個(gè)象素就點(diǎn)到“否”按鈕上了!數據因此而丟失。
而下面的這組按鈕就有效的利用了空白。既然對話(huà)框中的提示是“您想在關(guān)閉文檔前保存內容嗎?”,所以這些按鈕的動(dòng)作結果和上面的一組一樣:“取消”使關(guān)閉文檔的命令取消;“保存”將保存文檔并且關(guān)閉;因此“不要保存”按鈕是唯一可以造成未保存數據丟失的按鈕,所以它和其它兩個(gè)按鈕“取消”和“保存”(它們都不會(huì )未保存數據丟失)之間有一個(gè)很大的空白。這樣的分布保證了讓用戶(hù)偶然錯誤選擇“不要保存”的可能性非常小。
4.用戶(hù)不是傻瓜
不要剝奪用戶(hù)保護自己的權利。一些應用程序假設用戶(hù)存在危險性而讓用戶(hù)在對話(huà)框中輸入一個(gè)消息諸如“Yes”之類(lèi)的東西才能向下執行從而來(lái)保證數據安全。這減慢了用戶(hù)的操作速度并且讓用戶(hù)感覺(jué)這個(gè)程序不太好用。每個(gè)人都不喜歡別人把自己當作傻瓜。需要鍵盤(pán)輸入的需求同樣沒(méi)有考慮這些對鍵盤(pán)操作不太靈便的需要,盡管他們對鍵盤(pán)不太適應可對于鼠標卻可以操作。
界面通常都需要使用一些隱喻來(lái)幫助用戶(hù)理解和學(xué)習如何使用程序?;蛟S最著(zhù)名的應該是施樂(lè )公司帕羅阿爾托研究中心(Xerox PARC)開(kāi)發(fā)的桌面隱喻――蘋(píng)果使用自己的一些股票換取了在麥金塔什計算機上使用該隱喻的使用權。隱喻可以讓用戶(hù)更加簡(jiǎn)單地操作系統,但隱喻不當則會(huì )削弱程序的易用性。
1.足夠真實(shí)
設計界面元素時(shí)要基于真實(shí)世界里的物體,不要使界面元素完全與真實(shí)物體無(wú)關(guān)。直到Mac操作系統8和9,蘋(píng)果才從一個(gè)非常不恰當的隱喻中脫離出來(lái):用戶(hù)通過(guò)將磁盤(pán)圖標和CD圖標拖到垃圾回收站中來(lái)彈出磁盤(pán)和CD。對于偶然使用蘋(píng)果系統的人來(lái)說(shuō)很難知道這種方法,并且用戶(hù)總以為把磁盤(pán)圖標或CD圖標拖到垃圾回收站中去會(huì )刪去它們的數據。這個(gè)隱喻的使用是因為程序員的思維方法:刪除文件在某種意義上是將東西扔掉而彈出磁盤(pán)則是完全不同。這種意義根本不明顯。Mac操作系統后來(lái)的版本就將彈出命令變成彈出磁盤(pán)的首要命令。Mac操作系統X又前進(jìn)了一大步:當拖動(dòng)磁盤(pán)圖標的時(shí)候,垃圾回收站的圖標就會(huì )變成一個(gè)彈出圖標。將磁盤(pán)拖到彈出磁盤(pán)圖標上就十分的形象生動(dòng)了。
2.也不要太真實(shí)
如果將一個(gè)界面設計得和真實(shí)世界完全一致也是不太可取的。應該采用真實(shí)世界里簡(jiǎn)便的使用方法而拋棄那些難用的東西。比如說(shuō),真的沒(méi)有必要像真正的橡皮擦那樣痛苦而緩慢的在文本編輯工具中“擦”去文本。相似的,也沒(méi)有必要像倒垃圾桶那樣來(lái)清空MaC或Windows里面的垃圾箱。
國際化的問(wèn)題的要點(diǎn)不多,最重要的是你不能假設用戶(hù)所在的國家,這包括他們使用的地址格式、度量衡、小數(十進(jìn)制數字)分隔符(decimal separators)及甚至圖標風(fēng)格。
1.不要假設用戶(hù)所處的地方
永遠不要強迫用戶(hù)使用美國使用的地址格式。許多國家并沒(méi)有“州”的概念。如果強迫用戶(hù)必須在州的域段里輸入一些字符才能允許用戶(hù)使用這個(gè)軟件的話(huà),這可能使你的用戶(hù)放棄使用這個(gè)軟件。如果你不能支持國際地址格式的話(huà),那么最好提供一個(gè)傳統的文本框來(lái)讓用戶(hù)輸入地址。你的用戶(hù)絕對足夠聰明且知道他們自己的地址及其書(shū)寫(xiě)格式。
同樣的原則使用于小數(十進(jìn)制數字)分隔符、度量衡、貨幣符號等等。讓這些值變成用戶(hù)自定義的。當然,更好的辦法應該是檢測用戶(hù)使用的操作系統的區域設置,讓程序根據它來(lái)顯示不同的表示方法。即使這樣,這些輸入值應該還是用戶(hù)可設置的,因為一個(gè)芬蘭人可能暫時(shí)呆在英國。
2.考慮文化差異
當你的軟件要國際化時(shí),請仔細考慮軟件的界面元素可能因為文化的差異而被用戶(hù)錯誤理解。文化差異范圍非常廣泛,涉及從不同顏色具有不同的含義到不同的手勢在不同文化里表示的意義完全相反等諸如此類(lèi)的問(wèn)題。比如說(shuō),在西方世界點(diǎn)頭表示同意而在某些亞洲國家點(diǎn)頭則表示不同意。
在軟件的本地化過(guò)程中,開(kāi)發(fā)者總是除了對字符串進(jìn)行翻譯而不考慮其它要本地化的東西。比如讓圖像、動(dòng)畫(huà)等等都要順應當地的風(fēng)俗習慣。比如說(shuō),一個(gè)瑞士籍的信件讀者可能不習慣使用一個(gè)美國風(fēng)格的郵箱圖標作為自己的郵箱圖標。同時(shí),一些符號或顯示元素甚至被視為文化挑釁。一個(gè)典型的例子便是那些需要磁盤(pán)引導(disk first utilities)的軟件,它們使用十字架符號。對于開(kāi)發(fā)者來(lái)說(shuō),十字架表示修復和還原,但有些用戶(hù)則認為這個(gè)是耶穌受難的表示(pro-Christian statement)。
3. 使用正確的語(yǔ)言名字
如果可能的話(huà),使用它們本來(lái)語(yǔ)言里使用的名字而不是英文名稱(chēng),無(wú)論這是讓用戶(hù)選擇界面的語(yǔ)言還是其它你需要知道用戶(hù)或顧客的母語(yǔ)的地方。這對于用戶(hù)從語(yǔ)言列表中通過(guò)用自己母語(yǔ)表示的母語(yǔ)名字特別有意義。這不僅讓用戶(hù)更容易的發(fā)現自己的母語(yǔ)名字而且特別是在那些不是以拉丁字母排序的語(yǔ)言如日語(yǔ)和中文的列表中能加快選擇速度?;蛟S你還想在這些以母語(yǔ)表示各自的語(yǔ)言名字旁邊還顯示一列英語(yǔ)名字,比如說(shuō),蘋(píng)果就在Mac操作系統X中的語(yǔ)言選擇列表中使用標簽來(lái)顯示其對應的英語(yǔ)名字(如下圖)。
在使用計算機的時(shí)候,用戶(hù)會(huì )隨時(shí)改變軟件設置。所以軟件的命令和文檔不能有二義性表述。
總是使用肯定的語(yǔ)言表達方式
如上圖所示,菜單項“Use Logging(寫(xiě)日志)”命令的結果可能有兩種方案:一種使菜單項打勾,一種讓菜單項改成否定的描述(如下圖所示)。而對于程序實(shí)現者或者用戶(hù)界面設計者來(lái)說(shuō),如果實(shí)踐經(jīng)驗不足,則這兩種方案似乎都是可行的。這樣,采取哪一種方案就隨當時(shí)的心情了。
而問(wèn)題主要出在這兒:如果脫離上下文環(huán)境,命令“Don’t Use Logging(不要產(chǎn)生日志)”既可以認為是當前狀態(tài)的表示,也可以認為是當這個(gè)命令被執行后產(chǎn)生的結果。所以這個(gè)菜單標題不能說(shuō)明當前是否在寫(xiě)日志的狀態(tài)。因而只有你執行了這個(gè)菜單之后你才有可能搞明白這個(gè)菜單究竟是什么意思。當然,這有可能導致不可預知的問(wèn)題甚至造成破壞性的結果。
否定性質(zhì)的標題是產(chǎn)生二義性的根本原因。這會(huì )讓用戶(hù)對你以及程序失去信任。所以一定要使用肯定性的命令和狀態(tài)描述。不要說(shuō)“不要產(chǎn)生日志”而要說(shuō)“關(guān)閉日志功能”;不要說(shuō)“不要使用小寫(xiě)字母”而要說(shuō)“使用大寫(xiě)字母”。要讓你的用戶(hù)習慣于查看菜單項是否打勾。使用復選框控件而不要使用按鈕按下去的狀態(tài)來(lái)表示否定。
聯(lián)系客服