G端可視化中的適老化設(shè)計(jì)

2023-2-16    博博

一、通用性和包容性設(shè)計(jì)


首先一般講適老化無障礙設(shè)計(jì),我們都要提到的就是通用性設(shè)計(jì)和包容性設(shè)計(jì)。


通用性設(shè)計(jì)


原則:強(qiáng)調(diào)設(shè)計(jì)所有的系統(tǒng)和產(chǎn)品,使每個(gè)人都能使用,無論他們的年齡或能力。

百度百科將通用設(shè)計(jì)定義為:“能被失能者所使用,就更能被所有的人使用。通用設(shè)計(jì)的核心思想是:把所有人都看成是程度不同的能力障礙者,即人的能力是有限的,人們具有的能力不同,在不同環(huán)境具有的能力也不同?!?

通用設(shè)計(jì)中應(yīng)當(dāng)也包含對(duì)于特殊人群的基本考慮,要讓目標(biāo)人群覺得:魚和熊掌都可兼得,既照顧了特殊人群的使用,又兼顧所有人。



包容性設(shè)計(jì)


則 :好的設(shè)計(jì)應(yīng)該滿足盡可能多得使用者的需求。

百度百科將包容性設(shè)計(jì)定義為:包容性設(shè)計(jì)著眼于清楚源于使用主體而造成的各種障礙,使每個(gè)個(gè)體都能平等、自信、獨(dú)立的正常使用,為同一適用條件下的互動(dòng)提供了新的視角,也為創(chuàng)造性和問題解決導(dǎo)向的設(shè)計(jì)提供了機(jī)會(huì)。


那么我們應(yīng)該如何踐行通用性和包容性設(shè)計(jì)在G端可視化中的理念呢?



二、客戶的困境-現(xiàn)狀分析


通過分析客戶的困境,結(jié)合現(xiàn)狀進(jìn)行深入分析,發(fā)掘政府端客戶的普遍性存在的問題。


年齡分布適老


大多數(shù)政府省市級(jí)領(lǐng)導(dǎo)人的年紀(jì)均在60左右,由于年齡普遍較大,對(duì)于設(shè)計(jì)的認(rèn)知會(huì)有偏差,對(duì)于審美的把控以及設(shè)計(jì)本身的價(jià)值理解會(huì)偏弱。

從去年十月上旬開始,省級(jí)黨委換屆拉開大幕,在至今近8個(gè)月的時(shí)間里,全國(guó)31個(gè)省區(qū)市先后展開換屆。經(jīng)過此次換屆,干部隊(duì)伍的年齡結(jié)構(gòu)得到進(jìn)一步優(yōu)化,初步形成“50后”為主導(dǎo)、“60后”漸成中堅(jiān)的格局。

根據(jù)公開資料統(tǒng)計(jì),31省區(qū)市書記平均年齡為58.1歲。其中,“40后”書記有6位,“50后”有22位,“60后”也有3位,某區(qū)黨委書記胡XX和XX省委書記孫XX同為63年出生,是最年輕的書記。



生理機(jī)能下降


視力:老年人視力的下降,影響眼睛對(duì)空間、顏色、明暗等加工等;

聽力:聽力弱化造成的聽不清楚,尤其是在嘈雜的環(huán)境中,老年人聽起聲音來會(huì)更吃力;

表達(dá)力:專業(yè)化的術(shù)語以及需求,會(huì)使表達(dá)和溝通不便;



認(rèn)知能力不足


互聯(lián)網(wǎng)和人工智能等技術(shù)發(fā)展變化太快導(dǎo)致認(rèn)知力的不足。

絕大多數(shù)的老年人對(duì)現(xiàn)在數(shù)字化的產(chǎn)品很陌生,再加上復(fù)雜的界面操作,需要反復(fù)的學(xué)習(xí)使用才能熟悉掌握。



三、設(shè)計(jì)的探索-客戶心理


ToG類型的項(xiàng)目,我們的客戶群體是政府的某個(gè)部門(G端行業(yè)中,政府部門因?yàn)闄?quán)限和管轄內(nèi)容的不同,客戶的訴求也會(huì)不一樣,同時(shí)由于決策層是一級(jí)一級(jí)往上的,對(duì)于各個(gè)層級(jí)的領(lǐng)導(dǎo)都需要去進(jìn)行滿足,對(duì)于設(shè)計(jì)的要求也就更高了),因此我們需要對(duì)客戶的心理進(jìn)行重點(diǎn)挖掘。


1、政府部門客戶的特點(diǎn)


  • 嚴(yán)謹(jǐn)務(wù)實(shí)原則

政府部門的領(lǐng)導(dǎo)或者員工大多數(shù)都是高知人群,對(duì)于工作的態(tài)度都是非常嚴(yán)謹(jǐn),喜歡按規(guī)矩辦事,分工明確,力求事情做到一絲不茍,有理有據(jù),講究嚴(yán)謹(jǐn)做人,務(wù)實(shí)做事。


  • 安全性原則

