30個必須知道的可用性問題

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

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

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

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

5、用的快捷方式3. 提供有益的反饋4. 設(shè)計(jì)結(jié)束功能的對話框 5. 提供簡單的錯誤處理6. 允許簡單的逆轉(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)茨定律模擬了人類活動，以目標(biāo)距離和目標(biāo)規(guī)模大小為函數(shù)，預(yù)測了迅速移動到目標(biāo)區(qū)所需時間。該法通常應(yīng)用到鼠標(biāo)的移動，訪客就必須從A點(diǎn)移動到B點(diǎn)。例如，這個規(guī)則對于如何放置內(nèi)容區(qū)域，以更實(shí)用的方式，最大化內(nèi)容可及性和提高內(nèi)容點(diǎn)擊率，是非常重要的。倒金字塔倒金字塔是一種在文章開頭表

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

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

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

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

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

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

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

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

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

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

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

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

18、口設(shè)計(jì)走來即用的設(shè)計(jì)一個走來即用的設(shè)計(jì)是不言自明和直觀的，所以第一次和一次性用戶可以有效的使用它，而不需要實(shí)現(xiàn)介紹或培訓(xùn)。接口設(shè)計(jì)線框圖線框圖是一個網(wǎng)站基本的結(jié)構(gòu)骨架描述了一個網(wǎng)站的思想、概念和結(jié)構(gòu)。線框圖可以被設(shè)計(jì)成介紹陳述，用來向股份持有者解釋網(wǎng)站是如何設(shè)計(jì)的，提供了什么功能，用戶是如何完成他們的任務(wù)的。線框圖通常不會有任何視覺元素，或者一個完整的頁面布局；他們往往是設(shè)計(jì)者畫在紙上的初稿和草圖。例子在這里.術(shù)語, 維基百科: 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