30個(gè)必須知道的可用性問(wèn)題

1、你不必在每件事情上取得別人的同意。作為一個(gè)專(zhuān)業(yè)的Web開(kāi)發(fā)人，你是你訪客愛(ài)好和需求的倡導(dǎo)者；你必須堅(jiān)持你對(duì)良好的用戶(hù)體驗(yàn)的理解，確保在復(fù)雜的網(wǎng)站架構(gòu)下你的訪客仍可能找到他們的路徑。這意味著在與用戶(hù)和同事討論時(shí)，你必須能夠堅(jiān)持你的立場(chǎng)，有效地傳達(dá)自己的想法。事實(shí)上，你的工作就是妥協(xié)處理錯(cuò)誤的思想和誤導(dǎo)的概念，而不是盲從它們。在這種境況下，沒(méi)有任何東西可以幫助你，除了和你工作中根本問(wèn)題相關(guān)的深刻知識(shí)。但是，即使你知道這些知識(shí)，重要的是你還要知道如何稱(chēng)呼這些概念，如何在討論中用到它們。此外，準(zhǔn)備一些你可能需要的準(zhǔn)確術(shù)語(yǔ)在手邊作為論據(jù)，對(duì)你的討論也是有幫助的。在這篇文章，我們陳述了30個(gè)通常被遺忘、忽

2、略和誤解的重要的可用性問(wèn)題、術(shù)語(yǔ)、規(guī)則和原則。可讀性(readability)和易讀性(legibility)有什么區(qū)別？究竟80/20和帕累托原則是什么意思？掃雷與滿(mǎn)意度是什么意思？逐步強(qiáng)化和優(yōu)雅降級(jí)又是什么？OK，是時(shí)候深入了。  可用性：規(guī)則和原則7±2 原則由于人類(lèi)大腦處理信息的能力有限，它會(huì)將復(fù)雜信息劃分成塊和小的單元。根據(jù)喬治A米勒（George A. Miller）的研究，人類(lèi)短期記憶一般一次只能記住5-9個(gè)事物。這一事實(shí)經(jīng)常被用來(lái)作為限制導(dǎo)航菜單選項(xiàng)到7個(gè)的論據(jù)；然而關(guān)于神奇的“7，加2或者減2”還是引起了激烈的討論。因此目前還不清楚是否7

3、7;2原則能、可能或應(yīng)該應(yīng)用到web中。米勒的研究2秒原則一個(gè)松散的原則，即用戶(hù)沒(méi)有必要對(duì)某些系統(tǒng)響應(yīng)等待2秒以上的時(shí)間，比如應(yīng)用程序轉(zhuǎn)換和開(kāi)始的響應(yīng)時(shí)間。選擇2秒有點(diǎn)武斷，但確是一個(gè)合理的數(shù)量級(jí)?？煽康脑瓌t就是：用戶(hù)等待時(shí)間越少，用戶(hù)體驗(yàn)越好?？捎眯?xún)?yōu)先3次點(diǎn)擊原則根據(jù)這個(gè)原則，如果用戶(hù)在3次點(diǎn)擊中無(wú)法找到信息和完成網(wǎng)站功能時(shí)，用戶(hù)就會(huì)停止使用這個(gè)網(wǎng)站。換句話說(shuō)，這個(gè)原則強(qiáng)調(diào)明確的導(dǎo)航，邏輯架構(gòu)和后續(xù)站點(diǎn)的層次結(jié)構(gòu)。在大多數(shù)情況下，點(diǎn)擊的次數(shù)是無(wú)關(guān)緊要的；真正重要的是，游客總是能知道他們現(xiàn)在在哪，他們?nèi)ミ^(guò)哪，他們接著將會(huì)去哪。如果用戶(hù)感覺(jué)他們對(duì)該系統(tǒng)如何運(yùn)作有個(gè)充分的了解的話，甚至10次點(diǎn)擊

4、，用戶(hù)都會(huì)覺(jué)得OK。80/20原則（帕累托原則）帕累托原則（也被稱(chēng)為重要少數(shù)法則和因素稀疏原則）指出，80%的效應(yīng)來(lái)自20%的原因。這是商業(yè)中的基本經(jīng)驗(yàn)法則（“80%的銷(xiāo)售額來(lái)自20%的顧客”），但也可以應(yīng)用于設(shè)計(jì)和可用性。舉例來(lái)說(shuō)，我們可以通過(guò)確定那些貢獻(xiàn)80%利潤(rùn)的20 的用戶(hù)、客戶(hù)、活動(dòng)、產(chǎn)品或程序，并最大限度地注意對(duì)他們適用，來(lái)顯著提高效應(yīng)。帕累托原則在維基百科8個(gè)接口設(shè)計(jì)的金科玉律作為接口設(shè)計(jì)研究的成果， Ben Shneiderman提出并收集了一些從經(jīng)驗(yàn)中啟發(fā)而來(lái)，適用于大多數(shù)交互系統(tǒng)的原則。這些原則適用于用戶(hù)接口設(shè)計(jì)，也適用于網(wǎng)頁(yè)設(shè)計(jì)。1. 爭(zhēng)取保持一致性 2. 為老用戶(hù)提供可

