你不必在每件事情上取得別人的同意。作為一個(gè)專(zhuān)業(yè)的Web開(kāi)發(fā)人,你是你訪(fǎng)客愛(ài)好和需求的倡導者;你必須堅持你對良好的用戶(hù)體驗的理解,確保在復雜的網(wǎng)站架構下你的訪(fǎng)客仍可能找到他們的路徑。這意味著(zhù)在與用戶(hù)和同事討論時(shí),你必須能夠堅持你的立場(chǎng),有效地傳達自己的想法。事實(shí)上,你的工作就是妥協(xié)處理錯誤的思想和誤導的概念,而不是盲從它們。
在這種境況下,沒(méi)有任何東西可以幫助你,除了和你工作中根本問(wèn)題相關(guān)的深刻知識。但是,即使你知道這些知識,重要的是你還要知道如何稱(chēng)呼這些概念,如何在討論中用到它們。此外,準備一些你可能需要的準確術(shù)語(yǔ)在手邊作為論據,對你的討論也是有幫助的。
在這篇文章,我們陳述了30個(gè)通常被遺忘、忽略和誤解的重要的可用性問(wèn)題、術(shù)語(yǔ)、規則和原則?勺x性(readability)和易讀性(legibility)有什么區別?究竟80/20和帕累托原則是什么意思?掃雷與滿(mǎn)意度是什么意思?逐步強化和優(yōu)雅降級又是什么?你都可以找到答案。
一、可用性:規則和原則
7±2 原則
由于人類(lèi)大腦處理信息的能力有限,它會(huì )將復雜信息劃分成塊和小的單元。根據喬治 A .米勒(George A. Miller)的研究,人類(lèi)短期記憶一般一次只能記住5-9個(gè)事物。這一事實(shí)經(jīng)常被用來(lái)作為限制導航菜單選項到7個(gè)的論據;然而關(guān)于神奇的“7,加2或者減2”還是引起了激烈的討論。因此目前還不清楚是否7±2原則能、可能或應該應用到web中。米勒的研究。
2秒原則
一個(gè)松散的原則,即用戶(hù)沒(méi)有必要對某些系統響應等待2秒以上的時(shí)間,比如應用程序轉換和開(kāi)始的響應時(shí)間。選擇2秒有點(diǎn)武斷,但確是一個(gè)合理的數量級?煽康脑瓌t就是:用戶(hù)等待時(shí)間越少,用戶(hù)體驗越好。[可用性?xún)?yōu)先]
3次點(diǎn)擊原則
根據這個(gè)原則,如果用戶(hù)在3次點(diǎn)擊中無(wú)法找到信息和完成網(wǎng)站功能時(shí),用戶(hù)就會(huì )停止使用這個(gè)網(wǎng)站。換句話(huà)說(shuō),這個(gè)原則強調明確的導航,邏輯架構和后續站點(diǎn)的層次結構。在大多數情況下,點(diǎn)擊的次數是無(wú)關(guān)緊要的;真正重要的是,游客總是能知道他們現在在哪,他們去過(guò)哪,他們接著(zhù)將會(huì )去哪。如果用戶(hù)感覺(jué)他們對該系統如何運作有個(gè)充分的了解的話(huà),甚至10次點(diǎn)擊,用戶(hù)都會(huì )覺(jué)得OK。
80/20原則(帕累托原則)
帕累托原則(也被稱(chēng)為重要少數法則和因素稀疏原則)指出,80%的效應來(lái)自20%的原因。這是商業(yè)中的基本經(jīng)驗法則(“80%的銷(xiāo)售額來(lái)自20%的顧客”),但也可以應用于設計和可用性。舉例來(lái)說(shuō),我們可以通過(guò)確定那些貢獻80%利潤的20 %的用戶(hù)、客戶(hù)、活動(dòng)、產(chǎn)品或程序,并最大限度地注意對他們適用,來(lái)顯著(zhù)提高效應
8個(gè)接口設計的金科玉律
作為接口設計研究的成果, Ben Shneiderman提出并收集了一些從經(jīng)驗中啟發(fā)而來(lái),適用于大多數交互系統的原則。這些原則適用于用戶(hù)接口設計,也適用于網(wǎng)頁(yè)設計。
1. 爭取保持一致性
2. 為老用戶(hù)提供可用的快捷方式
3. 提供有益的反饋
4. 設計結束功能的對話(huà)框
5. 提供簡(jiǎn)單的錯誤處理
6. 允許簡(jiǎn)單的逆轉功能
7. 提供控制感。支持內部控制點(diǎn)
8. 減少短期記憶
費茨定律
由保羅費茨(Paul Fitts)發(fā)表于1954年,費茨定律模擬了人類(lèi)活動(dòng),以目標距離和目標規模大小為函數,預測了迅速移動(dòng)到目標區所需時(shí)間。該法通常應用到鼠標的移動(dòng),訪(fǎng)客就必須從A點(diǎn)移動(dòng)到B點(diǎn)。例如,這個(gè)規則對于如何放置內容區域,以更實(shí)用的方式,最大化內容可及性和提高內容點(diǎn)擊率,是非常重要的。
倒金字塔
倒金字塔是一種在文章開(kāi)頭表達總結文字的寫(xiě)作風(fēng)格。這種方式使用了新聞業(yè)中著(zhù)名的“瀑布效應”,新聞作者試圖讓他們的讀者即時(shí)知道他們的報道的主題。文章以總結開(kāi)頭,接著(zhù)是關(guān)鍵點(diǎn),最后那些次要的細節,如背景資料。由于網(wǎng)絡(luò )用戶(hù)需要即時(shí)的滿(mǎn)足,這種倒金字塔寫(xiě)作風(fēng)格,對于網(wǎng)絡(luò )寫(xiě)作和更好的用戶(hù)體驗是非常重要的。就像尼爾森的支持
滿(mǎn)意
網(wǎng)絡(luò )用戶(hù)不喜歡用最佳方式找到他們尋找的信息。他們對最合理和最健全的解決問(wèn)題方案不感興趣。相反,他們永遠掃描他們認為“足夠好”的quick’n'dirty解決方案。在網(wǎng)絡(luò )中,這種方式準確地描述了用戶(hù)的滿(mǎn)意:用戶(hù)使用一個(gè)“足夠好”的方案解決問(wèn)題——即時(shí)在長(cháng)遠看來(lái)一些替代方案能夠更好地滿(mǎn)足他們的要求。
二、可用性背后的心理學(xué)
嬰兒鴨綜合癥
嬰兒鴨綜合癥描述了游客傾向忠于他們記住的最初設計,并且通過(guò)與最初設計的相似度來(lái)判斷其他的設計。其結果是,用戶(hù)通常傾向于那些與他們記住的最初設計相類(lèi)似的設計,不喜歡陌生的系統。這些可用性問(wèn)題是很多系統重新設計時(shí)存在的:用戶(hù),習慣了以前的設計,對新的網(wǎng)站架構會(huì )感到不舒服,他們必須找到自己的方式去使用網(wǎng)站。
無(wú)視廣告
網(wǎng)絡(luò )用戶(hù)具有忽視一切看起來(lái)像廣告的東西,有趣的是,他們非常擅于這。雖然廣告是被注意到了,但幾乎一直是被忽略的。由于用戶(hù)已經(jīng)為網(wǎng)站上不同的任務(wù)構建了相關(guān)聯(lián)的圖式,在網(wǎng)站上搜索特定的信息時(shí),他們只將注意力集中在網(wǎng)頁(yè)的部分區域,就是那些他們認為可能是相關(guān)信息的地方,也就是,小文本和超鏈接。在這個(gè)例子中,大的色彩繽紛的地方或動(dòng)畫(huà)橫幅廣告和其他的圖形是被忽略的。
[來(lái)源:無(wú)視廣告 一些發(fā)現和一些新發(fā)現]
扣人心弦效應(蔡加尼克效應)
人類(lèi)無(wú)法忍受不確定性。我們傾向于對感興趣的、未回答的問(wèn)題盡快找到答案?廴诵南倚褪腔谶@一事實(shí)的;扣人心弦的電影,文章和情節總是有出其不意的結果,往往總是以一個(gè)突然的震驚啟示或者困難的局面離開(kāi)。這種效應經(jīng)常用在廣告上:廣告主往往通過(guò)要求游客解答刺激的問(wèn)題,來(lái)迫使他們閱讀廣告,點(diǎn)擊橫幅廣告或者跟進(jìn)一個(gè)鏈接。
扣人心弦效應由布魯瑪 W. 蔡加尼克(Bluma W.Zeigarnik)在1927年發(fā)現,這個(gè)效應在讀者間建立了情感聯(lián)系,在營(yíng)銷(xiāo)學(xué)中極其有影響力。游客們可以更好地記住是什么廣告,甚至是最小的細節都能記得更清晰確切。在web寫(xiě)作中,扣人心弦效應也被用來(lái)吸引游客進(jìn)入網(wǎng)站。(如“抓取我們的RSS-Feed,以確保您不會(huì )錯過(guò)文章的第二部分!”)。
視知覺(jué)的格式塔原則
這些原則是人機交互設計心理方面的基本原則。
接近法則認為,當我們知覺(jué)物體歸類(lèi)時(shí)時(shí),易于把相近的物體歸于一組。
MTV音樂(lè )頒獎的接近法則的真實(shí)例子.
相似法則指當內容元素彼此相似的時(shí)候我們會(huì )感知它們?yōu)橐唤M。
Prägnanz法則(圖像-背景)指在知覺(jué)某個(gè)的視野時(shí),一些物體(圖像)看起來(lái)突顯了出來(lái),視野中的其他東西則消退到背景中。
蘋(píng)果機的標志可以被看作是一個(gè)正規笑臉和一個(gè)側面歡喜的臉龐(看著(zhù)計算機屏幕)
對稱(chēng)性法則指我們在知覺(jué)物體時(shí)傾向于把物體知覺(jué)為一個(gè)中心周邊對稱(chēng)的形狀。
連貫性法則指我們傾向于知覺(jué)聯(lián)貫或連續流動(dòng)的形式,而不是斷裂或都不連續的形式,事實(shí)上它們并不連貫。
我們知覺(jué)到字母’I',’B',和’M',雖然我們事實(shí)上看到的形狀,只有幾行不同長(cháng)度的白色空格彼此空懸。
自我參照效應
自我參照效應在網(wǎng)絡(luò )寫(xiě)作中尤其重要,可以顯著(zhù)改善作者和讀者之間的溝通。與我們個(gè)人觀(guān)念相聯(lián)系的事物要比那些和我們沒(méi)有直接聯(lián)系的事物記得更清楚。例如,閱讀一篇文章后,用戶(hù)能更好地記得他們個(gè)人經(jīng)驗中相關(guān)的人物,故事或事實(shí)。在可用性中自我參照效應通常被用在網(wǎng)絡(luò )寫(xiě)作的表達和網(wǎng)站內容陳述。
三、可用性術(shù)語(yǔ)表: 術(shù)語(yǔ)和概念
眼球追蹤
眼球追蹤是測量我們凝視的點(diǎn)(我們看著(zhù)的地方)或者相對于頭部來(lái)說(shuō)眼睛移動(dòng)的過(guò)程。眼球追蹤監測記錄眼球每次的運動(dòng),并在網(wǎng)站最活躍的區域高光顯示。眼球追蹤研究可以幫助估計瀏覽網(wǎng)站的用戶(hù)是否舒適地使用網(wǎng)站,以及他們理解網(wǎng)站背后的架構和系統有多快。在最近的眼球追蹤研究Eyetrack07中,你可以找到一些有趣的可用性結果。
折疊位置(Fold)
折疊位置是指一個(gè)網(wǎng)站在屏幕上可見(jiàn)區域的最下方位置。當然折疊的位置也取決于你訪(fǎng)客的屏幕分辨率。網(wǎng)頁(yè)可見(jiàn)區域(也稱(chēng)為screenful)是指網(wǎng)頁(yè)上不需要拉動(dòng)滾動(dòng)條就能看到的區域。既然折疊位置是不需要滾動(dòng)就能看到,它常常被視為可能可以保證最高廣告點(diǎn)擊率和利潤的區域。然而,折疊位置并沒(méi)有那么重要。[Usability.gov]
中心凹視(中心凹區)
中央窩,人類(lèi)眼睛的一部分,負責敏銳的中央視力,對于人類(lèi)在閱讀、看電視或電影、駕駛以及其他任何需要高度注意視覺(jué)細節的活動(dòng)中,是非常必要的。中央窩是你的眼睛在瞄準時(shí)的一塊小范圍空間,它是你可以感知最高級別細節的唯一地方。中心凹區相當于兩度視野或者放在你眼前的兩個(gè)縮略圖大小的緊密區域。這是你為游客傳遞最重要信息的地方。
中心凹視是非常重要的,因為在這個(gè)寬屏區域外你的訪(fǎng)客如何看你的網(wǎng)頁(yè)變化非常大。在這部分區域內,是你的視線(xiàn)注意力最大的唯一區域——只有在這里沒(méi)有眼睛掃描是必要的。
注釋
注釋是一個(gè)自動(dòng)的行為,它在鏈接鏈向的地方和用戶(hù)一旦點(diǎn)擊會(huì )鏈向的地方提供提示和摘要信息。提示可通過(guò)鏈接的標題特征來(lái)提供。從可用性的角度來(lái)看,用戶(hù)希望有充分控制一切正在發(fā)生在網(wǎng)站上的事情的權利;清晰和準確的內外部鏈接解釋?zhuān)侠淼倪B接源頭標簽,都可以提高一個(gè)網(wǎng)站的可用性。
優(yōu)雅降級(容錯系統)
優(yōu)雅降級是指一個(gè)網(wǎng)站即使在它的部件(部分或完全)已經(jīng)無(wú)法顯示或者無(wú)效的情況下還能展示內容和基本的功能的這種能力。在實(shí)踐中這意味著(zhù)網(wǎng)站在每一個(gè)可能“過(guò)失”的情況下顯示內容,可在用戶(hù)可能的每種配置下(瀏覽器、插件、連接、操作系統等等)被使用。為“骨灰級用戶(hù)”提供的仍然是豐富的、增強的頁(yè)面版本。例如,典型地為多媒體內容提供可替代的顯示,以確保在圖片無(wú)法顯示的時(shí)候內容仍然可以感知。[維基百科:容錯系統]
粒度
粒度是指一個(gè)大的、復雜的數據集或信息分成何種程度的更小的單位。
熱區
熱區是網(wǎng)站可點(diǎn)擊的區域,一旦被點(diǎn)擊時(shí)會(huì )改變它們的形式或者/和外觀(guān)、這是典型的:當鏈接或者任何其他網(wǎng)站元素被點(diǎn)擊時(shí)的焦點(diǎn)效應。
Smashingmagazine.com上的熱區和注釋
易讀性(Legibility)
易讀性是指文章在視覺(jué)上是否明確。
掃雷
掃雷是指那些要確定網(wǎng)站鏈接的用戶(hù)與網(wǎng)站的交互大多數情況下。在大多數情況下,掃雷是可用性問(wèn)題中一個(gè)明確的警報信號。通常掃雷涉及用戶(hù)在網(wǎng)頁(yè)上快速移動(dòng)光標或者指針,注視光標或指針在哪里有顯示鏈接的變化。[Usability.gov]
肉之謎導航系統(MMN)
網(wǎng)絡(luò )中的肉之謎導航描述了那種用戶(hù)要想發(fā)現導航鏈接的目的點(diǎn)或者確定鏈接在哪里極其困難的設計。
物理一致性
這個(gè)概念描述了網(wǎng)站外觀(guān)的一致性,-如logos的位置、導航、圖形元素和版式的使用。物理一致性對于更好的方向和有效的網(wǎng)站導航是至關(guān)重要的。
逐步強化(PE)
逐步強化是一個(gè)設計戰略,網(wǎng)站是以多層次的方式創(chuàng )建的——從適合所有瀏覽器的最基本的功能,再到更多的適合現行瀏覽器的加強的功能。逐步強化的主要優(yōu)勢在于它的“普遍可用性”——比如,事實(shí)上,它允許使用任何瀏覽器或者網(wǎng)絡(luò )鏈接工具的人訪(fǎng)問(wèn)網(wǎng)站的基本內容和功能,同時(shí)它也提供使用更好網(wǎng)絡(luò )帶寬和更先進(jìn)瀏覽器軟件的用戶(hù)更強版本的網(wǎng)頁(yè)。[維基百科]
可讀性
可讀性描述了基于復雜句子和困難詞匯的文字的可理解的程度?勺x性的指標通?梢詣澐挚捎眯詫蛹,通過(guò)一些人輕易理解一篇閱讀文章所需的年齡和級別來(lái)定?勺x性不是易讀性。[可用性的術(shù)語(yǔ)]
用戶(hù)為中心的設計(UCD)
用戶(hù)為中心的設計是這樣一種設計理念,用戶(hù)需求、偏好和行為決定了網(wǎng)站的基礎,就是網(wǎng)站架構、導航和獲取信息的方式。UCD被視為現代網(wǎng)絡(luò )應用的標準方式,尤其是由于用戶(hù)創(chuàng )造內容的興起。在web2.0游客必須積極參與,因此需要最佳化他們需求的條件。
警惕(持續關(guān)注)
警惕是在長(cháng)時(shí)間單調的任務(wù)中仍能持續關(guān)注的能力,比如校隊文章查找拼寫(xiě)錯誤,提醒約會(huì ),自行修改文字處理機文檔等。在現代網(wǎng)絡(luò )應用中警惕的任務(wù)主要體現在后臺、自動(dòng)化和提供系統的可用性。
走來(lái)即用的設計
一個(gè)走來(lái)即用的設計是不言自明和直觀(guān)的,所以第一次和一次性用戶(hù)可以有效的使用它,而不需要實(shí)現介紹或培訓。
線(xiàn)框圖
線(xiàn)框圖是一個(gè)網(wǎng)站基本的結構——骨架——描述了一個(gè)網(wǎng)站的思想、概念和結構。線(xiàn)框圖可以被設計成介紹陳述,用來(lái)向股份持有者解釋網(wǎng)站是如何設計的,提供了什么功能,用戶(hù)是如何完成他們的任務(wù)的。線(xiàn)框圖通常不會(huì )有任何視覺(jué)元素,或者一個(gè)完整的頁(yè)面布局;他們往往是設計者畫(huà)在紙上的初稿和草圖。文廊坊膠體磨www.gabooshmedia.com轉載