同理心案例及故事分享_神經形態,視覺可及性和同理心

同理心案例及故事分享

“A good UX designer has empathy”.

“優秀的UX設計人員具有同理心”。

This is something every UX designer has heard at some point in their career. Empathy helps us get into the mindset of the user and build solutions that solve real problems. By having empathy, designers gain a deeper understanding of the user and can advocate for what’s truly important to them.

這是每個UX設計師在職業生涯中都曾聽到的東西。 同理心可以幫助我們進入用戶的思維定勢,并建立解決實際問題的解決方案。 通過同理心,設計師可以更深入地了解用戶,并可以倡導對他們真正重要的東西。

Neumorphism is the modern derivation of skeuomorphism, the concept of modeling designs after their real-world equivalent. Empathy is embedded in the idea of skeuomorphism. It’s about taking something novel to your users and designing in a way they already understand. This can be an excellent way for designers to help build a conceptual model that their users can understand and relate to. An example of this is the computer “desktop” as designed by Steve Jobs in the '80s, which uses the idea of a real-life desktop as a metaphor, complete with a trash can to move unwanted ‘files’ into, files as places to put content into and folders to put files into.

擬態是擬態的現代派生,擬態是在現實世界中對設計進行建模的概念。 同理心植于擬態思想中。 這是關于為您的用戶帶來新穎的東西,并以他們已經理解的方式進行設計。 對于設計師來說,這可能是一種極好的方式,可以幫助他們構建一個用戶可以理解和聯系的概念模型。 一個例子就是80年代史蒂夫·喬布斯(Steve Jobs)設計的計算機“桌面”,它以現實生活中的桌面為隱喻,并帶有垃圾桶,可將不需要的“文件”移入文件中放入內容和文件夾以放入文件。

What started out as an effort to assimilate users into an uncertain environment has led to what we now know as “Neumorphism”, a low contrast, pastel color doting, minimalistic version of its predecessor. As designers, it is our job to design inclusive interfaces and as the golden saying goes, “You are not your users”. This is why the trend of Neumorphism has been so fascinating; it breaks affordances and sacrifices usability and accessibility for the sake of visual design. It tears down all of the empathy that went into skeuomorphism.

最初是為了將用戶吸收到不確定的環境中而導致的,現在我們稱為“ Neumorphism”,即低對比度,柔和的顏色點綴,其前身的簡約版本。 作為設計師,設計包容性界面是我們的工作,俗話說“您不是您的用戶”。 這就是為什么神經變態趨勢如此迷人的原因。 為了視覺設計,它破壞了功能并犧牲了可用性和可訪問性。 它推翻了所有進入擬態的同理心。

As new trends in visual design come into the limelight, we can sometimes be lost in their shiny newness and end up getting caught up in trends that can hurt our users. As humans, the things we cannot experience for ourselves are foreign and often reside in the back of our minds, but with 217 million people worldwide with vision impairments, it’s essential for us to design for accessibility and bring these problems to the forefront.

隨著視覺設計的新趨勢成為眾人矚目的焦點,我們有時可能會因為它們閃亮的新穎性而迷失方向,最終陷入會傷害用戶的趨勢。 作為人類,我們自己無法體驗的事物是陌生的,通常駐留在我們的腦海中,但是全球有2.17億視力障礙的人,對我們而言,設計無障礙環境并將這些問題置于最前沿至關重要。

By now, you’ve probably read many articles and comments detailing exactly why Neumorphism is an affront to accessibility. Still, I want to reframe the problem, bring in empathy, and put us all in the shoes of our users. Let’s experience the Neumorphic user experience from the eyes of people with visual impairments.

到目前為止,您可能已經閱讀了許多文章和評論,詳細說明了為什么Neumorphism冒犯了可訪問性。 盡管如此,我還是想重新構想問題,帶來同情心,并讓我們所有人都為我們所接受。 讓我們從視覺障礙者的眼中體驗Neumorphic用戶體驗。

For this experiment, I used the No Coffee Visual Simulator. This is a cool web extension that lets you simulate what different visual impairments might be like.

在此實驗中,我使用了No Coffee Visual Simulator。 這是一個很酷的Web擴展程序,可讓您模擬不同的視覺障礙。

NOTE: These simulations may not be 100% accurate, but they provide an idea of what low visibility might look like.

注意:這些模擬可能不是100%準確的,但是它們提供了低能見度的概念。

白內障 (Cataracts)

A cataract is the cloudiness of the eye lens. The symptoms can also be double vision and blurriness. I set the cataract feature to 10, which is about 50% on the extension.

白內障是眼鏡的渾濁。 癥狀還可能是雙眼和模糊。 我將白內障功能設置為10,大約是擴展的50%。

Cataracts: Neumorphism vs Higher contrast interface?—?higher contrast is easier to see

糖尿病性視網膜病變 (Diabetic Retinopathy)

Diabetic Retinopathy is the vision loss associated with diabetes, and it’s characterized by spots and floaters in the vision. I set the diabetic Retinopathy setting at 50%.

