中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語(yǔ)：后疫情時(shí)代，我們需要頻繁地通過(guò)互聯(lián)網(wǎng)從外面獲取物資，對(duì)于健全的年輕人來(lái)說(shuō)，互聯(lián)網(wǎng)非常方便。然而對(duì)于老年人和一些殘障群體來(lái)說(shuō)，卻有著諸多不便，在設(shè)計(jì)產(chǎn)品時(shí)也應(yīng)該考慮到這一點(diǎn)。本文作者梳理了一份「無(wú)障礙設(shè)計(jì)通用指南」，一起來(lái)看一下吧。

2022年3月底，上海疫情慢慢升級(jí)，終于等來(lái)了“劃江而治”的半封城。

往日的便捷平靜的生活，被疫情打破，游戲《死亡擱淺》中，只能靠快遞員山姆來(lái)鏈接一切的故事儼然成了一場(chǎng)預(yù)言。當(dāng)我們頻繁通過(guò)互聯(lián)網(wǎng)才能從外面的世界獲取物資，包括老年人在內(nèi)，諸多殘障群體的生活困境被疫情強(qiáng)行托出了水面 —— 顫抖的手，下單按鈕按了幾十次為什么點(diǎn)不進(jìn)？我雙眼看不見(jiàn)，想買一份菜要怎么下單？接龍？我老糊涂了，不懂你們小年輕的東西。

為健全的年輕人設(shè)計(jì)的軟件，用一道名為“科技”的高墻，將8500萬(wàn)用戶拒之門(mén)外，而打開(kāi)這扇沉重大門(mén)的鑰匙，正是「無(wú)障礙設(shè)計(jì)」。

借著疫情產(chǎn)生的思考，結(jié)合最近工作中搜集的資料，我梳理了一份「無(wú)障礙設(shè)計(jì)通用指南」。

01 為何關(guān)注無(wú)障礙設(shè)計(jì)？

這個(gè)世界上有超過(guò)百分之十五的人口是我們常識(shí)定義的“殘障人士”（世界衛(wèi)生組織2020數(shù)據(jù)），超過(guò)10億人。

固有觀念中的殘障人士，往往是肢體殘疾和一些“典型”人群如盲人與聾人。但是身體健全的我們，其實(shí)也頻繁處于“臨時(shí)性障礙”的情景之中：

和殘障人士一樣，我們也會(huì)遭遇大量的身體障礙。而所有人都需要面臨的，是時(shí)間的推動(dòng)下的自然老化，視覺(jué)、聽(tīng)覺(jué)、骨骼肌肉以及理解能力的逐漸衰退。許多現(xiàn)在看來(lái)“與我無(wú)關(guān)”的基礎(chǔ)病，都會(huì)在未來(lái)的某一刻不請(qǐng)自來(lái)。

坦白來(lái)講，關(guān)注無(wú)障礙設(shè)計(jì)，其實(shí)就是在幫助注定老去的自己，創(chuàng)造一個(gè)更容易生活的世界。

02 無(wú)障礙造福所有人

不管是在屏幕前辛勤工作，還是在網(wǎng)上沖浪指點(diǎn)江山，我們都會(huì)用的一個(gè)工具——鍵盤(pán)，而鍵盤(pán)的出現(xiàn)，其實(shí)就和無(wú)障礙設(shè)計(jì)有著密不可分的關(guān)系。

大約在1808年，意大利人佩萊里尼·圖里為了幫助自己有視覺(jué)障礙的女友，能夠通過(guò)打字寫(xiě)信來(lái)進(jìn)行溝通，發(fā)明了世界上最早的打字機(jī)（沒(méi)錯(cuò)，今天也是狗糧滿滿的一天呢）。最初為視覺(jué)障礙用戶設(shè)計(jì)的打字機(jī)，在日后也因?yàn)楸仁謱?xiě)更高的效率得到了推廣，并一步步演化成為今天我們使用的鍵盤(pán)。此刻屏幕前的你我，都是無(wú)障礙設(shè)計(jì)的受益者。