5、用的快捷方式3. 提供有益的反饋4. 設(shè)計(jì)結(jié)束功能的對(duì)話框 5. 提供簡(jiǎn)單的錯(cuò)誤處理6. 允許簡(jiǎn)單的逆轉(zhuǎn)功能 7. 提供控制感。支持內(nèi)部控制點(diǎn) 8. 減少短期記憶您可以在維基百科： Shneiderman的規(guī)則設(shè)計(jì)中了解更多關(guān)于設(shè)計(jì)中的Shneiderman規(guī)則。費(fèi)茨定律由保羅費(fèi)茨（Paul Fitts）發(fā)表于1954年，費(fèi)茨定律模擬了人類(lèi)活動(dòng)，以目標(biāo)距離和目標(biāo)規(guī)模大小為函數(shù)，預(yù)測(cè)了迅速移動(dòng)到目標(biāo)區(qū)所需時(shí)間。該法通常應(yīng)用到鼠標(biāo)的移動(dòng)，訪客就必須從A點(diǎn)移動(dòng)到B點(diǎn)。例如，這個(gè)規(guī)則對(duì)于如何放置內(nèi)容區(qū)域，以更實(shí)用的方式，最大化內(nèi)容可及性和提高內(nèi)容點(diǎn)擊率，是非常重要的。倒金字塔倒金字塔是一種在文章開(kāi)頭表

6、達(dá)總結(jié)文字的寫(xiě)作風(fēng)格。這種方式使用了新聞業(yè)中著名的“瀑布效應(yīng)”，新聞作者試圖讓他們的讀者即時(shí)知道他們的報(bào)道的主題。文章以總結(jié)開(kāi)頭，接著是關(guān)鍵點(diǎn)，最后那些次要的細(xì)節(jié)，如背景資料。由于網(wǎng)絡(luò)用戶(hù)需要即時(shí)的滿(mǎn)足，這種倒金字塔寫(xiě)作風(fēng)格，對(duì)于網(wǎng)絡(luò)寫(xiě)作和更好的用戶(hù)體驗(yàn)是非常重要的。就像尼爾森的支持滿(mǎn)意網(wǎng)絡(luò)用戶(hù)不喜歡用最佳方式找到他們尋找的信息。他們對(duì)最合理和最健全的解決問(wèn)題方案不感興趣。相反，他們永遠(yuǎn)掃描他們認(rèn)為“足夠好”的quick'n'dirty解決方案。在網(wǎng)絡(luò)中，這種方式準(zhǔn)確地描述了用戶(hù)的滿(mǎn)意：用戶(hù)使用一個(gè)“足夠好”的方案解決問(wèn)題即時(shí)在長(zhǎng)遠(yuǎn)看來(lái)一些替代方案能夠更好地滿(mǎn)足他們的要求。界面

7、設(shè)計(jì) 可用性背后的心理學(xué)   嬰兒鴨綜合癥嬰兒鴨綜合癥描述了游客傾向忠于他們記住的最初設(shè)計(jì)，并且通過(guò)與最初設(shè)計(jì)的相似度來(lái)判斷其他的設(shè)計(jì)。其結(jié)果是，用戶(hù)通常傾向于那些與他們記住的最初設(shè)計(jì)相類(lèi)似的設(shè)計(jì)，不喜歡陌生的系統(tǒng)。這些可用性問(wèn)題是很多系統(tǒng)重新設(shè)計(jì)時(shí)存在的：用戶(hù)，習(xí)慣了以前的設(shè)計(jì)，對(duì)新的網(wǎng)站架構(gòu)會(huì)感到不舒服，他們必須找到自己的方式去使用網(wǎng)站。無(wú)視廣告網(wǎng)絡(luò)用戶(hù)具有忽視一切看起來(lái)像廣告的東西，有趣的是，他們非常擅于這。雖然廣告是被注意到了，但幾乎一直是被忽略的。由于用戶(hù)已經(jīng)為網(wǎng)站上不同的任務(wù)構(gòu)建了相關(guān)聯(lián)的圖式，在網(wǎng)站上搜索特定的信息時(shí)，他們只將注意力集中在網(wǎng)

