設(shè)計(jì)師在設(shè)計(jì)真實(shí)的產(chǎn)品項(xiàng)目時(shí)必須要評(píng)估自己的設(shè)計(jì)方式，在智能產(chǎn)品的可用性和易用性方面需要有更多的思考，不能將殘疾用戶群排除在外。

Neumorphism被預(yù)測(cè)為2020年最主要的UI設(shè)計(jì)趨勢(shì)，在Dribbble上隨處可見這樣的設(shè)計(jì)風(fēng)格。Neumorphism是將New和Skeuomorphism組合起來的單詞游戲。它通過使用帶有角度的陰影樣式，來對(duì)設(shè)計(jì)元素加以突出并強(qiáng)調(diào)。這種設(shè)計(jì)風(fēng)格讓元素看起來更加真實(shí)、有未來感、更現(xiàn)代，有吸引力，并且令人眼前一亮。

但是說實(shí)話，真實(shí)設(shè)計(jì)中的它并不是很實(shí)用，嘗試去打造一款Neumorphism風(fēng)格的產(chǎn)品可能會(huì)令你感到很挫敗，包括團(tuán)隊(duì)中的開發(fā)人員、用戶和患有感知障礙的特殊用戶群（目前，有5700萬的美國人患有某種程度上的殘疾，其中54%的成年人有上網(wǎng)能力，殘疾群體不是一個(gè)傳說。）— [資料來源：W3.org]。

根據(jù)W3的報(bào)告顯示，殘疾用戶的網(wǎng)站和手機(jī)應(yīng)用的可訪問性障礙主要包括以下幾點(diǎn)：

• 聽覺
• 認(rèn)知
• 神經(jīng)學(xué)
• 身體
• 語言
• 視覺

Neumorphism本身并不適用于有認(rèn)知、身體、和視覺障礙的殘疾用戶群。

讓我們深入討論一下為什么Neumorphism和可用性無法和諧共處。

提前聲明：我并不是可用性和Neumorphism方面的專家，這篇文章旨在分享有關(guān)Neumorphism的一些想法和觀點(diǎn)，下方使用的Dribbble作品只是用來當(dāng)作案例來佐證我的觀點(diǎn)，我沒有想要去攻擊、侮辱或者玩弄任何一位設(shè)計(jì)師，不要向他們轉(zhuǎn)達(dá)錯(cuò)誤的信息，如果下方列出了您的設(shè)計(jì)作品，并且您不希望它被展示，請(qǐng)隨時(shí)聯(lián)系我。

視覺：Neumorphism對(duì)于視力低下、失明和色盲用戶來說很難使用

https://dribbble.com/shots/10006635-Neumorphic-Rebound-of-Nomad-iOS-UI-Kit

當(dāng)設(shè)計(jì)重要的行為召喚按鈕（CTA）時(shí)，我們通常會(huì)注意使用足夠的對(duì)比，來讓其在頁面中足夠的醒目與突出。然而對(duì)于Neumorphism風(fēng)格來說沒有對(duì)比度可言，因?yàn)樵厥褂玫氖桥c背景相同的材質(zhì)，唯一區(qū)分他們的就是帶有一些角度的柔和陰影。

https://dribbble.com/shots/9393020-Mi-Remote-Control-Mobile-app

與臺(tái)式機(jī)、筆記本電腦相比，智能手機(jī)的應(yīng)用場(chǎng)景更加廣泛，不論是在室內(nèi)還是室外，它更有可能暴露在強(qiáng)光源之下。這種情況更加強(qiáng)調(diào)了足夠的對(duì)比度的重要性，同時(shí)對(duì)于視力較弱的用戶來說，在移動(dòng)設(shè)備上識(shí)別對(duì)比度弱的內(nèi)容是一項(xiàng)巨大的挑戰(zhàn)。

在WCAG 2.0中關(guān)于對(duì)比度有如下標(biāo)準(zhǔn)：

1.4.3對(duì)比度（最低）（AA級(jí)），要求至少4.5：1（文字可為3：1）的對(duì)比度，并且

1.4.6對(duì)比度（增強(qiáng)）（AAA級(jí)），要求至少7：1的對(duì)比度（對(duì)于大型文本，則為4.5：1）。

由于元素和視覺背景之間的對(duì)比度差異太小(或者太微妙)，視力不好、失明或者色盲群體在設(shè)備屏幕上交互的時(shí)候就會(huì)很困難。

認(rèn)知：Neumorphism讓用戶產(chǎn)生疑惑

https://dribbble.com/shots/9592062-Neumorphism-Smart-Home