政府部門的保密工作需要做的非常到位,尤其是關(guān)于公安等民生問題時(shí)。另外政府類客戶一般對(duì)于數(shù)據(jù)的保密做的非常好,基本都是內(nèi)網(wǎng)開發(fā),私有化部署,一切互聯(lián)網(wǎng)的東西連接內(nèi)網(wǎng)都會(huì)報(bào)警。如果是外網(wǎng)開發(fā),則需要做好數(shù)據(jù)存儲(chǔ),一定要非常注重?cái)?shù)據(jù)安全。


  • 實(shí)用性原則

政府類的軟件或者產(chǎn)品,基本都有很強(qiáng)的實(shí)用性,實(shí)用好用才是客戶最關(guān)心的問題,因此在系統(tǒng)架構(gòu)上需要做到,簡(jiǎn)單高效,快速觸達(dá),減少客戶的學(xué)習(xí)成本。


所以針對(duì)政府客戶特點(diǎn),我們需要做到嚴(yán)謹(jǐn)務(wù)實(shí)的態(tài)度,安全實(shí)用,簡(jiǎn)單高效。



2、政府部門客戶的需求


  • 正文字要大

對(duì)于文字大小的需求比較強(qiáng)烈,提及最多的就是字體放大,加粗。


  • 屏幕要看清

對(duì)于畫面能夠看清,需要重點(diǎn)表現(xiàn)在前景和背景的色彩對(duì)比度。


  • 畫面要酷炫

對(duì)于畫面的表現(xiàn),要更加的酷炫,在客戶眼里,動(dòng)態(tài)圖形效果遠(yuǎn)遠(yuǎn)大于靜態(tài)效果圖。


  • 飽和度要高

隨著年齡增長(zhǎng),人類的晶狀體會(huì)變黃變渾濁,導(dǎo)致選擇性的吸收藍(lán)光。所以藍(lán)色色調(diào)在老年人眼中可能會(huì)出現(xiàn)模糊褪色的視覺效果,從而降低元素在界面中的對(duì)比度, 因此需要提高色彩的飽和度。


  • 邏輯要清晰

產(chǎn)品整體架構(gòu)以及內(nèi)容邏輯清晰,簡(jiǎn)單高效,上手簡(jiǎn)易。


所以針對(duì)政府客戶的需求,我們需要做到畫面清晰,視覺酷炫,色彩明亮,邏輯清晰。



四、策略的應(yīng)對(duì)-解決方案


通過對(duì)政府類客戶的分析,挖掘客戶最深層的需求,針對(duì)于以上的關(guān)鍵點(diǎn),提出適合的解決方案,大體在一下6個(gè)方面的全面解析。


1、解決方案:框架


對(duì)于系統(tǒng)框架以及布局進(jìn)行一屏式展示,減少系統(tǒng)層級(jí)的遞進(jìn)。

對(duì)于展示形式上可以更清晰準(zhǔn)確, 盡量模塊化展示每個(gè)需求,做到聚焦用戶視角,提升畫面表現(xiàn)。

整體交互流程簡(jiǎn)化,復(fù)雜以及多層級(jí)彈框盡量少使用。



2、解決方案:字體


  • 中文字體

中文字體類型的使用,在使用數(shù)字屏幕閱讀時(shí),字體的選擇要選用無襯線體(比如黑體,微軟雅黑)厚重一點(diǎn),不可選用襯線體(比如宋體,書法體)比較單薄。


  • 英文字體

英文字體類型的使用,英文數(shù)字的字體選擇更明顯的粗體,因?yàn)橐故緮?shù)據(jù),使得數(shù)據(jù)展示更加直觀,依舊是選用無襯線體,比較推薦:D-DIN字體。


  • 字體大小

字體大小的定義。在字體大小的選擇上,參考了頁(yè)面上常規(guī)大小,定義了一套關(guān)于不同尺寸下的標(biāo)準(zhǔn)字號(hào),正常1080P頁(yè)面,最小字號(hào)不小于16px,具體字體大小還需要參考設(shè)備清晰度,環(huán)境燈光,視距等因素。




3、解決方案:顏色


  • 顏色對(duì)比

界面中的前景與背景的對(duì)比度,是否足以讓政府類客戶清楚識(shí)別;

顏色不應(yīng)該用作傳達(dá)信息的唯一視覺手段,需要用額外的文字提示;

通過 H(色相)S(飽和度)B(明度)的數(shù)值來劃分色域,在保持H值不變的前提下,定義了10個(gè)色域。所以在前后景的顏色選擇上,滿足跨度至少為6,才能讓目標(biāo)人群準(zhǔn)確識(shí)別文字信息。


  • 對(duì)比度檢測(cè)

