有時(shí)候你僅僅想找到你想要的信息，保存它然后繼續(xù)，但是你卻不知道該怎么做。可用性噩夢(mèng)總是不時(shí)的出現(xiàn)，這不是例常情況，而是日常工作中常常出現(xiàn)的；通常幾乎每次在你往Google里面輸入關(guān)鍵詞時(shí)。在這篇為什么獲獎(jiǎng)的網(wǎng)站這么可怕文章中，Gerry McGovern提出的“光鮮的表面贏得獎(jiǎng)項(xiàng)，真正的內(nèi)容贏得用戶”不無(wú)道理。不管你在使用什么設(shè)計(jì)，不管你提供什么功能，如果你的訪客不明白如何從A點(diǎn)到B點(diǎn)，他們將不會(huì)再用你的網(wǎng)站。
幾乎每一個(gè)專業(yè)的設(shè)計(jì)（除了特殊的設(shè)計(jì)展示，比如說，大型宣傳冊(cè)）你需要提供你的訪客：
一個(gè)清晰、不言自明的導(dǎo)航
精確的文字介紹
搜索功能
用戶可見的、深思熟慮的網(wǎng)站架構(gòu)
這就是說你需要遵循這些可用性的基本原則原則和常識(shí)，你需要和你的訪問者溝通，留住你的用戶，對(duì)吧？
在這篇文章中，我們來看看幾個(gè)在設(shè)計(jì)功能型和可用型網(wǎng)站時(shí)你應(yīng)該避免的噩夢(mèng)。文章的結(jié)尾你還會(huì)發(fā)現(xiàn)你或許應(yīng)該知道的8個(gè)可用性檢查點(diǎn)。
1. 隱秘的登入鏈接
Backpack, 37 signal旗下最實(shí)用的組織管理和項(xiàng)目管理工具之一，在這里詳細(xì)準(zhǔn)確地解釋了這個(gè)工具是用來做什么、怎么用以及它能提供的功能特征。但是，當(dāng)你注冊(cè)它之后，你可能要花費(fèi)好幾分鐘去弄明白怎么登入使用它。
這個(gè)“Log-in”鏈接（提示：在黃色色塊中）字體應(yīng)該更大些，或者用圖標(biāo)鏈接代替小的文字鏈接。每個(gè)已注冊(cè)用戶都有一個(gè)他/她的個(gè)人定制化頁(yè)面，但是新注冊(cè)的用戶卻要花費(fèi)不少時(shí)間弄明白該怎么登入。Lee的評(píng)論說，“一個(gè)花了時(shí)間注冊(cè)一項(xiàng)服務(wù)的用戶是會(huì)花一些時(shí)間去弄明白怎么登陸的。”好吧，但是為什么他們應(yīng)該花這個(gè)時(shí)間呢？為什么不把登入鏈接放到用戶更易看見的地方？這是用戶合理的要求。
2. 彈出式展示窗口
現(xiàn)在幾乎每一個(gè)新式網(wǎng)頁(yè)瀏覽器都使用彈出框阻止程序來過濾掉彈出框、廣告框和被認(rèn)為是廣告的網(wǎng)站深一層的內(nèi)容。Firefox, Safari, Opera 和IE瀏覽器都默認(rèn)了這項(xiàng)功能。因此，使用彈出框來展示網(wǎng)站的主要內(nèi)容不是網(wǎng)站設(shè)計(jì)者最合理的做法。
didas網(wǎng)站設(shè)計(jì)團(tuán)隊(duì)似乎堅(jiān)信彈出窗口是一個(gè)極具創(chuàng)意的直擊目標(biāo)客戶的方式。然而大部分用戶永遠(yuǎn)也不知道ImpossibleStory.com網(wǎng)站里有什么，我們都懶于去撤銷網(wǎng)頁(yè)瀏覽器的彈出框阻止程序。
3. 拖曳代替垂直導(dǎo)航條
這個(gè)技術(shù)并不是真的噩夢(mèng)，但是經(jīng)常出人意料的成了噩夢(mèng)，實(shí)際上，它可能會(huì)成為未來的技術(shù)趨勢(shì)。拖曳，開始使用在pdf文檔中，現(xiàn)在也適用在網(wǎng)站中。Fichey創(chuàng)造了一個(gè)基于flash的方案。這是一個(gè)有趣的接入方法，但是你無(wú)法對(duì)網(wǎng)站特定的部分加注標(biāo)簽，這也是基于flash的方案面臨的典型問題
網(wǎng)站開始頁(yè)面上的這個(gè)介紹信息框向用戶介紹了這個(gè)新的導(dǎo)航。這個(gè)工具顯示最近熱門的社會(huì)媒體網(wǎng)站。順便再提一下，這個(gè)工具里面的鏈接并不起作用，很顯然地，它顯示的畫面是以圖片格式保存和嵌入的。
4. 看不見的鏈接
用戶想要知道他們現(xiàn)在在哪，去過哪以及接下來要去哪。如果網(wǎng)站設(shè)計(jì)者不能通過合適的方式向用戶展示這些信息，用戶在瀏覽網(wǎng)站時(shí)會(huì)有嚴(yán)重的困惑。Real Player 曾有段時(shí)間使用了很多看不見的鏈接。看下面這張圖和標(biāo)簽（最初是Trenton Moss創(chuàng)建的），你能認(rèn)出哪些是可鏈接的嗎？
1, 3, 4, 6, 7 and 11 是可鏈接的,而2, 5, 8, 9 和 10 是沒有鏈接的。
5. 視覺噪聲
一般來說，越少越好。視覺噪聲幾乎是大網(wǎng)站設(shè)計(jì)者必須克服的最典型問題之一。并且這個(gè)問題還極其容易誤解，就像Overstock顯示的：
附：在這個(gè)網(wǎng)站哪個(gè)是鏈接哪個(gè)不是鏈接也不是很清晰，Overstock同時(shí)使用了多種不同的鏈接顯示和鼠標(biāo)浮動(dòng)顯示效應(yīng)。是不是鏈接？沒準(zhǔn)你會(huì)發(fā)現(xiàn)弄清楚它很有樂趣！
6.死胡同
你可以通過不同的途徑向你的訪問者介紹網(wǎng)站服務(wù)。Scriblink用一個(gè)彈出框和Java小應(yīng)用程序歡迎他的訪問者。訪問者必須提供一些輸入，才能啟動(dòng)瀏覽網(wǎng)站。
點(diǎn)擊“取消”沒有反應(yīng)
“OK”也不行
全屏模式?jīng)]有反應(yīng)
點(diǎn)擊別的地方也沒有幫助
關(guān)閉瀏覽器窗口不能正常工作
點(diǎn)擊問號(hào)幫助不起作用
不公平啊，真的。我們只是想看看這個(gè)工具能做什么…
7. 內(nèi)容模塊相互層疊
大網(wǎng)站在應(yīng)用一些大的flash影片時(shí)，一個(gè)典型的問題出現(xiàn)了，網(wǎng)站的導(dǎo)航被隱藏了。無(wú)論用戶可能想要瀏覽哪，他們已經(jīng)沒有選擇了。
8.動(dòng)態(tài)導(dǎo)航
看似一個(gè)可用的網(wǎng)站導(dǎo)航，很快就會(huì)顯示出它最糟糕的一面。不管你將鼠標(biāo)指向哪，輔助圖片滑上滑下，改變了你點(diǎn)擊的鏈接。在下面這個(gè)圖片，點(diǎn)擊鏈接“history”，但是它移動(dòng)了，噢，不，我的點(diǎn)擊跑到了滑動(dòng)出來的圖片鏈接上了，并沒有鏈接到我想要瀏覽的那個(gè)頁(yè)面。
這種動(dòng)態(tài)效果出現(xiàn)在同時(shí)具有左、右導(dǎo)航菜單的網(wǎng)站。訪問者可能需要一些時(shí)間來了解正在發(fā)生的事情。一旦他們了解了這種設(shè)計(jì)，這種導(dǎo)航也不是很難處理。
Kabe243也是同樣的設(shè)計(jì)想法。附：視覺噪聲最大化！
9. 下拉菜單
下拉菜單對(duì)web開發(fā)者是有用的，可是卻總是讓用戶煩擾。如果你是一個(gè)設(shè)計(jì)師，隱藏導(dǎo)航項(xiàng)目到一個(gè)下拉菜單，你可以為自己留下大量的垂直空間。但是用戶必須將鼠標(biāo)準(zhǔn)確定位到他想要看的那部分，這樣對(duì)于用戶來說，是不可用的。
然而，情況可以變得更糟。如果不同層級(jí)的導(dǎo)航間隔太大（比如說有的導(dǎo)航項(xiàng)目文字太多），用戶就必須水平移動(dòng)鼠標(biāo)。如果鼠標(biāo)移動(dòng)目標(biāo)改變到垂直方向，用戶不得不重新開始。
2Advanced和 Brita.net是這種可用性噩夢(mèng)的很好的例子。
10.討厭的圖片
有時(shí)候你只想閱讀網(wǎng)站上的內(nèi)容，可是你卻無(wú)法聚精會(huì)神，為了對(duì)抗盲目的旗幟廣告，這些動(dòng)畫廣告通常是.gif圖像或者Flash影片形式的。當(dāng)這些圖片在內(nèi)容周圍不停地閃爍，你是很難把重點(diǎn)放在閱讀上的。
Digital Web Magazine,一個(gè)極好的在線定期閱讀雜志，在雜志每篇文章的左側(cè)卻有令人煩擾的動(dòng)畫廣告。
未來噩夢(mèng)？
移動(dòng)鼠標(biāo)替代點(diǎn)擊鼠標(biāo)
Dontclick.it, 一個(gè)很有趣的交互設(shè)計(jì)實(shí)驗(yàn)，探討了一個(gè)clickfree的環(huán)境，一旦用戶離開依賴點(diǎn)擊的習(xí)慣，用戶和交互的界面會(huì)如何改變，發(fā)生什么改變？
在這個(gè)界面，你不會(huì)發(fā)現(xiàn)任何按鈕。你用另一種方式去導(dǎo)航網(wǎng)站內(nèi)容，通過移動(dòng)鼠標(biāo)到你感興趣的網(wǎng)站區(qū)域。這種聽起來很有趣的方式可能很快會(huì)成為一個(gè)可用性噩夢(mèng)，只要想象下網(wǎng)站用戶試圖在新的瀏覽器窗口打開外部鏈接，當(dāng)然想象這些很有趣，用戶到底如何做到的，比方說，打開一個(gè)鏈接列表在新的瀏覽器選項(xiàng)卡。（更新澄清為何我們會(huì)在此提到Dontclick.it）
8個(gè)你應(yīng)該意識(shí)到的可用性檢查點(diǎn)
不要使用彈出式窗口
彈出式窗口打斷訪問者的瀏覽會(huì)話，并且要求訪問者的即時(shí)反饋。請(qǐng)尊重你的訪問者。
不要改變用戶的窗口大小
和反對(duì)彈出窗口持有的論點(diǎn)一樣，有的瀏覽器，比如IE瀏覽器，保留了瀏覽器尺寸將其用來進(jìn)一步的瀏覽器會(huì)話。就像Ben Bodien評(píng)論說，“這是單純的不體諒地認(rèn)為自己比用戶更清楚怎樣配置用戶的軟件環(huán)境。”
不要使用太小的字體
試用太小的字體，長(zhǎng)文章更難閱讀，而閱讀簡(jiǎn)短的句子讀者需要更多的時(shí)間，因?yàn)樗€包含鏈接、按鈕、表格、搜索框和其他元素。好消息，在web2.0情況相反。
不要使用不清晰的文字鏈接
鏈接必須是準(zhǔn)確的，并能鏈接到它們描述的目的地。避免模糊的鏈接描述。
不要有死鏈接
已經(jīng)有太多的死鏈接了，為什么還要將你的訪問者指向死胡同呢？
每個(gè)頁(yè)面最多只能有一個(gè)動(dòng)畫
如果閃爍的圖片廣泛散步在網(wǎng)站，將使訪問者極其難以集中在一個(gè)單一的網(wǎng)站元素。讓你的訪客能有機(jī)會(huì)認(rèn)知你的網(wǎng)站內(nèi)容，使用動(dòng)畫廣告時(shí)，不要將它們與您的文章放到一起。
讓訪客很容易能聯(lián)系上你
也許你不想要與外界保持聯(lián)系，但如果訪客想與你取得聯(lián)系，但是找不到任何聯(lián)系信息，你會(huì)失去他們的興趣和信任。對(duì)于在線購(gòu)物網(wǎng)站，這尤其是災(zāi)難，對(duì)于其他的情況，這至少也讓你失去了一次機(jī)會(huì)。
你的鏈接打開在一個(gè)窗口
訪問者想要控制一切發(fā)生在他們?yōu)g覽器的事，如果他們想要打開一個(gè)鏈接在新的窗口中，他們會(huì)自己調(diào)整。如果他們不想，他們就不會(huì)。如果你的鏈接打開在一個(gè)新的窗口，那么你就做了一個(gè)不該讓你決定做的事情。
我有類似需求，立即定制