8、頁(yè)的部分區(qū)域，就是那些他們認(rèn)為可能是相關(guān)信息的地方，也就是，小文本和超鏈接。在這個(gè)例子中，大的色彩繽紛的地方或動(dòng)畫(huà)橫幅廣告和其他的圖形是被忽略的。來(lái)源：無(wú)視廣告：一些發(fā)現(xiàn)和一些新發(fā)現(xiàn)扣人心弦效應(yīng)（蔡加尼克效應(yīng)）人類(lèi)無(wú)法忍受不確定性。我們傾向于對(duì)感興趣的、未回答的問(wèn)題盡快找到答案?？廴诵南倚?yīng)就是基于這一事實(shí)的；扣人心弦的電影，文章和情節(jié)總是有出其不意的結(jié)果，往往總是以一個(gè)突然的震驚啟示或者困難的局面離開(kāi)。這種效應(yīng)經(jīng)常用在廣告上：廣告主往往通過(guò)要求游客解答刺激的問(wèn)題，來(lái)迫使他們閱讀廣告，點(diǎn)擊橫幅廣告或者跟進(jìn)一個(gè)鏈接?？廴诵南倚?yīng)由布魯瑪 W. 蔡加尼克（Bluma W.Zeigarnik）在19

9、27年發(fā)現(xiàn)，這個(gè)效應(yīng)在讀者間建立了情感聯(lián)系，在營(yíng)銷(xiāo)學(xué)中極其有影響力。游客們可以更好地記住是什么廣告，甚至是最小的細(xì)節(jié)都能記得更清晰確切。在web寫(xiě)作中，扣人心弦效應(yīng)也被用來(lái)吸引游客進(jìn)入網(wǎng)站。（如“抓取我們的RSS-Feed，以確保您不會(huì)錯(cuò)過(guò)文章的第二部分！”）。視知覺(jué)的格式塔原則這些原則是人機(jī)交互設(shè)計(jì)心理方面的基本原則。 · 接近法則認(rèn)為，當(dāng)我們知覺(jué)物體歸類(lèi)時(shí)時(shí)，易于把相近的物體歸于一組。 MTV音樂(lè)頒獎(jiǎng)的接近法則的真實(shí)例子. 來(lái)源.· 相似法則指當(dāng)內(nèi)容元素彼此相似的時(shí)候我們會(huì)感知它們?yōu)橐唤M。· Prägnanz法則（圖像-背景）指在

10、知覺(jué)某個(gè)的視野時(shí)，一些物體（圖像）看起來(lái)突顯了出來(lái)，視野中的其他東西則消退到背景中。蘋(píng)果機(jī)的標(biāo)志可以被看作是一個(gè)正規(guī)笑臉和一個(gè)側(cè)面歡喜的臉龐（看著計(jì)算機(jī)屏幕）來(lái)源· 對(duì)稱(chēng)性法則指我們?cè)谥X(jué)物體時(shí)傾向于把物體知覺(jué)為一個(gè)中心周邊對(duì)稱(chēng)的形狀。· 連貫性法則指我們傾向于知覺(jué)聯(lián)貫或連續(xù)流動(dòng)的形式，而不是斷裂或都不連續(xù)的形式，事實(shí)上它們并不連貫。我們知覺(jué)到字母'I'，'B'，和'M'，雖然我們事實(shí)上看到的形狀，只有幾行不同長(zhǎng)度的白色空格彼此空懸。來(lái)源你可以在視知覺(jué)的格式塔文章中找到更多信息自我參照效應(yīng)自我參照效應(yīng)在網(wǎng)絡(luò)寫(xiě)作中尤其重要，可以

11、顯著改善作者和讀者之間的溝通。與我們個(gè)人觀念相聯(lián)系的事物要比那些和我們沒(méi)有直接聯(lián)系的事物記得更清楚。例如，閱讀一篇文章后，用戶(hù)能更好地記得他們個(gè)人經(jīng)驗(yàn)中相關(guān)的人物，故事或事實(shí)。在可用性中自我參照效應(yīng)通常被用在網(wǎng)絡(luò)寫(xiě)作的表達(dá)和網(wǎng)站內(nèi)容陳述。 可用性術(shù)語(yǔ)表： 術(shù)語(yǔ)和概念眼球追蹤眼球追蹤是測(cè)量我們凝視的點(diǎn)（我們看著的地方）或者相對(duì)于頭部來(lái)說(shuō)眼睛移動(dòng)的過(guò)程。眼球追蹤監(jiān)測(cè)記錄眼球每次的運(yùn)動(dòng)，并在網(wǎng)站最活躍的區(qū)域高光顯示。眼球追蹤研究可以幫助估計(jì)瀏覽網(wǎng)站的用戶(hù)是否舒適地使用網(wǎng)站，以及他們理解網(wǎng)站背后的架構(gòu)和系統(tǒng)有多快。在最近的眼球追蹤研究Eyetrack07中，你可以找到一些有趣的可用

