本文主要介紹常見的幾種提高易用性的方法挫以,可為產(chǎn)品設計所借鑒孤个。
一陋率、Jakob Nielsen 提出的十大易用性原則
來源:站酷 ?作者:grovergao
(1)Visibility of system status 系統(tǒng)可見性原則
系統(tǒng)應該讓用戶知道發(fā)生了什么驮宴,在適當?shù)臅r間內(nèi)做出適當?shù)姆答伌佟4蠖鄶?shù)流通的翻譯是針對網(wǎng)頁的:用戶在網(wǎng)頁上的任何操作,不論是單擊堵泽、滾動還是按下鍵盤修己,頁面應即時給出反饋恢总。
原文寫的 feedback within reasonable time,這個 “reasonable time”也就是用戶可以接受的等待時間睬愤,如果我點擊這個按鈕等待了2~3秒的時間還沒有做出反應片仿,那么就是難以接受的。
最常見的就是按鈕狀態(tài)尤辱。在計算機上瀏覽網(wǎng)頁時常常會發(fā)現(xiàn)某些地方在光標移過去時顏色會有所改變砂豌,提示你這里可以被點擊。在 iPhone 上沒有光標光督,所以會以更淺顯易懂的方式告訴你這里可以被操作奸鸯,像是更立體的按鈕、或是仿真實體開關的圖象可帽。
另一種常見的系統(tǒng)狀態(tài)響應就是需要用戶等一下娄涩,現(xiàn)在正「讀取中」、「下載中」映跟。在等待時如果沒有任何提示蓄拣,就會產(chǎn)生「自從點了這個按鈕后畫面就不動了,我的操作到底有沒有被執(zhí)行呢努隙?不曉得要等多久…」的感受球恤。進度條就是為了降低使用者的不耐感、告訴用戶現(xiàn)在處理進度如何荸镊、大約還需要多少時間而存在咽斧。透過進度條,用戶可以知道他的操作正在執(zhí)行中躬存,現(xiàn)在完成多少部份张惹,再等多久就可以結束。
(2)Match between system and the real world 匹配系統(tǒng)與真實世界(環(huán)境貼切)
大多數(shù)流通的翻譯是針對網(wǎng)頁的:網(wǎng)頁的一切表現(xiàn)和表述岭洲,應該盡可能貼近用戶所在的環(huán)境(年齡宛逗、學歷、文化盾剩、時代背景)雷激,而不要使用第二世界的語言。
系統(tǒng)應該用用戶的語言告私,用詞屎暇,短語和用戶熟悉的概念,而不是系統(tǒng)術語驻粟。遵循現(xiàn)實世界的慣例根悼,讓信息符合自然思考邏輯。
鎖定網(wǎng)站的目標用戶群,采用適合目標用戶群的界面風格。
(3)User control and freedom用戶的控制性和自由度(撤銷重作原則)
用戶經(jīng)常錯誤地選擇系統(tǒng)功能而且需要明確標識離開這個的“出口”番挺,而不需要通過一個擴展的對話框。要支持撤銷和重做的功能屯掖。大多數(shù)流通的翻譯是針對網(wǎng)頁的:為了避免用戶的誤用和誤擊玄柏,網(wǎng)頁應提供撤銷和重做功能。
這就要求產(chǎn)品不要破壞工作流贴铜。工作流是指用戶在網(wǎng)站上所進行的操作粪摘,比如填寫表單、注冊用戶绍坝、瀏覽目錄徘意、檔案等,要允許用戶撤銷操作轩褐,如果沒有提供后退或者返回的選項椎咧,用戶就被逼著做他們不想做的動作,或者他們會干脆關掉瀏覽器來圖個清凈把介。
(4)Consistency and standards一致性和標準化(一致性原則)
用戶不必懷疑是否不同的語言勤讽,不同的情景,或者不同的操作產(chǎn)生的結果實際上是同一件事情拗踢。遵循平臺的慣例脚牍。也就是,同一用語巢墅、功能诸狭、操作保持一致。
營造一致性的品牌氛圍,一致的logo,一致的按鈕風格君纫,輸入框風格驯遇,搜索的位置,一致的列表符號等。
(5)Error prevention 防錯原則
比出現(xiàn)錯誤信息提示更好的是更用心的設計防止這類問題發(fā)生蓄髓。在用戶選擇動作發(fā)生之前妹懒,就要防止用戶容易混淆或者錯誤的選擇。對于網(wǎng)頁來說:通過網(wǎng)頁的設計双吆、重組或特別安排眨唬,防止用戶出錯。
(6)Recognition rather than recall 識別比記憶好(易取原則)
盡量減少用戶對操作目標的記憶負荷好乐,動作和選項都應該是可見的匾竿。用戶不必記住一個頁面到另一個頁面的信息。系統(tǒng)的使用說明應該是可見的或者是容易獲取的蔚万。 好記性不如爛筆頭岭妖。盡可能減少用戶回憶負擔,把需要記憶的內(nèi)容擺上臺面。
還有一種方法是提供站內(nèi)搜索功能昵慌,當站點的內(nèi)容量開始逐漸增多以至于用戶不能很輕易的找到他想要的東西時假夺,用戶往往會想到搜索。搜索框的長度和位置也需要加一點注意斋攀,不能太小已卷,位置最好放在右上區(qū)域,因為根據(jù)用戶的瀏覽習慣呈現(xiàn)出”F“的趨勢(F Pattern)淳蔼,提交按鈕的文字最好能夠明確的告訴用戶侧蘸,接下來將要發(fā)生的動作是搜索。
(7)Flexibility and efficiency of use使用的靈活高效(靈活高效原則)
系統(tǒng)可以滿足有經(jīng)驗和無經(jīng)驗的用戶,允許用戶進行頻繁的操作鹉梨。 這就要求開發(fā)者的開發(fā)技巧讳癌,更加便捷靈活的代碼和反饋,優(yōu)化再優(yōu)化存皂。 大多數(shù)流通的翻譯是針對網(wǎng)頁的:中級用戶的數(shù)量遠高于初級和高級用戶數(shù)晌坤。為大多數(shù)用戶設計,不要低估旦袋,也不可輕視泡仗,保持靈活高效。
功能與易用性之間通常存在一個平衡猜憎,對于軟件中的每個特性娩怎、功能、或能力胰柑,都必須提供一種途徑讓使用者調(diào)用或控制截亦。如果用戶的目標是可預測而且常用的,使用者不應該為了實現(xiàn)這個目標而必須做很多工作柬讨。做少量的工作崩瓤、得到很多結果,才是使用者想要的踩官。簡單來說就是要思考「有多少用戶」和「使用頻率如何」的問題却桶。越頻繁使用的功能,需要點擊的次數(shù)應該要越少蔗牡。越多用戶使用某功能颖系,它就應該越明顯。且要為核心情況設計辩越,不要為「邊緣」情況付出太多嘁扼。
(8)Aesthetic and minimalist design 審美和簡約的設計(易掃原則)
對話中不應該包含無關緊要的信息。在段落中每增加一個單位的重要信息黔攒,就意味著要減少相應的弱化一些其他信息趁啸。 大多數(shù)流通的翻譯是針對網(wǎng)頁的:互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的動作不是讀强缘,不是看,而是掃不傅。易掃旅掂,意味著突出重點,弱化和剔除無關信息访娶。
JaKob Nilsen通過視覺追蹤發(fā)現(xiàn)用戶的瀏覽很像一個F型商虐,他們從左到用從上到下的”掃描“頁面。因此網(wǎng)站頁面要有清晰的視覺層次,頁面上的文字內(nèi)容適合快速掃描,減少大篇幅連續(xù)的文字震肮,多用列表,較詳細的產(chǎn)品參數(shù)不妨采用表格,用色塊或者邊框把頁面內(nèi)容劃分成定義明確的區(qū)域留拾。
(9)Help users recognize, diagnose, and recover from errors 幫助用戶識別戳晌,診斷,并從錯誤中恢復(容錯原則)
幫助使用者識別痴柔、診斷沦偎、并從錯誤中恢復,將損失降到最低咳蔚。如果無法自動挽回豪嚎,則提供詳盡的說明文字和指導方向,而非難以理解的代碼谈火。最好能在告知使用者發(fā)生錯誤的同時一并提供解決方法侈询。
錯誤信息應該用語言表達(不要用代碼),較準確地反應問題所在糯耍,并且提出一個建設性的解決方案扔字。大多數(shù)流通的翻譯是針對網(wǎng)頁的:幫助用戶從錯誤中恢復,將損失降到最低温技。如果無法自動挽回革为,則提供詳盡的說明文字和指導方向,而非代碼舵鳞,比如404震檩。
(10)Help and documentation ?幫助文檔(人性化幫助原則)
如果系統(tǒng)不使用文檔是最好的,但是有必要提供幫助和文檔蜓堕。任何信息應容易去搜索抛虏,專注于用戶的任務,列出具體的步驟來進行套才。大多數(shù)流通的翻譯是針對網(wǎng)頁的:幫助性提示最好的方式是:1嘉蕾、無需提示;2霜旧、一次性提示错忱;3儡率、常駐提示;4以清;幫助文檔儿普。
二、WAI網(wǎng)絡信息系統(tǒng)易用性規(guī)范
來源:《Web信息系統(tǒng)的內(nèi)容易用性規(guī)范》
負責制定萬維網(wǎng)技術規(guī)范的W3C(World Wide Web Consortium)專門建立了網(wǎng)絡易用性計劃 Web Accessibility Initiative(WAI)掷倔,組織多方面專家制定了關于網(wǎng)絡信息系統(tǒng)的內(nèi)容眉孩、內(nèi)容創(chuàng)建工具和用戶代理的易用性規(guī)范。
WAI關于網(wǎng)絡信息系統(tǒng)易用性規(guī)范的設計原則可表述為:
a,可認識:確定所有內(nèi)容都能以任何人所理解的格式來呈現(xiàn)勒葱;
b,可操控:確定內(nèi)容里的接口組件對任何人來說都可操控浪汪;
c,能導覽:改進內(nèi)容的方位性及導航瀏覽性;
d,易理解:盡可能讓內(nèi)容及控制接口更加容易理解凛虽;
e,夠健壯:選用網(wǎng)頁技術時死遭,應盡可能確保網(wǎng)頁易讀;無論是當前或未來的網(wǎng)頁瀏覽器凯旋、輔助技術及其他程序都將因此獲益呀潭。
根據(jù)以上原則,提出了14條準則以及相應的檢驗點:
準則1:提供音頻和視頻內(nèi)容的等效信息表示形式至非;
準則2:不能僅僅依賴于顏色钠署,應保證在非顏色顯示時,文本與圖表能夠被用戶理解荒椭;
準則3:應用結構元素來標記文件谐鼎,并通過應用樣式表而不用顯示元素和屬性來控制顯示;
準則4:自然語言的應用與表達應清晰明了趣惠,使用標記以方便對縮略語和外語進行發(fā)音和翻譯處理该面;
準則5:創(chuàng)建可精致轉換的表格,保證表格具有必要的標記信卡,可被瀏覽器和其他用戶代理轉換隔缀;
準則6:保證具有新穎技術特色的網(wǎng)頁也可被精致地轉換,即使在網(wǎng)頁中新技術不獲支持或被關閉時傍菇,這些網(wǎng)頁仍可被獲取利用猾瘸;
準則7:保證用戶可對時間敏感性內(nèi)容變化的控制构挤,使用戶可隨時中止和暫停那些移動嫁怀、閃爍或自動更新的對象;
準則8:保證嵌入性的用戶界面可被直接獲取陪踩,否則應提供一個可選擇的替代方案咐低;
準則9:獨立于設備進行內(nèi)容設計揽思,充分利用那些可通過多種輸入設備來啟動網(wǎng)頁元素的技術;
準則10:使用過渡性的解決方案见擦,使輔助性技術設備和舊版本的瀏覽器能夠正確處理操作钉汗;
準則11:使用W3C技術和準則羹令,在無法應用W3C技術或由應用W3C技術造成無法完成精致轉換時,提供一個可獲取的可選擇的替代內(nèi)容版本损痰;
準則12:提供上下文和定位信息福侈;
準則13:提供清除、一致的導航機制卢未,如導航欄肪凛、站點地圖等,以提高用戶在一個網(wǎng)站內(nèi)查找所需信息的效率辽社;
準則14:保證文件的清晰伟墙、簡單。