GUI設(shè)計禁忌3、沒有指示用戶當(dāng)前所在位置

GUI設(shè)計禁忌之三一一沒有指示用戶當(dāng)前所在位置導(dǎo)航是一個很重要的問題，用戶需要知道自己處于什么位置，曾經(jīng)到過哪里，他們還能去向哪里。不幸的是，導(dǎo)航的復(fù)雜性讓很多軟件，尤其是很多Web網(wǎng)站做的很差。雖然我在使用博客園，但是不得不說，博客園的導(dǎo)航做的相當(dāng)?shù)?此處略去一個字，大家都懂的、本文主要介紹一下導(dǎo)航錯誤中的第一類，即沒有指示用戶當(dāng)前位置。一、未標識窗口或者頁面有些應(yīng)用程序的窗口或者網(wǎng)站的頁面，沒有提供當(dāng)前用戶所在位置的任何信息。窗口沒有標題，或者標題不是該窗口本身的標題，而是里面某一個選項卡的標簽，都是這種情況。所以對于應(yīng)用程序的每一個窗口，都要設(shè)置標題。對于web頁面來說，情況并不那么簡單。有些人認為在通過html的＜1止@＞標記設(shè)置了標題就可以了，這種想法是錯誤的。很少有人在面對瀏覽器時，會首先想到到標題欄里看看這是什么頁面。大多數(shù)人希望從頁面上就能看出該頁面是什么。因為標題欄相對頁面內(nèi)容來說太窄了，不容易引起注意，而且文字比頁面上的標題或者導(dǎo)航要小得多。正確的做法是，在站點的導(dǎo)航欄中通過高亮等形式，標記當(dāng)前頁面的位置，或者在頁面的明顯位置，明確的標記當(dāng)前頁面的位置。比如下面的幾個例子，都是正確的做法：首頁精華區(qū)候選區(qū)新聞首頁精華區(qū)候選區(qū)新聞關(guān)注【車輯推薦】怖客園電子期刊20口年?月刊發(fā)布(8/1326)?首頁 軟件工程首頁 軟件工程【推薦頭條］【原創(chuàng)】構(gòu)建商性能ASP.NET^點第六章一性能頊頸診斷與初步調(diào)憂研論頭條］WPF/Silverlighmt］數(shù)蛔輯定設(shè)計的其福糕(7甘貨94,1。)囹聞頭條］HTTPS的七個謖解【窿文)Q"冷a［推薦新聞］EI□口在MWC上究竟說了些什也W諾基亞WP了將成棄現(xiàn)有的獨占服…以/-wfOTfrainework手坍(四)代碼第寫祓明基于WMfrmrnwwcir啪建的w坎系統(tǒng)』對于前端用戶表單頁面］

定義卻分十表尾《bottom)，對于表頭］headJ表尾Kbottc陶站分類.MET技術(shù)039)編程語言㈣軟件設(shè)計⑵WEb陶站分類.MET技術(shù)039)編程語言㈣軟件設(shè)計⑵WEb前端"乃企.業(yè)信息化(7)手機開發(fā)儂)軟件工程(5)數(shù)據(jù)庫技術(shù)〔II)操作系統(tǒng)(11)［推薦頭條］1原創(chuàng)】構(gòu)建高性能ASP.NET^^第六章一性能瓶頸診斷與初步調(diào)憂(...(45/19［評論頭條］WPF/SHverlight^數(shù)據(jù)綁定設(shè)計的真^(75/1899,10)［新聞頭條］HTTPS的七於遙解(譯文)(2/3703)［推薦新聞］Elop在MWC：上究競說了些什諾基亞WP7將放棄現(xiàn)有的疫占服…(習(xí)517)a- ”外部質(zhì)量“還是'內(nèi)部質(zhì)量"推薦乏；遺幾天看了看《硝煙中的Scrum和乂叫，其中作者將產(chǎn)品質(zhì)星分為兩料

目工期緊的時候，外部質(zhì)星是可以妥協(xié)的。而內(nèi)部質(zhì)星是不容妥協(xié)的-i

V」?LrI；—Iin4-fc!■工nn-t-rcrr.』■!￡?』匚二 rl