12、性結(jié)果。                            眼球追蹤：來(lái)源折疊位置（Fold）折疊位置是指一個(gè)網(wǎng)站在屏幕上可見(jiàn)區(qū)域的最下方位置。當(dāng)然折疊的位置也取決于你訪客的屏幕分辨率。網(wǎng)頁(yè)可見(jiàn)區(qū)域（也稱(chēng)為screenful）是指網(wǎng)頁(yè)上不需要拉動(dòng)滾動(dòng)條就能看到的區(qū)域。既然折疊位置是不需要滾動(dòng)就能看到，它常常被視為可能可以保證

13、最高廣告點(diǎn)擊率和利潤(rùn)的區(qū)域。然而，折疊位置并沒(méi)有那么重要。U中心凹視（中心凹區(qū)）中央窩，人類(lèi)眼睛的一部分，負(fù)責(zé)敏銳的中央視力，對(duì)于人類(lèi)在閱讀、看電視或電影、駕駛以及其他任何需要高度注意視覺(jué)細(xì)節(jié)的活動(dòng)中，是非常必要的。中央窩是你的眼睛在瞄準(zhǔn)時(shí)的一塊小范圍空間，它是你可以感知最高級(jí)別細(xì)節(jié)的唯一地方。中心凹區(qū)相當(dāng)于兩度視野或者放在你眼前的兩個(gè)縮略圖大小的緊密區(qū)域。這是你為游客傳遞最重要信息的地方。中心凹視是非常重要的，因?yàn)樵谶@個(gè)寬屏區(qū)域外你的訪客如何看你的網(wǎng)頁(yè)變化非常大。在這部分區(qū)域內(nèi)，是你的視線注意力最大的唯一區(qū)域只有在這里沒(méi)有眼睛掃描是必要的。來(lái)源注釋注釋是一個(gè)自動(dòng)的行為

14、，它在鏈接鏈向的地方和用戶(hù)一旦點(diǎn)擊會(huì)鏈向的地方提供提示和摘要信息。提示可通過(guò)鏈接的標(biāo)題特征來(lái)提供。從可用性的角度來(lái)看，用戶(hù)希望有充分控制一切正在發(fā)生在網(wǎng)站上的事情的權(quán)利；清晰和準(zhǔn)確的內(nèi)外部鏈接解釋?zhuān)侠淼倪B接源頭標(biāo)簽，都可以提高一個(gè)網(wǎng)站的可用性。優(yōu)雅降級(jí)（容錯(cuò)系統(tǒng)）優(yōu)雅降級(jí)是指一個(gè)網(wǎng)站即使在它的部件（部分或完全）已經(jīng)無(wú)法顯示或者無(wú)效的情況下還能展示內(nèi)容和基本的功能的這種能力。在實(shí)踐中這意味著網(wǎng)站在每一個(gè)可能“過(guò)失”的情況下顯示內(nèi)容，可在用戶(hù)可能的每種配置下（瀏覽器、插件、連接、操作系統(tǒng)等等）被使用。為“骨灰級(jí)用戶(hù)”提供的仍然是豐富的、增強(qiáng)的頁(yè)面版本。例如，典型地為多媒體內(nèi)容提供可替代的顯示，以

15、確保在圖片無(wú)法顯示的時(shí)候內(nèi)容仍然可以感知。維基百科：容錯(cuò)系統(tǒng)粒度粒度是指一個(gè)大的、復(fù)雜的數(shù)據(jù)集或信息分成何種程度的更小的單位。熱區(qū)熱區(qū)是網(wǎng)站可點(diǎn)擊的區(qū)域，一旦被點(diǎn)擊時(shí)會(huì)改變它們的形式或者/和外觀、這是典型的：當(dāng)鏈接或者任何其他網(wǎng)站元素被點(diǎn)擊時(shí)的焦點(diǎn)效應(yīng)。S上的熱區(qū)和注釋易讀性（Legibility）易讀性是指文章在視覺(jué)上是否明確。掃雷掃雷是指那些要確定網(wǎng)站鏈接的用戶(hù)與網(wǎng)站的交互大多數(shù)情況下。在大多數(shù)情況下，掃雷是可用性問(wèn)題中一個(gè)明確的警報(bào)信號(hào)。通常掃雷涉及用戶(hù)在網(wǎng)頁(yè)上快速移動(dòng)光標(biāo)或者指針，注視光標(biāo)或指針在哪里有顯示鏈接的變化。U肉之謎導(dǎo)航系統(tǒng)（MMN）網(wǎng)絡(luò)中的肉之謎導(dǎo)航

