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