這樣的例子其實(shí)還有很多，蘋(píng)果手機(jī)的小白點(diǎn)，本身是作為輔助觸控而創(chuàng)造，現(xiàn)在成為了很多人進(jìn)行快捷操作的得力助手；我們時(shí)常刷劇所看的字幕，最開(kāi)始也是為了幫助聽(tīng)障用戶群體能夠方便觀看而設(shè)計(jì)的，要知道，美劇生肉是沒(méi)有字幕的；而我們每天收到無(wú)數(shù)條的郵件，初版網(wǎng)絡(luò)協(xié)議的確定，就是被譽(yù)為“互聯(lián)網(wǎng)之父”的文頓·瑟夫（Vint Cerf）因?yàn)樽陨砺?tīng)覺(jué)障礙的原因，而決心推動(dòng)的。

03 無(wú)障礙設(shè)計(jì)的起源

無(wú)障礙設(shè)計(jì)起源于20世紀(jì)60年代的美國(guó)，因?yàn)閼?zhàn)爭(zhēng)原因，大量老兵在戰(zhàn)場(chǎng)上因傷致殘，為了解決他們的生活需要而誕生，主要針對(duì)殘障人士，為他們提供物質(zhì)環(huán)境下生活所需的便利條件。

殘障群體有很多種劃分方式，大致可分為5類：視覺(jué)障礙、肢體障礙、聽(tīng)覺(jué)障礙、言語(yǔ)障礙與認(rèn)知障礙。

• 視覺(jué)障礙：青光眼、白內(nèi)障、色盲、全盲等視覺(jué)狀態(tài)。
• 肢體障礙：肢體殘疾、癱瘓或類似帕金森等疾病導(dǎo)致的肢體問(wèn)題。
• 聽(tīng)覺(jué)障礙：耳聾，聽(tīng)力損失等。
• 言語(yǔ)障礙：失語(yǔ)癥，聽(tīng)覺(jué)喪失導(dǎo)致的口語(yǔ)溝通不利。
• 認(rèn)知障礙：閱讀障礙、自閉癥、阿茲海默癥等疾病狀態(tài)。

理解，是實(shí)操的前提。肢體健全者往往不能從實(shí)際角度去理解障礙群體的真實(shí)需求，而制定了“自認(rèn)為正確”的無(wú)障礙設(shè)計(jì)方案，為了減少這些失誤，我們先對(duì)以上障礙類型進(jìn)行基礎(chǔ)的了解。

04 了解無(wú)障礙用戶的使用困境

1. 視覺(jué)障礙

我們看到的光與色是在物體上的反射光線，通過(guò)眼球的角膜、晶狀體、瞳孔到達(dá)視網(wǎng)膜，在視神經(jīng)乳頭區(qū)進(jìn)行光與色的信號(hào)轉(zhuǎn)換，成為大腦可以理解的清晰圖像。

隨著年齡的增長(zhǎng)，人類的晶狀體會(huì)日漸渾濁變黃，對(duì)色彩的辨識(shí)度會(huì)受到晶狀體顏色的影響而產(chǎn)生變化，對(duì)特定顏色如藍(lán)色的識(shí)別能力大幅下降，相當(dāng)于相機(jī)的鏡頭已經(jīng)無(wú)法拾取準(zhǔn)確的色彩信息。

瞳孔括約肌與身體其他機(jī)能一樣也會(huì)隨著年齡的衰老而失去良好的調(diào)節(jié)機(jī)制，平均厚度也會(huì)上升，物體無(wú)法很好的成像在視網(wǎng)膜上。根據(jù)可查詢的調(diào)查統(tǒng)計(jì)，40歲用戶的瞳孔進(jìn)光量已經(jīng)衰減到20歲時(shí)的一半，而在60歲群體的檢測(cè)中，只有20歲用戶20%的進(jìn)光量。

除了年齡增長(zhǎng)帶來(lái)的視覺(jué)衰退，視覺(jué)障礙還有其他一些類型，下面是幾種視覺(jué)障礙的模擬效果，內(nèi)容僅供參考，不能完全代替實(shí)際情況。

2. 肢體障礙

一般來(lái)說(shuō)，殘障用戶在使用移動(dòng)產(chǎn)品時(shí)通常會(huì)有兩種程度的障礙：

1. 手指靈活度：年齡增長(zhǎng)帶來(lái)的骨骼肌肉老化，和一些基礎(chǔ)類疾病的影響，導(dǎo)致他們使用手機(jī)時(shí)無(wú)法做出很細(xì)微的精準(zhǔn)操作。
2. 肢體殘疾：因疾病或其他原因造成的肢體麻痹與肢體缺損，需要額外的輔助工具，或者語(yǔ)音交互的技術(shù)手段來(lái)操作軟件。