糖尿病性視網膜病是與糖尿病相關的視力喪失,其特征是視力中有斑點和漂浮物。 我將糖尿病性視網膜病變設置為50%。

Diabetic Retinopathy: Neumorphism vs Higher contrast interface?—?higher contrast is easier to see

青光眼 (Glaucoma)

Glaucoma results from damage to the optic nerve. It is characterized by tunnel vision in advanced cases. I set the glaucoma setting to 50%.

青光眼起因于視神經損傷。 在晚期病例中,其特征是隧道視野。 我將青光眼設置為50%。

Glaucoma: Neumorphism vs Higher contrast interface?—?higher contrast is easier to see

低敏度和低對比度 (Low Acuity & Low Contrast)

This experiment tested blurry vision and low contrast at levels 4 for both settings.

該實驗測試了兩種設置下4級的視力模糊和低對比度。

Low acuity & Low contrast vision: Neumorphism vs Higher contrast interface?—?higher contrast is easier to see

As depicted, in every variation, the higher contrast design is easier to see. The low contrast colors famously used in Neuromorphism blend together and make it harder to understand the interface.

如圖所示,在每個變體中,較高對比度的設計都更容易看到。 在Neuromorphism中使用的著名的低對比度顏色混合在一起,使界面難以理解。

This is just a cursory look into why Neumorphism is getting so much hate. Although I visually showed the visual accessibility issues with Neumorphism, there are other issues with affordance and cognitive load.

這只是粗略研究一下為什么同態性會引起如此多的憎惡。 盡管我從視覺上展示了神經變形的視覺可及性問題,但在負擔能力和認知負擔方面還有其他問題。

With 217 million individuals with moderate to full vision impairment and 1.1 billion individuals with near-visual impairment, it is vital to consider the needs of these users.

有2.17億中度至全視力障礙者和11億近視力障礙者,考慮這些用戶的需求至關重要。

I hope these images helped you empathize with people with visual impairments and see why Neumorphism, although beautiful, is harmful in the long run.

我希望這些圖像能幫助您對視力障礙的人產生同情,并了解為什么“神經形態”雖然美麗,但從長遠來看卻有害。

翻譯自: https://uxdesign.cc/neumorphism-visual-accessibility-and-empathy-d1c5ed2a1f03

同理心案例及故事分享

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/275525.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275525.shtml
英文地址,請注明出處:http://en.pswp.cn/news/275525.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

純CSS實現beautiful按鈕

大家好,我是若川。邀你進源碼共讀群學習交流。今天分享一篇好文。可收藏~近期工作中遇到一個需求——實現一些酷炫的按鈕,看到效果圖之后,按鈕確實漂亮,有彈跳、顏色漸變、掃光、霓虹燈,瞬間激起了我的好奇…

linux的內核有多小,Linux 內核有小bug?

今天讀著讀著Linux代碼,竟然無意中發現Linux 0.11內核有個小bug,呵呵,人非圣賢孰能無過。// 在目錄項數據塊中搜索匹配指定文件名的目錄項,首先讓de 指向數據塊,并在不超過目錄中目錄項數// 的條件下,循環執…

菜單窗口_菜單

菜單窗口The Hamburger Menu widget is on every other site nowadays. It has become synonymous with the web and, perhaps even more so, with web development. Have, for instance, a look at Dribbble or Codepen. There you’ll find a fair share of examples. They c…

帝國cms 打開打開轉換表文件失敗!

帝國cms 升級到最新版6.6 后 生成列表頁面和 搜索 時出現 “打開打開轉換表文件失敗!” 跟蹤文件找到 include($file); 這行代碼時出錯非常納悶,這個是php的內部命令啊,跟帝國的編碼應該沒有關系一直沒有再往下細找,只好根據錯誤提…

怎么在PDF上修改文字,PDF修改文字的步驟

怎么在PDF文件上修改文字呢?其實現在的很多的PDF文件上會出現文字錯誤的情況,想要修改PDF文件上面的文字卻不知道怎么修改,想要修改PDF文件還是比較簡單的,使用專業的PDF編輯器就可以進行操作了,下面小編就為大家分享一…

linux raw限制端口訪出,使用Linux raw socket時需要注意的一些問題

本文的copyleft歸gfree.windgmail.com所有,使用GPL發布,可以自由拷貝,轉載。但轉載請保持文檔的完整性,注明原作者及原鏈接,嚴禁用于任何商業用途。作者:gfree.windgmail.com博客:linuxfocus.bl…

讀完 Vue 發布源碼,小姐姐回答了 leader 的提問,并優化了項目發布流程~

大家好,我是若川。這是 源碼共讀 第三期活動,紀年小姐姐的第三次投稿。紀年小姐姐學習完優化了自己的項目發布流程,而且回答了leader對她的提問,來看看她的思考和實踐。第三期是 Vue 3.2 發布了,那尤雨溪是怎么發布 Vu…

小程序背景圖片的坑

