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

2024-3-12    博博

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


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

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

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

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

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