3. 聽(tīng)覺(jué)障礙

首先我們要知道，醫(yī)學(xué)層面是如何界定“聽(tīng)力”的。

一般人們出現(xiàn)耳朵不適或者聽(tīng)力下降后就醫(yī)，醫(yī)生都會(huì)要求進(jìn)行純音測(cè)聽(tīng)檢查，并通過(guò)“音量”和“頻率”兩個(gè)緯度，對(duì)人們的聽(tīng)力損失程度進(jìn)行定量診斷，如下面左邊這張圖。

右邊的聽(tīng)力區(qū)間示意圖，可以更直觀的理解不同聽(tīng)力狀態(tài)下所能聽(tīng)到的聲音。

而隨著時(shí)間的推移，我們所有人都會(huì)從高頻率低音量的音域開(kāi)始失去聽(tīng)力，也就是從聽(tīng)不到高頻率低音量的鳥(niǎo)叫聲，慢慢對(duì)整個(gè)世界失去聲音感知。

不同程度的聽(tīng)力障礙可能會(huì)出現(xiàn)以下情況：

• 在嘈雜環(huán)境中無(wú)法聽(tīng)清聲音
• 無(wú)法聽(tīng)到特定頻率如高頻的聲音
• 無(wú)法聽(tīng)到任何聲音

4. 言語(yǔ)障礙

• 許多用戶普通話不夠流利，習(xí)慣使用大量方言，在與普通話用戶的日常交流中會(huì)產(chǎn)生許多障礙（可以設(shè)想一下自己身處一個(gè)語(yǔ)言不通的國(guó)家）。
• 伴隨年齡增長(zhǎng)帶來(lái)的口齒不清，也會(huì)影響語(yǔ)言溝通。
• 失語(yǔ)癥，一種由腦部疾病影響而產(chǎn)生的障礙。著名演員布魯斯·威利斯最近官宣退出演繹事業(yè)，就是因?yàn)槭дZ(yǔ)癥。

5. 認(rèn)知障礙

認(rèn)知障礙更多出現(xiàn)在老年用戶身上，而他們?cè)谑褂靡苿?dòng)產(chǎn)品最大的困境就是：不會(huì)用。

大部分軟件都為年輕人開(kāi)發(fā)，這也導(dǎo)致開(kāi)發(fā)者陷入思維慣性，沒(méi)有顧及老年用戶的使用體驗(yàn)。

比如代表“展開(kāi)更多”的四個(gè)小方塊、可以“左右滑動(dòng)”的底部滾動(dòng)條、還有代表“菜單”的三道杠。

當(dāng)我們拋開(kāi)約定俗成的使用習(xí)慣，嘗試去解釋這些符號(hào)本身的含義時(shí)，會(huì)發(fā)現(xiàn)其實(shí)什么都解釋不了，或者說(shuō)，圖形本身所能延展出的含義過(guò)于繁多。

除了符號(hào)，軟件中經(jīng)常遇到一些復(fù)雜的層級(jí)關(guān)系，這些對(duì)閱讀障礙者來(lái)說(shuō)不啻為一場(chǎng)噩夢(mèng)。

這里就不得不吐槽微信一個(gè)神秘的功能“群發(fā)助手”了。下圖中的功能路徑，恐怕很多人都沒(méi)有找到過(guò)。

05 著手開(kāi)始無(wú)障礙改造

通過(guò)上文，我們梳理出了殘障用戶客觀存在的5種障礙，以此為基礎(chǔ)，就可以針對(duì)性地對(duì)自家產(chǎn)品進(jìn)行無(wú)障礙改造。

1. 制定初步設(shè)計(jì)思路

設(shè)計(jì)師站在用戶體驗(yàn)的第一線，根據(jù)殘障用戶的心理和生理特征，站在用戶同理心的角度，為用戶群體規(guī)劃一份專業(yè)的設(shè)計(jì)策略。

2. 如何改善信息獲取的障礙

1）文字的改良

大字版是互聯(lián)網(wǎng)公司進(jìn)行無(wú)障礙改造的第一步。