通常來說添加陰影會(huì)使物體更加突出，但是在Neumorphism中，多數(shù)的元素都會(huì)漂浮或者凸起，在一塊有限的屏幕空間內(nèi)彼此競(jìng)爭(zhēng)，令人很難劃分正確的層級(jí)結(jié)構(gòu)，這就導(dǎo)致界面缺少焦點(diǎn)，從而讓用戶感到困惑，一眼望去不知道應(yīng)該將目光放在哪里。缺少正確的層級(jí)結(jié)構(gòu)會(huì)影響用戶做出正確的決策，并且干擾他們的思考過程。因此，當(dāng)存在許多操作選項(xiàng)，但是彼此之間缺乏明確的層次結(jié)構(gòu)和重點(diǎn)時(shí)，就會(huì)造成操作障礙，讓內(nèi)容變的難以理解，結(jié)果導(dǎo)致用戶對(duì)操作行為產(chǎn)生疑惑并且沒有足夠的判斷力。擁有良好UI/UX設(shè)計(jì)的產(chǎn)品不需要用戶思考。

認(rèn)知行為和學(xué)習(xí)障礙會(huì)影響人們處理信息的方式。例如，它們可以影響人們的感知、記憶、語言、注意力、解決問題的能力和理解力。

針對(duì)不同殘疾情況的專業(yè)術(shù)語各不相同，包括智力障礙、發(fā)育障礙；注意力缺乏多動(dòng)癥（ADHD）、自閉癥、癡呆、閱讀障礙等?！?[來源：W3.org]

https://dribbble.com/shots/9916835-Neumorphism-Smart-Home-app

身體：Neumorphism會(huì)讓人產(chǎn)生疑惑

我可以點(diǎn)擊它嗎？

哪個(gè)被選擇了？

哪個(gè)沒有？

這個(gè)是可以點(diǎn)擊的嗎？

還是不可以？元素的狀態(tài)通過內(nèi)外陰影的差別來展示，因?yàn)镹eumorphism主要依賴于不同色調(diào)和角度的陰影來實(shí)現(xiàn)，因此人們不禁要問，那么可點(diǎn)擊元素與不可點(diǎn)擊元素之間的界限在哪里？

https://dribbble.com/shots/9938821-Smart-home-app

每一個(gè)應(yīng)用了Neumorphism風(fēng)格的產(chǎn)品都可以根據(jù)其功能和產(chǎn)品需求來制定自己的UI規(guī)則，但是由于陰影、角度和浮動(dòng)程度的不同，導(dǎo)致元素之間缺乏一致性，可操作元素缺乏主導(dǎo)型，Neumorphism讓用戶感到疑惑，最終導(dǎo)致殘疾用戶群產(chǎn)生身體障礙。

當(dāng)元素被觸發(fā)時(shí)，它的狀態(tài)更改應(yīng)該足夠清晰，與不可操作的元素(內(nèi)容、狀態(tài)信息等)明顯的區(qū)分開來。提供明確的信息表明網(wǎng)頁或者手機(jī)應(yīng)用中的按鈕或者鏈接這類元素是可以點(diǎn)擊的，尤其是在交互行為中，用戶通常是通過視覺來感知元素的可操作性(然后通過觸摸板或者鼠標(biāo)來操作)，這些交互元素也必須能被那些使用特殊輔助設(shè)備（例如屏幕閱讀器）的用戶感知到?！?[來源：W3.org]

https://dribbble.com/shots/9838619-Music-Player-Neumorphism-Rebound-shot

Neumorphism始于Dribbble，也應(yīng)終于Dribbble，因?yàn)殡m然它看上去的確很吸引人，但是并不實(shí)際。

設(shè)計(jì)師們可以自由的嘗試、探索他們喜歡的設(shè)計(jì)趨勢(shì)或者風(fēng)格……我在這里只是想簡(jiǎn)單的表達(dá)一下為什么Neumorphism與可用性無法和諧共處，我并不是想阻止你去做這方面的練習(xí)(如果可以的話，我非常鼓勵(lì)每一個(gè)人都去嘗試這種風(fēng)格，并且繼續(xù)探索、實(shí)踐他們的想法，但也希望同時(shí)可以多考慮一些Neumorphism可能會(huì)對(duì)特殊群體帶來的影響)。

其實(shí)，在我的另一篇文章中我已經(jīng)說過，在這里我想再重申一下，這是2020年，作為一名設(shè)計(jì)師，我認(rèn)為在設(shè)計(jì)真實(shí)的產(chǎn)品項(xiàng)目時(shí)必須要重新評(píng)估我們的設(shè)計(jì)方式。我們不能為每一個(gè)人定制設(shè)計(jì)，但是也不能將殘疾用戶群排除在外。在智能產(chǎn)品的可用性和易用性方面我們還有很長(zhǎng)的路要走，但是它必須先以某個(gè)地方為起點(diǎn)。例如，可以從拋棄Neumorphism風(fēng)格開始，讓我們把注意力放在創(chuàng)造一種既美觀又實(shí)用的設(shè)計(jì)上來。

原作者：Uyen Vicky Vo，曾獲得IEEE（國際）、1APP（匈牙利）、A’WARD設(shè)計(jì)（意大利）、硅谷商業(yè)雜志（美國）以及最近的SAP Design-a-thon（美國）的設(shè)計(jì)大獎(jiǎng)

原文鏈接：https://uxdesign.cc/lets-talk-neumorphism-and-accessibility-44a48a6ace72

編譯：視覺派Pie

本文由 @視覺派Pie? 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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