本人是前端菜鳥一個,比小白還要白,這完全是自己的經驗總結,并不是要給各位分享什么寶貴經驗哈,各位大佬不喜勿噴,不然會打擊到我的哈哈因為公司要求做幾個小程序的頁面,我不得不拾起丟棄了幾個月的小程序開…

SimpleAdapter類使用方法

SimpleAdapter的構造函數是&#xff1a; public SimpleAdapter (Context context, List<? extends Map<String, ?>> data, int resource, String[] from, int[] to) 官方說明了其各個參數含義&#xff0c;我這里根據自己的理解解釋下&#xff1a; 第一個context&…

小程序 富文本自適應屏幕_自適應文本:跨屏幕尺寸構建可讀文本

小程序 富文本自適應屏幕Many of you may already know about responsive web design. Cited from Wikipedia, responsive web design (RWD) is an approach to web design that makes web pages render well on a variety of devices and windows or screen sizes. The respon…

Vue、React 之間如何實現代碼移植?

大家好&#xff0c;我是若川。面對前端最火的兩個框架&#xff0c;學 React 還是 Vue &#xff1f;這可能是每個前端人都曾糾結過的問題。不過&#xff0c;現在你不用糾結了——因為很多公司都是兩個框架都有大量的應用&#xff0c;取決于不同團隊的技術選型&#xff0c;特別是…

linux mariadb 亂碼,配置mariadb遠程訪問權限,解決數據庫亂碼問題

配置mariadb遠程訪問權限&#xff1a;1)登錄數據庫:# mysql -uroot -p2)配置授權數據庫用戶遠程訪問權限&#xff0c;%表示所有遠程IP&#xff0c;也可以指定IP。WITH GRANT OPTION表示mysql數據庫的grant表中重新加載權限數據&#xff1a;GRANT ALL PRIVILEGES ON *.* TO 用戶…

平面設計師和ui設計師_游戲設計師的平面設計

平面設計師和ui設計師Design is a very ancient practice, but graphic design really found its core principles post World War One. Games are also very ancient but video games are still finding their feet. I think graphic design has a few things to teach people…

從零開發一個命令行腳手架工具 等

大家好&#xff0c;我是若川。今天周末&#xff0c;話不多說&#xff0c;這一次花了幾小時精心為大家挑選了20余篇好文&#xff0c;供大家閱讀學習。本文閱讀技巧&#xff0c;先粗看標題&#xff0c;感興趣可以都關注一波&#xff0c;絕對不虧。前端宇宙小編就職于某大廠&#…

linux的HAL庫函數,STM32 HAL庫 IIC 協議庫函數

/* 第1個參數為I2C操作句柄第2個參數為從機設備地址第3個參數為從機寄存器地址第4個參數為從機寄存器地址長度第5個參數為發送的數據的起始地址第6個參數為傳輸數據的大小第7個參數為操作超時時間 */HAL_I2C_Mem_Write(&hi2c2,salve_add,0,0,PA_BUFF,sizeof(PA_BUFF),0x10)…

pku acm 2140 Herd Sums http://acm.pku.edu.cn/JudgeOnline/problem?id=2140

2140代碼短小精悍&#xff1a;#include<stdio.h> int main() { int cnt0,i; long s; scanf("%ld",&s); for(i1;(i1)*i/2<s;i)if((s-(i-1)*i/2)%i0)cnt; printf("%d\n",cnt); return 0; }轉載于:https://www.cnblogs.com/Chinese-Coder-C…

java合成海報的工具類

2019獨角獸企業重金招聘Python工程師標準>>> package io.renren.common.utils;import cn.hutool.core.lang.Console; import io.renren.modules.oss.cloud.OSSFactory;import javax.imageio.ImageIO; import javax.imageio.stream.ImageOutputStream; import java.a…

a說b說謊b說c說謊說d說_說謊的眼睛及其同伙

a說b說謊b說c說謊說d說The eye is a complex and temperamental organ. By the end of this article, designers will have a better understanding of how the eye works with the brain, how it deconstructs images that the brain stitches back up again, and how the two…

一名運營,自學一年前端,成功入職杭州某獨角獸企業,他的面試經驗和學習方法等分享...

大家好&#xff0c;我是若川。這是我的微信群里小伙伴年年 的投稿。他是19年畢業&#xff0c;之前做的是運營相關的工作&#xff0c;在我的交流群里非常活躍&#xff0c;自學一年前端&#xff0c;目前成功轉行入職杭州一家獨角獸企業。相信他的文章能帶給大家一些啟發和激勵。0…

linux下svn relocate,如何進行svn?relocate?操作

1。進入工作復本&#xff03;> cd ~/test2。查看倉庫地址(URL)&#xff03;> svn info路徑&#xff1a;.地址(URL)&#xff1a;http://192.168.28.1/repos/test檔案庫 UUID&#xff1a;a81f9bed-3506-0410-b369-e50476f75162修訂版&#xff1a;44節點種類&#xff1a;目錄…