注意觀察身邊老年人使用手機(jī)的方式，會(huì)發(fā)現(xiàn)他們經(jīng)常會(huì)瞇著眼睛去看屏幕上的內(nèi)容（老人，手機(jī)，地鐵.jpg），其實(shí)就是在文字識(shí)別上存在問(wèn)題，字體做大在基礎(chǔ)思路上方向是對(duì)的。

2）字體字號(hào)的設(shè)定

不過(guò)大部分的無(wú)障礙設(shè)計(jì)最先要解決的是能不能用，之后才是好不好用的問(wèn)題。而到了2022年的現(xiàn)在，許多行業(yè)內(nèi)第一批推行適老化的企業(yè)，已經(jīng)總結(jié)出了一些很值得我們學(xué)習(xí)的經(jīng)驗(yàn)，下面的內(nèi)容中我會(huì)挑選業(yè)內(nèi)比較有代表性的成果來(lái)進(jìn)行一些總結(jié)。

字號(hào)大小會(huì)直接影響可讀性，不同的媒介中對(duì)于字體大小有著不同的適用范圍，例如名片印刷文字最小可以設(shè)定為6，而日常的APP規(guī)范中，正文使用的最小字體是不建議小于11的。在我們談?wù)撟煮w大小的時(shí)候，一定不要脫離本身的使用環(huán)境，以下所有內(nèi)容描述均是在1倍圖比例下的數(shù)字。

網(wǎng)上可以看到日本 JIS 設(shè)計(jì)規(guī)格對(duì)于字體大小的建議，不過(guò)關(guān)于 JIS 建議的部分，網(wǎng)上大部分內(nèi)容都是給到了一個(gè)毫米為單位的字體大小，而移動(dòng)產(chǎn)品使用的是像素。本著實(shí)事求是的態(tài)度，我通過(guò)404搜索引擎翻閱了日本資料，并根據(jù)72dpi的分辨率為基準(zhǔn)，一一對(duì)應(yīng)幫大家換算出了這張表格所對(duì)應(yīng)的字體像素值：

可以看出，日語(yǔ)中文中建議的最小字號(hào)為14像素。結(jié)合W3C 發(fā)布的《Web 內(nèi)容無(wú)障礙指南（WCAG2.1）》對(duì)于無(wú)障礙設(shè)計(jì)的字體大小建議為18像素，這里建議常規(guī)正文的文字大小使用18像素。

3）需要規(guī)避的字體類型

適老化改造需要注重信息可讀性。

襯線體作為一種帶有明顯裝飾細(xì)節(jié)的字體類型，在很多應(yīng)用場(chǎng)景會(huì)帶來(lái)很有個(gè)性的風(fēng)格化展示，但是在適老化改造中，干凈清爽，效果醒目的無(wú)襯線體才是更有效的內(nèi)容載體。

4）字體的使用場(chǎng)景

除了常規(guī)使用，針對(duì)不同的使用場(chǎng)景，百度也通過(guò)一系列研究，拓寬了字體的使用界限。

百度團(tuán)隊(duì)通過(guò)大量分析，總結(jié)了12類文字排版的應(yīng)用方向，再經(jīng)過(guò)進(jìn)一步收斂提煉，總結(jié)為三個(gè)主要場(chǎng)景和一個(gè)輔助場(chǎng)景，從信息層級(jí)和場(chǎng)景權(quán)重的角度，分別進(jìn)行了字號(hào)、行距和字重的設(shè)計(jì)。

在我們面對(duì)自己的產(chǎn)品時(shí)，這套設(shè)計(jì)方法提供了一個(gè)更具使用體驗(yàn)的方向，根據(jù)用戶的使用場(chǎng)景進(jìn)行個(gè)性化定制。

我們的工作中會(huì)面對(duì)不同的使用場(chǎng)景，資訊類 APP 往往需要注重大量長(zhǎng)文本出現(xiàn)的閱讀場(chǎng)景，文字的字重和排版需要為更適合閱讀的角度考量；

圖片流的 APP 產(chǎn)品，文字往往以標(biāo)題的形式出現(xiàn)，從而對(duì)字體的字重和大小適配提出了另一種要求；

有些工具類的 APP 例如買票軟件的列表頁(yè)，大量的車輛或航班信息需要明確的層級(jí)區(qū)分去提醒用戶重點(diǎn)信息；