視覺呈現(xiàn)以及文案圖像對(duì)比度至少要有7:1,大文本至少有4.5:1的對(duì)比度。有很多在線工具可以幫助檢測(cè)顏色對(duì)比度以及是否達(dá)標(biāo),如Contrast Ratio 在線檢測(cè)工具:

https://contrast-ratio.com/



  • 顏色多樣

畫面采用多種飽和度較高的顏色,而不是單色;

顏色的豐富程度決定了畫面的視覺表達(dá),色彩越豐富,畫面表現(xiàn)越好;



4、解決方案:圖形


增加圖形的占比大小,提升視覺上的表現(xiàn);

盡量采用識(shí)別度較強(qiáng)的圖形和圖標(biāo),盡可能貼近客戶的認(rèn)知范疇;

圖標(biāo)和圖形盡量搭配文字描述,方便客戶更清晰更快速理解。



5、解決方案:視距


觀測(cè)距離的遠(yuǎn)近,也決定著畫面的展示效果,盡可能的拉近觀測(cè)距離;

正常視距觀測(cè)下,以常規(guī)設(shè)計(jì)規(guī)范去制定即可,如若觀測(cè)距離較近,則可適當(dāng)縮小相應(yīng)的視覺表現(xiàn),反而觀測(cè)距離較遠(yuǎn),則放大視覺。



6、解決方案:設(shè)備


設(shè)備的尺寸、精度,分辨率大小都會(huì)影響目標(biāo)人群的體驗(yàn);

在設(shè)備精度較低,或者說點(diǎn)間距過大時(shí),應(yīng)當(dāng)適當(dāng)放大視覺表現(xiàn),點(diǎn)間距小的則顯示非常清晰,可適當(dāng)縮小視覺表現(xiàn)。



五、規(guī)范的提煉-應(yīng)用推廣


為了保證適老化的推廣,需要在適老化的基礎(chǔ)上統(tǒng)一標(biāo)準(zhǔn),在字體,顏色,框架,圖形等內(nèi)容上做出提煉,深入了解目標(biāo)客戶的需求以及客戶心理。

本著嚴(yán)謹(jǐn)務(wù)實(shí),安全性,實(shí)用性等原則,沉淀出一套符合目標(biāo)人群的設(shè)計(jì)規(guī)范,應(yīng)用并推廣到不同設(shè)計(jì)團(tuán)隊(duì)以及推廣到廣大設(shè)計(jì)師中去。



六、未來的期許-設(shè)計(jì)使命


我們需要不斷踐行適老化設(shè)計(jì)原則,體現(xiàn)設(shè)計(jì)的通用性和包容性,應(yīng)當(dāng)在設(shè)計(jì)表現(xiàn)和產(chǎn)品功能上更加的包容這個(gè)群體。人工智能大數(shù)據(jù)時(shí)代,雖說政府類客戶會(huì)比普通人更容易接受,但是受制于某些原因,推動(dòng)解決老年人面對(duì)智能技術(shù)的問題解決才是重中之中。

設(shè)計(jì)師也需要運(yùn)用自己的專業(yè)性,來幫助目標(biāo)人群融入數(shù)字化的生活中去。

因?yàn)樵诓痪玫膶?,我們也?huì)變成這個(gè)群體,當(dāng)我們面對(duì)這些束手無策時(shí),那時(shí)的設(shè)計(jì)又會(huì)是如何適老的呢?適老化設(shè)計(jì)是適合所有人的設(shè)計(jì),所有的設(shè)計(jì)師都應(yīng)該密切關(guān)注。



七、全篇總結(jié)


1-不要依賴顏色來傳達(dá)信息(客戶更喜歡文本,有特殊含義除外:四色預(yù)警,國(guó)標(biāo)色);

2-文字展示要清晰,字號(hào)大小要更加適合目標(biāo)群體;

3-提高顏色對(duì)比度,豐富畫面色彩,禁止使用單一色系;

4-界面中重要元素應(yīng)盡量避免使用藍(lán)色(特殊行業(yè)除外:公安等其他);

5-增加圖形以及圖標(biāo)的視覺表現(xiàn),盡可能做到一目了然,便于客戶理解;

6-盡可能拉近觀測(cè)距離,提升觀測(cè)體驗(yàn);

7-選用高性能,高清晰設(shè)備,提升觀感,優(yōu)化客戶體驗(yàn);

8-針對(duì)政府客戶特點(diǎn),做到態(tài)度嚴(yán)謹(jǐn)務(wù)實(shí),安全實(shí)用,簡(jiǎn)單高效;

9-針對(duì)政府客戶的需求,做到畫面清晰,視覺酷炫,色彩豐富明亮,邏輯清晰;

10-盲目照搬照抄而不去具體問題具體分析,這些無障礙設(shè)計(jì)在某種程度上就會(huì)成為“障礙”設(shè)計(jì)。



作者:AYONG_BDR      來源:站酷網(wǎng)



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

日歷

鏈接

個(gè)人資料

存檔