提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享

2024-3-12    博博

一、概念解析與設(shè)計(jì)思維
本次分享首先對(duì)比解析一下兩個(gè)概念:易用性和可用性
易用性:易用性是指系統(tǒng)或服務(wù)的上手難度和便捷程度。優(yōu)秀的易用性設(shè)計(jì)方案可以減少學(xué)習(xí)成本和操作難度,讓用戶更容易地理解產(chǎn)品功能進(jìn)而便捷的體驗(yàn)產(chǎn)品服務(wù)。
可用性:可用性是指系統(tǒng)或服務(wù)的可訪問性和可理解性。好的可用性設(shè)計(jì)可以讓用戶更容易地使用產(chǎn)品或服務(wù),更好的滿足用戶需求,提高用戶滿意度和忠誠度。
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
二者的區(qū)別:個(gè)人理解易用性側(cè)重于產(chǎn)品的使用是否便捷,學(xué)習(xí)成本是否足夠小。而可用性側(cè)重于產(chǎn)品或服務(wù)是否能夠很好的滿足用戶需求。
當(dāng)一款產(chǎn)品滿足了基本的可用性和易用性之后,該從哪些方面優(yōu)化設(shè)計(jì)方案呢?答案是:包容性設(shè)計(jì)與無障礙設(shè)計(jì)原則。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
二、如何提高產(chǎn)品的易用性和可用性
第一部分首先分享一下提升產(chǎn)品易用性的思路和案例解析
表達(dá)層
1、視覺上看起來是可用的。
我們平時(shí)使用app時(shí)看到的按鈕或圖標(biāo)是什么樣的呢?如果在頁面中我們看到一個(gè)按鈕是灰色的,對(duì)于用戶來說該功能是不可訪問的,灰色傳達(dá)給用戶的心理暗示是不可點(diǎn)擊。只有當(dāng)某些條件不滿足導(dǎo)致該功能不可用時(shí),才會(huì)將其功能入口設(shè)計(jì)為灰色狀態(tài)。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
 
 
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
2、減少負(fù)荷
負(fù)荷指的是用戶完成某一個(gè)任務(wù)或執(zhí)行某一交互行為時(shí),大腦需要處理的信息總量。理論上來說,面臨的選擇越多,做出決定所花費(fèi)的時(shí)間就越長,所帶來的認(rèn)知負(fù)荷就越大。根據(jù)《簡(jiǎn)約至上》一書,可以通過以下4種策略減少認(rèn)知負(fù)荷:刪除、分層、隱藏、轉(zhuǎn)移。
刪除:是指根據(jù)交互流程的各個(gè)節(jié)點(diǎn),合理刪除不必要的內(nèi)容,降低用戶的閱讀負(fù)荷。
分層:將頁面內(nèi)容按照一定的規(guī)律組織分類,把信息分成模塊和有機(jī)單元來處理復(fù)雜問題,提高用戶認(rèn)知效率。
隱藏:從使用頻率來講對(duì)內(nèi)容進(jìn)行高頻和低頻的拆分,強(qiáng)化高頻內(nèi)容,對(duì)低頻內(nèi)容進(jìn)行合適的隱藏。
轉(zhuǎn)移:對(duì)復(fù)雜任務(wù)進(jìn)行巧妙轉(zhuǎn)移,拆成多個(gè)步驟來完成,讓每一步都容易理解。
 
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
3、區(qū)分占比權(quán)重
當(dāng)用戶不得不面對(duì)較多選項(xiàng)和頁面內(nèi)容時(shí), 對(duì)主要和次要的頁面元素通過視覺權(quán)重進(jìn)行區(qū)分,做好設(shè)計(jì)上的歸類,能夠提升用戶做決定的效率。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
4、貼合用戶使用場(chǎng)景
不同的用戶和使用場(chǎng)景會(huì)影響信息表達(dá)的準(zhǔn)確性。如果你的目標(biāo)用戶包含上了年紀(jì)或者有視覺障礙的人,可以考慮采用大號(hào)字體來提升可讀性。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
行為層
1、選擇代替輸入
交互行為中輸入操作的成本很高,選擇代替輸入可以降低用戶的交互成本,提高錄入效率。所以在表單的設(shè)計(jì)中,對(duì)于可以選擇的輸入項(xiàng),優(yōu)先使用選擇進(jìn)行操作而不是手動(dòng)輸入。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
2、降低沉默成本
人們?cè)谶M(jìn)行某些行為決策時(shí),不僅看這件事對(duì)自己有沒有好處,也看過去是不是已經(jīng)在這件事情上有過投入。在用戶進(jìn)行編輯操作時(shí),允許用戶退出并保存已編輯的內(nèi)容可以有效降低用戶的沉默成本。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
3、減少重復(fù)過程
重復(fù)的行為是無效的,用戶是懶惰的,都不喜歡進(jìn)行重復(fù)操作。一般來講,用戶初次使用某一功能時(shí),所需要填寫的信息是最多的,當(dāng)用戶已經(jīng)有了一定的行為時(shí),設(shè)計(jì)者可以根據(jù)用戶已有的行為數(shù)據(jù),通過減少重復(fù)過程來提高產(chǎn)品的易用性。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
4、行為一致性
在我們使用的產(chǎn)品中有很多交互操作的邏輯本質(zhì)是相同的,不需要為這些相同的交互操作設(shè)計(jì)多種邏輯或方案。當(dāng)用戶對(duì)某種行為有了一定預(yù)期后,就會(huì)期望產(chǎn)品按照預(yù)期的行為方式執(zhí)行,因此一致的交互行為可以提高用戶的易用感受。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
 
 
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
5、基于行為的智能化引導(dǎo)(千人千面)
這是一種基于算法的易用性提升,在大數(shù)據(jù)、人工智能等技術(shù)支持下,產(chǎn)品具備的主動(dòng)滿足用戶各種需求的屬性。系統(tǒng)會(huì)根據(jù)用戶的行為做出一些個(gè)性化引導(dǎo),合適的引導(dǎo)不僅僅能夠提高產(chǎn)品的易用性,還能夠幫助產(chǎn)品取得更多轉(zhuǎn)化。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
第二部分接下來分享一下怎么提升產(chǎn)品可用性
1、符合用戶需求
這里需要設(shè)計(jì)師深入進(jìn)行用戶研究,挖掘用戶真實(shí)需求并結(jié)合市場(chǎng)趨勢(shì)針對(duì)性地設(shè)計(jì)產(chǎn)品或服務(wù),從而確??捎眯苑嫌脩羝谕?。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
2、明確的導(dǎo)航和布局
良好的導(dǎo)航和對(duì)信息的布局設(shè)計(jì)可以提高用戶的使用效率和滿意度。
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
3、響應(yīng)式設(shè)計(jì)
當(dāng)用戶在不同設(shè)備和屏幕尺寸下使用產(chǎn)品或服務(wù)時(shí),確保在不同的使用場(chǎng)景上都能獲得良好的用戶體驗(yàn)。包含響應(yīng)式布局、自適應(yīng)界面等方面的內(nèi)容,讓用戶在不同設(shè)備上都能夠順暢地使用產(chǎn)品或服務(wù)。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
三、包容性設(shè)計(jì)與無障礙設(shè)計(jì)
1、包容性設(shè)計(jì)(inclusive design)是最廣義的設(shè)計(jì)概念,希望讓產(chǎn)品可以被不同用戶(包括不同身體能力、語言、文化、性別、年齡、性取向等)使用。例如抖音和TikTok。
2、無障礙設(shè)計(jì)(accessible design)針對(duì)身體能力差異,特針對(duì)殘障使用場(chǎng)景(包括健全人會(huì)遇到的臨時(shí)性與情境性殘障)做出友善的設(shè)計(jì)。在國內(nèi),「無障礙設(shè)計(jì)」很好地對(duì)應(yīng)技術(shù)界的「信息無障礙」概念。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
那么什么是無障礙設(shè)計(jì)呢?無障礙設(shè)計(jì)是包容性設(shè)計(jì)中的一個(gè)屬性,它可以被定義為一組要實(shí)現(xiàn)的標(biāo)準(zhǔn)。它主要考慮為殘疾人在物理或數(shù)字空間中提供同等的體驗(yàn),比如通過鍵盤導(dǎo)航、字幕等方法。
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
3、場(chǎng)景性殘疾。殘疾是相對(duì)的,它不僅僅只是一個(gè)健康問題。殘疾反映了一個(gè)人的身體特征和他/她所生活的社會(huì)特征之間的相互作用。如果殘疾與環(huán)境有關(guān),那么在某種程度上我們都是殘疾的。因?yàn)榄h(huán)境總是影響我們的日常生活。例如,懷孕的母親有行動(dòng)障礙;手部受傷的人在痊愈前只能單手提物;在嘈雜地鐵中的乘客有聽力障礙等等。針對(duì)以上場(chǎng)景我們可以稱之為場(chǎng)景性殘疾。此時(shí)“殘疾”可以被更廣泛性地理解為人與人、環(huán)境和科技產(chǎn)品交互過程中,可能出現(xiàn)的不同程度不同種類的能力缺失。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
以下是用戶使用產(chǎn)品過程中可能遇到的場(chǎng)景性殘疾:
1、當(dāng)自己手指蛻皮或手指受傷貼上創(chuàng)口貼時(shí)無法通過指紋解鎖手機(jī)。
2、戴口罩或化妝程度較高時(shí)無法通過面容ID解鎖屏幕。
3、晴天室外因手機(jī)亮度不足導(dǎo)致無法看清屏幕。
4、夜間拿出手機(jī)掃碼騎單車時(shí)成功率下降
5、駕駛新能源汽車出隧道時(shí)不易看清車載屏幕
6、女生剛做完美甲時(shí)打字不方便
 