而所有軟件都會(huì)出現(xiàn)的輔助信息頁(yè)面，根據(jù)其實(shí)效性和臨時(shí)性，字重和行距比例的層級(jí)也可以按照需求適當(dāng)?shù)娜趸?/p>

5）提供可調(diào)節(jié)的文字選項(xiàng)

很多系統(tǒng)底層設(shè)計(jì)中就可以進(jìn)行字體大小的改變，但不同手機(jī)系統(tǒng)內(nèi)的實(shí)現(xiàn)狀況有所不同。安卓系統(tǒng)基本實(shí)現(xiàn)了跟隨系統(tǒng)字號(hào)進(jìn)行動(dòng)態(tài)調(diào)節(jié)，蘋(píng)果系統(tǒng)中進(jìn)行字號(hào)調(diào)節(jié)后，軟件內(nèi)的字體大小很多不會(huì)隨之改變，這與系統(tǒng)本身的功能有關(guān)，不過(guò)越過(guò)系統(tǒng)本身的限制，在 APP 中依然可以提供一鍵切換字體大小的選項(xiàng)，先用戶一步幫助他們躲開(kāi)很多麻煩。

6）動(dòng)態(tài)環(huán)境下的字體

58到家團(tuán)隊(duì)在進(jìn)行阿姨端應(yīng)用無(wú)障礙設(shè)計(jì)時(shí)，對(duì)字體大小又有了新的探索。阿姨的工作特性決定了他們需要頻繁來(lái)往于不同地點(diǎn)，從而促成他們需要在行走途中進(jìn)行信息處理，這就引出了一個(gè)有趣的概念：移動(dòng)環(huán)境下的字體適配。

而他們也貼心的給到了一個(gè)可用的實(shí)際換算標(biāo)準(zhǔn)，根據(jù) ReX Design 發(fā)布的移動(dòng)速度對(duì)文字大小的影響，人在移動(dòng)時(shí)閱讀字號(hào)是平時(shí)的 1.17 倍較為合適。58到家團(tuán)隊(duì)依據(jù)這個(gè)公式設(shè)計(jì)了正常模式與工作模式兩種可供切換的場(chǎng)景。

7）提供字幕

為了幫助聽(tīng)力受損或聽(tīng)力障礙用戶，軟件中最常見(jiàn)的輔助工具就是視頻中的字幕。

外國(guó)電影中有專門(mén)為聽(tīng)障朋友們準(zhǔn)備的字幕（Subtitles for the Deaf & Heard of Hearing，失聰及聽(tīng)障者字幕，簡(jiǎn)稱SDH），可以選擇開(kāi)啟和關(guān)閉。除了普通的對(duì)話之外，包括過(guò)場(chǎng)音樂(lè)，鼓掌聲等聲音信息都會(huì)直接體現(xiàn)在字幕上，進(jìn)行情景的講解。

字幕內(nèi)容：警用電臺(tái)中的低聲交談

8）讀屏功能的無(wú)障礙標(biāo)簽

許多存在視覺(jué)障礙問(wèn)題的用戶，需要依靠無(wú)障礙模式下的讀屏功能來(lái)獲取信息。讀屏軟件會(huì)朗讀出頁(yè)面中的文字內(nèi)容，幫助看不見(jiàn)的用戶依靠聽(tīng)覺(jué)來(lái)了解界面中的內(nèi)容。

我們需要注意的是，讀屏軟件一般只能讀取文字而不能讀取圖片內(nèi)容。從設(shè)計(jì)側(cè)我們可以通過(guò)增加替代性文字描述來(lái)讓軟件可以讀取，不過(guò)更加直觀的方法是讓前端工程師添加無(wú)障礙標(biāo)簽（accessibility label），這樣讀屏軟件才能理解。

圖片來(lái)源：蘋(píng)果中國(guó)-輔助功能

①采用高對(duì)比度的顏色搭配

前文我們已經(jīng)了解到，老年人瞳孔進(jìn)光量只有20歲青年人的20%，在這樣的情況下，需要產(chǎn)品本身做出改變?nèi)ヌ峁┚哂懈邔?duì)比度的配色方案，來(lái)提升頁(yè)面內(nèi)容的可讀性。

