規(guī)范:用戶交互設(shè)計易用性原則
編輯導語:我們在使用各種軟件時,會遇到一些彈出通知或者按鈕的設(shè)計,比如在網(wǎng)頁上,有些按鈕有立體感,點擊時仿佛被按就進去了等等一些設(shè)計;本文是作者總結(jié)的一篇用戶交互設(shè)計易用性原則,我們一起來看一下。
很久以前,曾經(jīng)看過類似的一篇文章,基于該文章總結(jié)了這么一篇《用戶交互設(shè)計原則》的文檔給團隊做原型的同學看;雖然偏理論,但是在指導意義上講,還是有一定的可用性的,發(fā)出來給大家分享一下。
一、系統(tǒng)狀態(tài)的能見度
軟件應該保持相同的模式,透過適當?shù)姆磻诤侠淼臅r間內(nèi)通知使用者,讓使用者了解正在發(fā)生的事情。
從交互設(shè)計角度講,通常通過以下兩種方式提高系統(tǒng)狀態(tài)能見度:
1. 按鈕狀態(tài)
在計算機上瀏覽頁面時,常常發(fā)現(xiàn)某些地方光標移過去時顏色會有所改變,提示用戶這里可以點擊。
觸摸屏設(shè)備或移動設(shè)備上沒有光標,所以用以更加淺顯易懂的方式告訴用戶這里可以被操作;比如更為立體的按鈕或者仿真實體的開關(guān)圖像,用戶在點擊按鈕后,會出現(xiàn)按鈕被按下去的凹陷感,提示用戶您已經(jīng)點擊到了。
2. 進度條/操作進度展現(xiàn)
該方式通常提示用戶您需要等一下,現(xiàn)在正在[讀取中]、[下載中]…。
在需要用戶等待時,如果沒有任何提示,用戶就會產(chǎn)生“自從點擊了這個按鈕后,畫面就不動了,我的操作到底有沒有被執(zhí)行呢?不知道要等多久…”等等,會給用戶帶來很強烈的挫敗感和結(jié)果不可控感。
進度條/操作進度展現(xiàn)就是為了降低使用者的不耐感,高速用戶現(xiàn)在在做什么樣的處理、進度如何、大約需要多少時間等;提升用戶掌控感,進而從感情上提升用戶體驗。
二、系統(tǒng)與真實世界的關(guān)聯(lián)性
系統(tǒng)應該運用用戶的語言,使用他們熟悉的詞句、短語、概念,而不是專業(yè)術(shù)語。
在進行系統(tǒng)顯示詞匯或引導性詞匯的定義時,需要對客戶實際工作情況進行必要的了解。
如果能從客戶處獲取相關(guān)的單據(jù)、業(yè)務(wù)流程規(guī)范作為參照最好;如果不能,列出系統(tǒng)中可能用到的語言清單請市場人員協(xié)助確認一下也是不錯的辦法。
三、使用者的操控自由
用戶時常以“嘗試錯誤”來選擇系統(tǒng)功能,他們需要一個明顯的“離開”來結(jié)束用戶不需要的狀態(tài),并且支持復原步驟與重復步驟。
易于犯錯且修正錯誤代價高昂的高風險將導致使用者不愿意更多的使用、研究這個軟件;良好的設(shè)計能夠讓使用者降低出錯率,在提供取消和恢復的功能前,需要優(yōu)先考慮減少用戶出錯的機會;用戶使用軟件完成某一項工作時,是為了完成其預期的目標。
根據(jù)二八法則,軟件的使用者80%都是使用最基本的初級操作,只有20%的使用者可能需要更為高級的功能;越輕松、簡單、無壓力的軟件產(chǎn)品,越能夠獲得使用者的青睞。
很多軟件很容易在該原則犯下錯誤,不是所有的功能全部擺在第一層就代表豐富好用,功能強大。
所有的功能都很重要就代表沒有一個功能是重要的,好的軟件產(chǎn)品會把功能進行優(yōu)先級劃分,把最重要、最常用的功能放在最顯眼、最容易看到的位置;較次級非必備的功能就擺到子頁面或干脆挪到高級選項/更多中去吧。
四、一致性和標準
用戶不應該猜測不同的詞匯、狀態(tài)、動作是不是代表同一件事情。
依照現(xiàn)實工作及生活的常見習慣,讓數(shù)據(jù)信息在自然且有邏輯順序的情況下產(chǎn)生。
為了達到這個目標,通常需要開發(fā)一個詞典——這個詞典最好有團隊技術(shù)總監(jiān)或平臺框架設(shè)計師來維護和管理,監(jiān)視需求文檔、軟件實現(xiàn)中的術(shù)語一致性;支持客戶使用軟件中遇到的問題應該如何解決。他應該最大限度的減少或消除用戶花費時間解決軟件技術(shù)層面中的問題需求。
屬性、參數(shù)、設(shè)置、設(shè)定等等,這些詞指的都是同一件事情;可對于用戶來說,他不清楚“屬性”和“設(shè)定”其實表示的是同一件事情;如果將所有字詞統(tǒng)一有困難,可以干脆直接使用圖標代表。
五、預防錯誤(這是ToB產(chǎn)品最重要的一條)
比起提供用戶明確易懂的錯誤信息,更重要的是如何防止用戶發(fā)生錯誤。
比如將容易出錯的條件或參數(shù)設(shè)定隱藏起來由軟件系統(tǒng)自動完成、自動檢查用戶操作正確或是干脆讓用戶確認他們接下來要做的行動都是比較好的預防錯誤的交互方法。
讓用戶自行輸入的內(nèi)容越多,越容易出現(xiàn)錯誤;明明只能輸入數(shù)字的地方,有的人就是會想輸入字母或者漢字,就算軟件做了明確的提醒,還是不會有人注意到。
比起使用者填完所有字段點擊了提交按鈕后再告訴他哪有錯誤,不如再輸入錯誤時就擋住他,在輸入正確的內(nèi)容前不能進行下一個步驟;如果能在輸入框旁邊進行實時驗證并反饋驗證結(jié)果比較好的做法。
六、辨識而非記憶
盡量減少用戶需要記憶的事情、行動以及可見的選項。
使用者沒有辦法記住太多的步驟。如果一個軟件把數(shù)據(jù)當做信息直接丟給用戶,要用戶自己查看數(shù)據(jù),則代表用戶注意力會被分散,產(chǎn)生錯誤的機會就會增加。
軟件應該將用戶的注意力集中要他需要的數(shù)據(jù)上,并通過一定的手段幫助用戶從數(shù)據(jù)中獲得信息,而不是未經(jīng)過篩選需要用戶花時間思考;比如用戶第一次使用后,再度使用需要花費多長時間才能找到上次分析過的信息?
七、彈性與使用效率
功能與易用性之間通常存在一個平衡。對于軟件中的每一個特性、功能都必須提供一種途徑讓用戶使用或控制;如果用戶的目標是可預測且常用的,那么軟件產(chǎn)品不應該讓用戶為了實現(xiàn)這個目標而必須做很多的工作。
“做少量的操作得到更多的結(jié)果”才是用戶想要的。簡單來說就是要思考“有多少用戶”和“使用頻率如何”的問題。
越頻繁使用的功能,需要點擊的次數(shù)就應該越少;越多用戶使用某功能,該功能就應該越明顯;注意要為核心情況設(shè)計,不要為“邊緣”情況付出太多。
八、美觀與簡化設(shè)計
為了防止用戶出錯,可以在軟件設(shè)計上盡量減少用戶的記憶負擔。將功能、操作及選項設(shè)計的顯而易見;對于不想管或是很少需要的信息或功能要隱藏起來,“僅突出重點”在軟件設(shè)計上非常重要。
比如用戶需要完成一個操作,如果他需要填寫或選擇一長串的內(nèi)容(大部分內(nèi)容可以通過其他更為快捷的途徑或規(guī)則獲得),相信許多用戶就會抵觸這樣的操作或干脆不做了。
九、幫助用戶認識、偵錯并從錯誤中恢復
幫助用戶識別、診斷并從錯誤中恢復,將損失降到最低;如果無法自動晚會,則提供詳盡的說明文字和指導方向,而非難以理解的錯誤代碼,最好能在告知用戶發(fā)生錯誤的同時一并提供解決方法。
用戶不會想知道“錯誤碼3”是什么意思,直接告訴用戶“軟件授權(quán)不足”比簡短的錯誤碼更能理解;而比起“軟件授權(quán)不足”,如果能說明具體情況并加上如何解決則更能夠幫助用戶排除或解決錯誤,從而給用戶帶來成就感。
十、幫助與說明文檔
一個軟件在完美的情況下不需要任何說明文檔用戶就能夠正確的進行常用操作,當然,對于高級進階功能需要提供幫助或說明文檔以提供20%的用戶查閱。
通常在用戶需要幫助時,該類型操作可以很快速的查詢到并能夠指導用戶流暢的實現(xiàn)某一個目標。
為了預防極少數(shù)使用者搞不清楚狀況,常見的做法除了提供內(nèi)容組織優(yōu)秀的說明文檔外,初次使用直接進入使用教學,強迫使用者閱讀完畢后才能進行操作也是不錯的辦法。
本文由 @Jimmy.jing 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
以為進來會有圖看…
額~ 抱歉,因為是原則性質(zhì)的,所以沒有搞案例圖。