針對(duì)以上場(chǎng)景性殘疾該怎么輸出設(shè)計(jì)方案呢?
一般思路是對(duì)同一功能設(shè)置多種行為路徑來完成。例如針對(duì)解鎖手機(jī)場(chǎng)景,搭配密碼解鎖可供用戶打開手機(jī)。當(dāng)共享單車無法掃碼解鎖時(shí),支持手動(dòng)輸入開鎖。
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
用戶群體包含色盲色弱人群時(shí),對(duì)產(chǎn)品界面做針對(duì)性調(diào)整。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
用戶需要降低畫面藍(lán)光時(shí),使用護(hù)眼模式可以滿足個(gè)性化需求。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
用戶處于無網(wǎng)絡(luò)或弱網(wǎng)環(huán)境時(shí),產(chǎn)品提供相應(yīng)功能滿足用戶需求。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
新浪微博會(huì)在無網(wǎng)絡(luò)環(huán)境自動(dòng)保存內(nèi)容至草稿箱。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
微信的處理方案基本對(duì)用戶無打擾,個(gè)人認(rèn)為更勝一籌。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
用戶在只能用耳朵聽內(nèi)容,無法觀看畫面時(shí),將視頻服務(wù)轉(zhuǎn)化為音頻服務(wù)。
 
提高產(chǎn)品的易用性、可用性與無障礙設(shè)計(jì)概念分享
 
四、總結(jié)
在實(shí)際工作中當(dāng)我們輸出體驗(yàn)設(shè)計(jì)方案時(shí),易用性和可用性是需要時(shí)刻關(guān)注的設(shè)計(jì)原則。通過提高產(chǎn)品的易用性和可用性,可以創(chuàng)造出令人愉悅的用戶體驗(yàn),讓用戶真切地感受到產(chǎn)品的細(xì)膩和溫度。遵循包容性設(shè)計(jì)和無障礙設(shè)計(jì)原則給用戶提供更多樣的交互方式,以便最好地滿足不同情景下的需求。


作者:寂靜之間
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)(www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