色彩對(duì)比度（color contrast）指的是背景顏色和前景顏色之間的明度差別，最低為1:1（白字放在白色背景上），最高為21:1（黑字放在白色背景上），色彩對(duì)比度越高內(nèi)容就越清晰。

在顏色的對(duì)比度上，可以根據(jù) 《Web 內(nèi)容無(wú)障礙指南》WCAG AA規(guī)范的規(guī)定，所有重要文本及圖標(biāo)內(nèi)容的色彩對(duì)比度需要至少達(dá)到4.5:1，才能擁有較好的可讀性。這樣不僅能夠讓老年用戶獲得更好的使用體驗(yàn)，對(duì)普通用戶來(lái)說(shuō)，在視力受限的場(chǎng)景下也能更高效的從屏幕上獲取信息。

②顏色對(duì)比度查詢工具

顏色對(duì)比度在日常設(shè)計(jì)中很難把握，這里也為大家準(zhǔn)備了一個(gè)簡(jiǎn)單測(cè)驗(yàn)設(shè)計(jì)配色對(duì)比度是否合規(guī)的網(wǎng)站WebAIM對(duì)比度檢查器，通過(guò)輸入內(nèi)容色值與背景色值，就可以得到直觀的對(duì)比度數(shù)據(jù)，或者下載使用免費(fèi)插件Stark進(jìn)行檢查，對(duì) Sketch 和 Figma 等主流軟件都有很好的支持。

利用這些簡(jiǎn)單高效的工具，我們就能輕松的從設(shè)計(jì)側(cè)減少因?yàn)閷?duì)比度造成的內(nèi)容辨識(shí)問(wèn)題。

接下來(lái)，以我常用的“小宇宙” APP 來(lái)做一個(gè)常見(jiàn)的配色錯(cuò)誤案例：

對(duì)比之下，中國(guó)農(nóng)業(yè)銀行的手機(jī) APP 中主要信息的字體處理對(duì)比度都是達(dá)標(biāo)的。

③不要過(guò)分依賴用單純的顏色區(qū)分內(nèi)容

有些用戶由于年齡增長(zhǎng)，對(duì)藍(lán)色的感知度下降，加上本身對(duì)于對(duì)比度感知的弱化，難以分辨藍(lán)色和紫色，而由于晶狀體的渾濁所帶來(lái)的衍射效應(yīng)，屬于中短波的綠色也無(wú)法被很好的識(shí)別。

兩個(gè)需要區(qū)分的顏色或相鄰顏色，需要具有足夠大的色彩差異（△Euv >= 20 (ISO9421-307)）（引用自鴻蒙無(wú)障礙設(shè)計(jì)）。

對(duì)于重要的狀態(tài)，可以添加圖標(biāo)或者文案描述來(lái)提示。更多的提示方式例如：使用下劃線、指示符、圖案或文本等元素來(lái)描述操作和內(nèi)容。

3. 如何改善操作障礙

日常使用 APP ，出于屏效以及 ROI 的推動(dòng)，會(huì)有許多彈窗與浮層出現(xiàn)，而關(guān)閉按鈕又出奇地小，對(duì)于長(zhǎng)時(shí)間網(wǎng)上沖浪的年輕人來(lái)說(shuō)，誤觸都不是什么奇怪的事情。如果恰好又在晃動(dòng)的車上，或是正在吃飯，單手點(diǎn)按某個(gè)按鈕的準(zhǔn)確率都會(huì)變低。

足夠大的操作區(qū)域：我們所有人都隨時(shí)隨地的可能陷入暫時(shí)性的肢體障礙狀態(tài)，而最高效的解決方式就是加大可點(diǎn)擊區(qū)域。

那么，要如何確定可點(diǎn)擊區(qū)域足夠大呢？

各類設(shè)計(jì)規(guī)范中都有大量手勢(shì)操作的功能，不同場(chǎng)景下會(huì)使用不同的手勢(shì)類型，常見(jiàn)的 iOS 標(biāo)準(zhǔn)手勢(shì)有點(diǎn)擊、拖動(dòng)、滑動(dòng)、長(zhǎng)按等等。

手機(jī)為了識(shí)別這些不同操作，需要判斷手指接觸屏幕后產(chǎn)生的熱區(qū)范圍。

iOS 人機(jī)交互的規(guī)范是：所有點(diǎn)擊元素不能小于 44*44point 。