在第一幅圖中，是通過高亮顯示導(dǎo)航欄中某一項，提示用戶當(dāng)前在看哪一個頁面，而第二幅圖雖然在左側(cè)導(dǎo)航欄中沒有高亮顯示，但是右側(cè)內(nèi)容最上方告訴我們現(xiàn)在是在軟件工程'這一類中瀏覽。二、不同窗口/頁面用了相同的標題出現(xiàn)這種錯誤的原因很多：?所有的窗口（頁面）都顯示的是應(yīng)用程序（網(wǎng)站）的名字，比如windowsxp的“計算器”界面以及它的幫助窗口。編輯⑥查看電）蒂助QD建計算器wIIJ*JJLJI編輯⑥查看電）蒂助QD建計算器隱藏項退 選項（.0）O十六進制O十六進制◎十進制OAS目錄舊Inv HypAve便用“蒂助查看器"SlJJTiAve便用“蒂助查看器"SlJJTiHat卻沒有改標題。程序員復(fù)制了代碼卻沒有改標題。程序員不知道這個標題已經(jīng)被使用了。避免這種情況發(fā)生的最好方法就是建立字典。程序員認為這個標題對多個窗口都適用。很多時候，這是不成立的，總有一個窗口更適合這個標題，另外的那些都不是那么適合。假如真的覺得兩個窗口都適合同一個標題，或許這兩個窗口該合并成一個。有一些情況比較特殊，比如一個監(jiān)控軟件，它有四路線路，如果打開其中的線路和線路2進行監(jiān)控，這兩個線路分別有一個窗口，那么這個窗口的名字，應(yīng)該是它本身的名字和要處理的線路名組合起來決定的。文檔編輯器也是這樣的。定要保證系統(tǒng)中每個頁面或者窗口，都有唯一的標題。三、窗口標題與打開它的命令或者鏈接不符應(yīng)用程序的錯誤示例來自Xshell3.0O在下面左側(cè)圖上鼠標停留的位置點擊菜單，會彈出右側(cè)界面顯示的窗口。Xshell3.0FileEditViewToolsWindowHelCategory:New...Ojien籍a(chǎn)淌Alt+OClose Alt+CSaveAs..ConnectionConnection-r^1Print...弱PropertiesAlt+F-AuthenticationLogonPromptsLogonScripts，55H?SecurityTunneling=■5FTPTELNETXshell3.0FileEditViewToolsWindowHelCategory:New...Ojien籍a(chǎn)淌Alt+OClose Alt+CSaveAs..ConnectionConnection-r^1Print...弱PropertiesAlt+F-AuthenticationLogonPromptsLogonScripts，55H?SecurityTunneling=■5FTPTELNET；RLOGINSERIALB■TerminalKeyboardVTModesAdvanced0-AppearanceMarginsQ-AdvancedTraceLogging■-ZMODEMGeneraIMarne:Protocol:Host:PortNumber:KeepAlive05endkeepalivemessageswhilethissessionisconnectedInterval:60 *sec.Reconnectautomaticallyif匚onnectionisterminatedabruptlyInterval:Limit:min.ProxyServerIfyournetworkisconfiguredtouseaproxyserverorfirewalljselectaproxyserverfromthelistbelow.Toaddorremoveaproxyserveroredititssettings^clickBrowse.ProxyServer:<None>Browse...DefaultSessionProperties菜單項的文本是“Properties”，而彈出的窗口標題是“DefautSessionProperties”。這種不一致并不是無關(guān)緊要的。很多時候，用戶會想，這個窗口到底是不是我想要的那個窗口。我想打琢shell的屬性窗口，怎么出現(xiàn)的屬性窗口里，又有Default，又有Session？尤其是對于那些不以英語為母語的人，可能更是如此。當(dāng)然，博客園有一個更嚴重的問題，是中英文混合引起的。點擊了下面左圖中的編輯分類”鏈接，得到的頁面竟然是英文的：溢博客備份溢博客備份*博客搬家隨筆文章新聞日記［編輯分類］［所有分類］［未分類］［編輯分類］［所有分類］［未分類］Database(3)EDITCATEGORIES