聊聊產(chǎn)品易用性設計之——如何提高易用性

本文主要介紹常見的幾種提高易用性的方法挫以,可為產(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:保證文件的清晰伟墙、簡單。

OK滴铅,關于易用性內(nèi)容的整理到此為止啦~
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末戳葵,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子失息,更是在濱河造成了極大的恐慌譬淳,老刑警劉巖档址,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盹兢,死亡現(xiàn)場離奇詭異,居然都是意外死亡守伸,警方通過查閱死者的電腦和手機绎秒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尼摹,“玉大人见芹,你說我怎么就攤上這事〈览裕” “怎么了玄呛?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長和二。 經(jīng)常有香客問我徘铝,道長,這世上最難降的妖魔是什么惯吕? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任惕它,我火速辦了婚禮,結果婚禮上废登,老公的妹妹穿的比我還像新娘淹魄。我一直安慰自己,他們只是感情好堡距,可當我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布甲锡。 她就那樣靜靜地躺著兆蕉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪搔体。 梳的紋絲不亂的頭發(fā)上恨樟,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天,我揣著相機與錄音疚俱,去河邊找鬼劝术。 笑死,一個胖子當著我的面吹牛呆奕,可吹牛的內(nèi)容都是我干的养晋。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼梁钾,長吁一口氣:“原來是場噩夢啊……” “哼绳泉!你這毒婦竟也來了?” 一聲冷哼從身側響起姆泻,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤零酪,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后拇勃,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體四苇,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年方咆,在試婚紗的時候發(fā)現(xiàn)自己被綠了月腋。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡瓣赂,死狀恐怖榆骚,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情煌集,我是刑警寧澤妓肢,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站苫纤,受9級特大地震影響碉钠,放射性物質發(fā)生泄漏。R本人自食惡果不足惜方面,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一放钦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧恭金,春花似錦操禀、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽斤寂。三九已至,卻和暖如春揪惦,著一層夾襖步出監(jiān)牢的瞬間遍搞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工器腋, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留溪猿,地道東北人。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓纫塌,卻偏偏與公主長得像诊县,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子措左,可洞房花燭夜當晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容