安卓的 Material Design 規(guī)范的則會(huì)更加嚴(yán)格，不可以小于 48*48dp。

我們常見(jiàn)的軟件中會(huì)出現(xiàn)錯(cuò)誤，就是可點(diǎn)擊的圖標(biāo)太小，以新浪微博為例：

除了按鈕本身的大小，在不同功能按鈕之間，也要注意保持足夠的空間距離，避免擁擠在一起引發(fā)過(guò)多的誤觸，建議模塊之間保持8像素或者以上的間距，并采用分段式結(jié)構(gòu)，將功能清晰明確地展示，這樣不僅能帶來(lái)功能上的便利，從視覺(jué)角度上也能創(chuàng)造更多的留白，讓頁(yè)面更加清晰簡(jiǎn)潔。

4. 如何改善交互理解障礙

1）優(yōu)化圖標(biāo)的呈現(xiàn)方式

圖標(biāo)作為一種概括性的符號(hào)，可以作為輔助圖形來(lái)幫助用戶理解不同的功能，但是大部分產(chǎn)品之間是按照各自的設(shè)計(jì)風(fēng)格進(jìn)行制作的，同一個(gè)功能按鈕在不同軟件中，甚至在同一個(gè)軟件的不同頁(yè)面中，也會(huì)出現(xiàn)不同的造型，這時(shí)單純的圖標(biāo)所傳遞的信息不再準(zhǔn)確。

設(shè)計(jì)師在進(jìn)行產(chǎn)品的無(wú)障礙改造時(shí)，可以通過(guò)下面幾個(gè)方面的努力去改善這種狀況：

①對(duì)抽象的符號(hào)進(jìn)行擬物化改造

打車我們會(huì)想到「滴滴」，點(diǎn)外賣會(huì)想到「餓了么」，買東西會(huì)打開(kāi)「淘寶」，出現(xiàn)這樣的“無(wú)意識(shí)”操作，是因?yàn)槎嗄陙?lái)軟件培養(yǎng)的用戶習(xí)慣。但是對(duì)于障礙群體之一的老年人來(lái)說(shuō)，這些都有悖于幾十年來(lái)積累的人生經(jīng)驗(yàn)。

由于社會(huì)化發(fā)展的速度遠(yuǎn)遠(yuǎn)超過(guò)老年人認(rèn)知能力成長(zhǎng)的蛻變，老年人在認(rèn)知層面很難理解我們眼中的“共識(shí)”，所以在適老化設(shè)計(jì)中，要結(jié)合老年用戶所生長(zhǎng)的年代因素、習(xí)慣因素，讓圖標(biāo)的圖形化接近老年人日常生活中可以理解的形象，方便用戶更好的理解信息。

②為圖標(biāo)增加文案。

除了圖形上的調(diào)整，在圖標(biāo)上增加文案，能夠更加直觀地傳遞信息。

2）增加語(yǔ)音交互

俗話說(shuō)“眼觀六路，耳聽(tīng)八方”，聽(tīng)覺(jué)一直是我們獲取信息的重要途徑，語(yǔ)音交互在交互中也扮演著重要角色。而我們隨著年齡增長(zhǎng)，逐漸失去良好的聽(tīng)覺(jué)能力。所以，在進(jìn)行語(yǔ)音交互設(shè)計(jì)的時(shí)候，要注意到：

①增加音頻反饋

在操作時(shí)除了圖形反饋外，可以對(duì)正確操作添加溫和的音效，錯(cuò)誤的操作則添加警示的音效。

②增大音量

根據(jù)世界衛(wèi)生組織2021年的聽(tīng)力損失分級(jí)標(biāo)準(zhǔn)，當(dāng)人處于重度聽(tīng)力損失時(shí)，大部分談話內(nèi)容就無(wú)法聽(tīng)到了。對(duì)于健全人來(lái)說(shuō)，60分貝已經(jīng)是很高的音量，但對(duì)于聽(tīng)力受損的老年用戶，可以適當(dāng)將音量提升到80分貝或以上。

③提供直觀的語(yǔ)音交互服務(wù)

幫助老年用戶通過(guò)語(yǔ)音獲取足夠的信息。

3）簡(jiǎn)化操作界面

