2022-5-6 ui設(shè)計(jì)分享達(dá)人
近些年,得益于經(jīng)濟(jì)和社會(huì)的高速發(fā)展,越來越多的中老年人開始嘗試享受移動(dòng)互聯(lián)網(wǎng)帶來的便捷生活。50歲及以上網(wǎng)民在總網(wǎng)民中的占比已經(jīng)由2015年的9.2%提升至2020年的26.3%,增長(zhǎng)接近兩倍。但中老年在融入移動(dòng)互聯(lián)網(wǎng)時(shí)仍面臨諸多困難,是需要重點(diǎn)關(guān)注的弱勢(shì)群體。
隨著各類問題在社會(huì)輿論中持續(xù)發(fā)酵,國(guó)家政策也開始關(guān)注中老年的互聯(lián)網(wǎng)使用體驗(yàn),推動(dòng)各類APP進(jìn)行適老化改造。2020年12月,工信部發(fā)布《互聯(lián)網(wǎng)應(yīng)用適老化及無障礙改造專項(xiàng)行動(dòng)方案》。2021年3月11日,全國(guó)人大發(fā)布《十四五規(guī)劃綱要》,明確提及“加快信息無障礙建設(shè),幫助老年人、殘疾人共享數(shù)字生活”,更是將信息無障礙建設(shè)上升到了國(guó)家頂層規(guī)劃的高度。
為了更好地服務(wù)中老年人,百度在2021年上線了百度大字版和百度關(guān)懷版APP。對(duì)于中老年人來講,視力老化是難以避免的問題。隨著年齡增長(zhǎng),中老年人晶狀體硬化、睫狀肌衰弱,物體不能很好地成像在視網(wǎng)膜上,帶來視覺上分辨物體的敏感度、色彩感、明暗感、空間感的下降。
但是對(duì)于中老年人而言,手機(jī)APP的字號(hào)、行距真的是越大越好嗎?我們首先試圖從現(xiàn)有標(biāo)準(zhǔn)中尋找答案。然而通過梳理,發(fā)現(xiàn)行業(yè)內(nèi)已有標(biāo)準(zhǔn)主要是針對(duì)各類殘障人士的,并且是原則性的建議,推薦的字號(hào)、行距的理想值過于寬泛,對(duì)手機(jī)APP適老化設(shè)計(jì)升級(jí)的指導(dǎo)意義比較有限。比如W3C發(fā)布的《Web內(nèi)容無障礙指南(WCAG2.1)》,關(guān)于行距的要求是“至少為字體大小的1.5倍”。所以我們通過科學(xué)、嚴(yán)謹(jǐn)?shù)难芯?,制定了一套設(shè)計(jì)標(biāo)準(zhǔn),來指導(dǎo)資訊類/內(nèi)容類APP全場(chǎng)景文字排版適老化設(shè)計(jì)升級(jí),為中老年用戶帶去字里行間的關(guān)愛和更好的閱讀體驗(yàn)。
下面就將從研究方法和成果兩個(gè)方面做具體介紹。希望能幫助大家掌握相應(yīng)的研究思路,在后續(xù)制定設(shè)計(jì)標(biāo)準(zhǔn)時(shí)可以快速上手,同時(shí)也將此次適老化設(shè)計(jì)標(biāo)準(zhǔn)研究的成果與大家分享,為資訊類/內(nèi)容類APP適老化設(shè)計(jì)升級(jí)提供參照。
///
研究流程與方法:如何通過用戶研究制定一套設(shè)計(jì)標(biāo)準(zhǔn)?
| 明確標(biāo)準(zhǔn)的應(yīng)用方向
為了讓一套標(biāo)準(zhǔn)對(duì)設(shè)計(jì)工作具備實(shí)際的指引價(jià)值,我們?cè)谘芯恳?guī)劃環(huán)節(jié)充分考慮了設(shè)計(jì)經(jīng)驗(yàn)和迭代需求。用戶研究和設(shè)計(jì)師一起對(duì)資訊類/內(nèi)容類APP所有涉及文字排版的頁(yè)面、模塊進(jìn)行了通盤梳理,確定了12類應(yīng)用方向(即用戶的使用場(chǎng)景)。對(duì)于這么多使用場(chǎng)景分別做研究費(fèi)時(shí)費(fèi)力,我們選擇通過洞察背后的用戶閱讀模式,把12類應(yīng)用方向收斂為4大類閱讀場(chǎng)景:3類主場(chǎng)景(包括長(zhǎng)文閱讀、搜索、概覽閱讀)和1類輔助信息場(chǎng)景。針對(duì)主場(chǎng)景,研究中老年用戶理想的字號(hào)、行距和粗細(xì)組合;針對(duì)輔助信息場(chǎng)景,研究中老年用戶的最小可辨識(shí)字號(hào)。這樣研究既能覆蓋各類應(yīng)用場(chǎng)景、不同的信息層級(jí),又能更聚焦、更高效。
| 構(gòu)建評(píng)估體系
在確定了標(biāo)準(zhǔn)的應(yīng)用方向之后,評(píng)估體系的搭建也參考了過往的設(shè)計(jì)經(jīng)驗(yàn)。我們一方面查找并梳理了學(xué)術(shù)界在字號(hào)、行距方面的研究成果,另一方面也結(jié)合了百度已有的設(shè)計(jì)經(jīng)驗(yàn)。最終確定了字號(hào)、行距、粗細(xì)、顏色四個(gè)考察變量在不同研究場(chǎng)景的研究范圍(即自變量選取水平),并綜合主觀體驗(yàn)指標(biāo)和客觀眼動(dòng)數(shù)據(jù)指標(biāo)搭建了中老年閱讀體驗(yàn)的評(píng)估體系。其中,主觀體驗(yàn)指標(biāo)包括關(guān)鍵信息發(fā)現(xiàn)、清晰度、舒適度、滿意度;客觀眼動(dòng)指標(biāo)包括眨眼頻率、瞳孔直徑變異性和閱讀速度。
| 實(shí)驗(yàn)流程
在實(shí)驗(yàn)中,我們邀請(qǐng)了60位50-70歲中老年用戶參與調(diào)研,通過任務(wù)模擬他們?cè)谡鎸?shí)場(chǎng)景的長(zhǎng)文閱讀、搜索、概覽閱讀情況,綜合眼動(dòng)實(shí)驗(yàn)、問卷調(diào)研和訪談方法評(píng)估不同字號(hào)、行距、粗細(xì)對(duì)中老年閱讀體驗(yàn)的影響,探尋不同場(chǎng)景下最適合的字號(hào)、行距、粗細(xì)方式。在實(shí)驗(yàn)過程中,通過SMI-ETG2w眼鏡式眼動(dòng)儀測(cè)量眼動(dòng)數(shù)據(jù)。
///
研究成果:適老化設(shè)計(jì)標(biāo)準(zhǔn)介紹
通過對(duì)各類閱讀場(chǎng)景、設(shè)計(jì)變量和體驗(yàn)影響因子的充分分析,本研究形成了一套完備、成體系的適老化設(shè)計(jì)標(biāo)準(zhǔn),可用于指引資訊類/閱讀類APP中不同頁(yè)面和不同信息層級(jí)的適老化設(shè)計(jì)改造。
| 主場(chǎng)景理想字號(hào)、行距和粗細(xì)的組合
研究結(jié)果明確了資訊類/內(nèi)容類APP對(duì)于中老年人在不同場(chǎng)景里任一信息層級(jí)的理想字號(hào)、行距和粗細(xì)組合。以概覽閱讀場(chǎng)景(Feed列表頁(yè))和長(zhǎng)文閱讀場(chǎng)景(圖文落地頁(yè))為例,優(yōu)化前與預(yù)計(jì)優(yōu)化后的字號(hào)、行距、粗細(xì)組合如下:
概覽閱讀場(chǎng)景
長(zhǎng)文閱讀場(chǎng)景
| 輔助信息最小可辨識(shí)字號(hào)
此外,研究結(jié)果也明確了黑色(1F1F1F)字體的全局最小可辨識(shí)字號(hào)。以75%中老年用戶可以看清的字號(hào)作為最小可辨識(shí)字號(hào)標(biāo)準(zhǔn),黑色(1F1F1F)最小可辨識(shí)字號(hào)為36px。
此次研究填補(bǔ)了學(xué)術(shù)界和業(yè)界在手機(jī)APP適老化設(shè)計(jì)領(lǐng)域的空白。在百度,該套標(biāo)準(zhǔn)已落地百度關(guān)懷版,未來還會(huì)在百度大字版和更多為老年人提供服務(wù)的APP上線。面向行業(yè),我們也積極共享研究成果。百度大字版、百度關(guān)懷版運(yùn)營(yíng)同學(xué)牽頭和老齡產(chǎn)業(yè)協(xié)會(huì)合作,設(shè)計(jì)師結(jié)合本次研究成果編寫了《移動(dòng)互聯(lián)網(wǎng)應(yīng)用適老化設(shè)計(jì)要求》團(tuán)體標(biāo)準(zhǔn),已經(jīng)于2021年11月10日發(fā)布。希望本次的研究成果能幫助更多資訊類/內(nèi)容類APP完成文字排版的適老化升級(jí),為中老年人帶去更多的關(guān)懷和更好的閱讀體驗(yàn),為移動(dòng)互聯(lián)網(wǎng)行業(yè)的信息無障礙建設(shè)貢獻(xiàn)一份綿薄之力。
文章來源:站酷 作者:百度MEUX
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.yvirxh.cn