從訪問性障礙出發,聊聊Neumorphism的可用性

1 評論 3873 瀏覽 10 收藏 10 分鐘

設計師在設計真實的產品項目時必須要評估自己的設計方式,在智能產品的可用性和易用性方面需要有更多的思考,不能將殘疾用戶群排除在外。

Neumorphism被預測為2020年最主要的UI設計趨勢,在Dribbble上隨處可見這樣的設計風格。Neumorphism是將New和Skeuomorphism組合起來的單詞游戲。它通過使用帶有角度的陰影樣式,來對設計元素加以突出并強調。這種設計風格讓元素看起來更加真實、有未來感、更現代,有吸引力,并且令人眼前一亮。

但是說實話,真實設計中的它并不是很實用,嘗試去打造一款Neumorphism風格的產品可能會令你感到很挫敗,包括團隊中的開發人員、用戶和患有感知障礙的特殊用戶群(目前,有5700萬的美國人患有某種程度上的殘疾,其中54%的成年人有上網能力,殘疾群體不是一個傳說。)— [資料來源:W3.org]。

根據W3的報告顯示,殘疾用戶的網站和手機應用的可訪問性障礙主要包括以下幾點:

  • 聽覺
  • 認知
  • 神經學
  • 身體
  • 語言
  • 視覺

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

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

提前聲明:我并不是可用性和Neumorphism方面的專家,這篇文章旨在分享有關Neumorphism的一些想法和觀點,下方使用的Dribbble作品只是用來當作案例來佐證我的觀點,我沒有想要去攻擊、侮辱或者玩弄任何一位設計師,不要向他們轉達錯誤的信息,如果下方列出了您的設計作品,并且您不希望它被展示,請隨時聯系我。

視覺:Neumorphism對于視力低下、失明和色盲用戶來說很難使用

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

當設計重要的行為召喚按鈕(CTA)時,我們通常會注意使用足夠的對比,來讓其在頁面中足夠的醒目與突出。然而對于Neumorphism風格來說沒有對比度可言,因為元素使用的是與背景相同的材質,唯一區分他們的就是帶有一些角度的柔和陰影。

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

與臺式機、筆記本電腦相比,智能手機的應用場景更加廣泛,不論是在室內還是室外,它更有可能暴露在強光源之下。這種情況更加強調了足夠的對比度的重要性,同時對于視力較弱的用戶來說,在移動設備上識別對比度弱的內容是一項巨大的挑戰。

在WCAG 2.0中關于對比度有如下標準:

1.4.3對比度(最低)(AA級),要求至少4.5:1(文字可為3:1)的對比度,并且

1.4.6對比度(增強)(AAA級),要求至少7:1的對比度(對于大型文本,則為4.5:1)。

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

認知:Neumorphism讓用戶產生疑惑

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

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

認知行為和學習障礙會影響人們處理信息的方式。例如,它們可以影響人們的感知、記憶、語言、注意力、解決問題的能力和理解力。

針對不同殘疾情況的專業術語各不相同,包括智力障礙、發育障礙;注意力缺乏多動癥(ADHD)、自閉癥、癡呆、閱讀障礙等?!?[來源:W3.org]

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

身體:Neumorphism會讓人產生疑惑

我可以點擊它嗎?

哪個被選擇了?

哪個沒有?

這個是可以點擊的嗎?

還是不可以?元素的狀態通過內外陰影的差別來展示,因為Neumorphism主要依賴于不同色調和角度的陰影來實現,因此人們不禁要問,那么可點擊元素與不可點擊元素之間的界限在哪里?

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

每一個應用了Neumorphism風格的產品都可以根據其功能和產品需求來制定自己的UI規則,但是由于陰影、角度和浮動程度的不同,導致元素之間缺乏一致性,可操作元素缺乏主導型,Neumorphism讓用戶感到疑惑,最終導致殘疾用戶群產生身體障礙。

當元素被觸發時,它的狀態更改應該足夠清晰,與不可操作的元素(內容、狀態信息等)明顯的區分開來。提供明確的信息表明網頁或者手機應用中的按鈕或者鏈接這類元素是可以點擊的,尤其是在交互行為中,用戶通常是通過視覺來感知元素的可操作性(然后通過觸摸板或者鼠標來操作),這些交互元素也必須能被那些使用特殊輔助設備(例如屏幕閱讀器)的用戶感知到。— [來源:W3.org]

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

Neumorphism始于Dribbble,也應終于Dribbble,因為雖然它看上去的確很吸引人,但是并不實際。

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

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

 

原作者:Uyen Vicky Vo,曾獲得IEEE(國際)、1APP(匈牙利)、A’WARD設計(意大利)、硅谷商業雜志(美國)以及最近的SAP Design-a-thon(美國)的設計大獎

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

編譯:視覺派Pie

本文由 @視覺派Pie? 翻譯發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 的確,實用性比較受到場景的限制。
    但某些功能單一場景,或部分行業應用(例如智能家電),還是比較合適的。

    來自安徽 回復