我們熟悉的橫向卡片流，一看到就能知道通過(guò)滑動(dòng)來(lái)進(jìn)行更多內(nèi)容的閱覽，而對(duì)于老年用戶，呈現(xiàn)在屏幕上的，就是他們理解中的“所有內(nèi)容”。

同時(shí)很多軟件在使用中會(huì)加入大量營(yíng)銷類型的彈窗，這些打斷操作的內(nèi)容對(duì)老年人用戶來(lái)說(shuō)是極大的困擾，無(wú)意間觸發(fā)了跳轉(zhuǎn)，更是不知道自己究竟在操作什么界面。

適老化改造中要合理安排主要功能和次要功能，簡(jiǎn)化操作方式。

增加內(nèi)容的直觀性可以幫助用戶更好理解，界面內(nèi)容簡(jiǎn)單一致可以讓用戶更容易記住功能的位置，同時(shí)也減少使用出錯(cuò)，主要操作都要實(shí)現(xiàn)“點(diǎn)擊”即可完成。

5. 與開(kāi)發(fā)人員做好合作

1）提前做好研究

無(wú)障礙改造是整個(gè)團(tuán)隊(duì)配合的產(chǎn)物，大家身上的極客精神也都愿意去做好事，改善殘障用戶的使用體驗(yàn)。但是實(shí)際操作中很多問(wèn)題直到測(cè)試階段甚至發(fā)布之后才凸顯出來(lái)，一些功能bug，導(dǎo)致改版計(jì)劃不得不擱淺。

我們應(yīng)當(dāng)在設(shè)計(jì)初期階段就加入對(duì)無(wú)障礙設(shè)計(jì)的考量，與產(chǎn)品和用研部門(mén)進(jìn)行足夠的調(diào)查與溝通，及時(shí)避免在后期遇到違反無(wú)障礙規(guī)范的問(wèn)題。

延伸到整個(gè)業(yè)務(wù)鏈條的設(shè)計(jì)師、前端后端開(kāi)發(fā)以及測(cè)試等環(huán)節(jié)可能產(chǎn)生的各種無(wú)障礙體驗(yàn)bug，減少無(wú)效工作與頻繁返工，及時(shí)給到用戶擁有更佳使用體驗(yàn)的產(chǎn)品。

2）提供無(wú)障礙交互文檔

版本需求的設(shè)計(jì)內(nèi)容完成后，我們會(huì)上傳標(biāo)注文檔，標(biāo)注文字、間距、色彩、尺寸等信息。

涉及到適老化改造項(xiàng)目，設(shè)計(jì)師還要提供一份無(wú)障礙標(biāo)注文檔，用來(lái)說(shuō)明交互界面如何與無(wú)障礙輔助工具溝通，前端工程師可以依據(jù)我們提供的內(nèi)容，為頁(yè)面內(nèi)的圖標(biāo)增加無(wú)障礙標(biāo)簽，以實(shí)現(xiàn)讀屏軟件的功能。

06 結(jié)語(yǔ)

無(wú)障礙設(shè)計(jì)在近兩年越來(lái)越多的被提及，但對(duì)于很多人來(lái)說(shuō)，仍是一個(gè)陌生的領(lǐng)域。眾多一線軟件在政策驅(qū)動(dòng)下歷時(shí)一年的改版結(jié)果，依然沒(méi)有解決社會(huì)突發(fā)狀況下大部分殘障人士以及老年人的使用需求。老齡化的趨勢(shì)已經(jīng)不可阻擋，我們的產(chǎn)品也需要更快速的進(jìn)化來(lái)提供更多的包容性，讓日漸龐大的用戶群體得到平等的體驗(yàn)。

沒(méi)有人能準(zhǔn)確預(yù)測(cè)未來(lái)，但可以確信的是，無(wú)障礙設(shè)計(jì)，可以創(chuàng)造一個(gè)更美好的世界，一個(gè)也許我們不再畏懼老去的世界。

愿疫情早日結(jié)束，希望春天早點(diǎn)到來(lái)。

參考文章：

《愛(ài)在字里行間：適老化設(shè)計(jì)標(biāo)準(zhǔn)研究》

《阿姨端“無(wú)障礙設(shè)計(jì)”》

《以人為本，人人受益：包容性設(shè)計(jì)實(shí)踐指南 – 介紹與理解》

本文由郝小七指導(dǎo)http://www.aharts.cn/u/917803

本文由@特里筆記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議