16、描述了那種用戶(hù)要想發(fā)現(xiàn)導(dǎo)航鏈接的目的點(diǎn)或者確定鏈接在哪里極其困難的設(shè)計(jì)。物理一致性這個(gè)概念描述了網(wǎng)站外觀的一致性，-如logos的位置、導(dǎo)航、圖形元素和版式的使用。物理一致性對(duì)于更好的方向和有效的網(wǎng)站導(dǎo)航是至關(guān)重要的。逐步強(qiáng)化（PE）逐步強(qiáng)化是一個(gè)設(shè)計(jì)戰(zhàn)略，網(wǎng)站是以多層次的方式創(chuàng)建的從適合所有瀏覽器的最基本的功能，再到更多的適合現(xiàn)行瀏覽器的加強(qiáng)的功能。逐步強(qiáng)化的主要優(yōu)勢(shì)在于它的“普遍可用性”比如，事實(shí)上，它允許使用任何瀏覽器或者網(wǎng)絡(luò)鏈接工具的人訪問(wèn)網(wǎng)站的基本內(nèi)容和功能，同時(shí)它也提供使用更好網(wǎng)絡(luò)帶寬和更先進(jìn)瀏覽器軟件的用戶(hù)更強(qiáng)版本的網(wǎng)頁(yè)。維基百科可讀性可讀性描述了基于復(fù)雜句子和困難詞匯的文字的可

17、理解的程度。可讀性的指標(biāo)通?？梢詣澐挚捎眯詫蛹?jí)，通過(guò)一些人輕易理解一篇閱讀文章所需的年齡和級(jí)別來(lái)定。可讀性不是易讀性?？捎眯缘男g(shù)語(yǔ)用戶(hù)為中心的設(shè)計(jì)（UCD）用戶(hù)為中心的設(shè)計(jì)是這樣一種設(shè)計(jì)理念，用戶(hù)需求、偏好和行為決定了網(wǎng)站的基礎(chǔ)，就是網(wǎng)站架構(gòu)、導(dǎo)航和獲取信息的方式。UCD被視為現(xiàn)代網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)方式，尤其是由于用戶(hù)創(chuàng)造內(nèi)容的興起。在web2.0游客必須積極參與，因此需要最佳化他們需求的條件。警惕（持續(xù)關(guān)注） 警惕是在長(zhǎng)時(shí)間單調(diào)的任務(wù)中仍能持續(xù)關(guān)注的能力，比如校隊(duì)文章查找拼寫(xiě)錯(cuò)誤，提醒約會(huì)，自行修改文字處理機(jī)文檔等。在現(xiàn)代網(wǎng)絡(luò)應(yīng)用中警惕的任務(wù)主要體現(xiàn)在后臺(tái)、自動(dòng)化和提供系統(tǒng)的可用性。接

18、口設(shè)計(jì)走來(lái)即用的設(shè)計(jì)一個(gè)走來(lái)即用的設(shè)計(jì)是不言自明和直觀的，所以第一次和一次性用戶(hù)可以有效的使用它，而不需要實(shí)現(xiàn)介紹或培訓(xùn)。接口設(shè)計(jì)線框圖線框圖是一個(gè)網(wǎng)站基本的結(jié)構(gòu)骨架描述了一個(gè)網(wǎng)站的思想、概念和結(jié)構(gòu)。線框圖可以被設(shè)計(jì)成介紹陳述，用來(lái)向股份持有者解釋網(wǎng)站是如何設(shè)計(jì)的，提供了什么功能，用戶(hù)是如何完成他們的任務(wù)的。線框圖通常不會(huì)有任何視覺(jué)元素，或者一個(gè)完整的頁(yè)面布局；他們往往是設(shè)計(jì)者畫(huà)在紙上的初稿和草圖。例子在這里.術(shù)語(yǔ), 維基百科: Wireframes  線框圖: Example. References, Sources· Interaction Design Encyclopaedia A growing encyclopaedia on interaction design; the articles not only explain usability terms and issues, but also provide a detailed description of their use in modern design.· U