同理心案例及故事分享

“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.taodudu.cc/news/show-894165.html

相关文章:

  • 菜单窗口_菜单
  • 小程序 富文本自适应屏幕_自适应文本:跨屏幕尺寸构建可读文本
  • 平面设计师和ui设计师_游戏设计师的平面设计
  • a说b说谎b说c说谎说d说_说谎的眼睛及其同伙
  • 百度指数可视化_可视化指数
  • sketch钢笔工具_Sketch和Figma,不同的工具等于不同的结果
  • figma下载_Figma中的动态内容和颜色
  • 基于上下文的rpn_构建事物-产品评论视频中基于上下文的情感分析
  • 单选按钮设置为被选中状态_为什么要设置错误的按钮状态
  • 产品设计美学案例分析_美学在产品设计中的重要性
  • ux设计中的各种地图_UX写作中的移情
  • 苹果风格ui_苹果如何使Soft-UI成为未来
  • illustrator下载_平面设计:16个Illustrator快捷方式可加快工作流程
  • open ai gpt_让我们来谈谈将GPT-3 AI推文震撼到核心的那条推文
  • 计算机视觉笔记本推荐_视觉灵感:Mishti笔记本
  • layui选项卡嵌套选项卡_在ProtoPie中使用嵌套组件构建选项卡栏
  • myeclipse深色模式_完善深色模式的调色板
  • figma设计_设计原型的最简单方法:Figma速成课程
  • ios 按钮图片充满按钮_iOS有一些非常危险的按钮-UX评论
  • swiftui_SwiftUI的混合包
  • 数据挖掘 点击更多 界面_8(更多)技巧,可快速改善用户界面
  • matlab绘制路线图_绘制国际水域路线图
  • figma下载_通过构建7个通用UI动画来掌握Figma中的动画
  • 黑客宣言_情感设计宣言
  • 钮扣电池电压电量_纽扣厂
  • 印发 指南 通知_通知设计的综合指南
  • 现代人的压力和焦虑_设计师如何建立减少焦虑和压力的体验
  • 去贵阳参观大数据到哪参观_您必须参观的四个世界
  • figma下载_我关于Figma文件封面的故事
  • lynda ux_如何进入UX领域

同理心案例及故事分享_神经形态,视觉可及性和同理心相关推荐

  1. c# 计算空格宽度像素_Adv. Mater:2D材料缺陷工程实现全光控存储和神经形态计算...

    研究背景 在当前的人工视觉技术中,最先进的成像设备可以有效地检测图像.但是,这些系统会生成大量的冗余数据集,这需要大量计算来提取有意义的信息和大数据存储.此外,这些高要求导致了数据延迟和高功耗,对下一 ...

  2. 批次管理的质量跟踪案例分享_食品加工行业

    批次管理的质量跟踪案例分享_食品加工行业 最近接触了一个食品行业的项目,针对食品行业有几大特点和行业的特殊性: 1.保质期的控制与管理 2.物料进行化学实验 3.原料采购时扣率 4.物料进行批次跟踪 ...

  3. “AI芯片”通识_AI产品经理看这一篇就够了_团员分享_@书博

    前言:本文作者团员@书博 ,从事过芯片.硬件.嵌入式等相关工作,最近希望成为"AI芯片"领域的产品经理,所以专门深度研究这个领域,输出了这篇文章.本文,是用产品经理能够看得懂的语言 ...

  4. 人脸识别产品设计,AI产品经理需要了解的实战干货都在这里了_团员分享_@阳春柏樰...

    前言:本文作者团员@阳春柏樰,有2年半CV相关产品经验.本文,再加上本公众号曾分享过的文章<人脸识别 | AI产品经理需要了解的CV通识(二)>,就足够产品经理们入门人脸识别了,推荐大家收 ...

  5. 一文看懂“业务定制智能客服”的产品设计_团员分享_@苍狼剑歌

    前言:本文作者是"AI产品经理大本营"团员@苍狼剑歌,现任某一线大厂AI产品经理.另外,文末还有2个"hanniman读者专属福利",1)优惠券 for 三节课 ...

  6. 一文看懂“声纹识别VPR” | AI产品经理需要了解的AI技术概念_团员分享_@cony

    前言:声纹识别是AI领域中一个看似很小.但其实有机会在近期落地,且比较有意思的细分方向:本文作者是"AI产品经理大本营"团员@cony  ,她总结了AI产品经理"最必要& ...

  7. 一文了解“医疗影像+AI”发展现状_团员分享_@lazy_yy

    前言:本文作者是咱们AI产品经理大本营成员@lazy_yy,他用最干练的文字,帮大家快速了解"医疗影像+AI"方向的基本信息.欢迎更多AI产品经理们也来加入干货输出队伍:) . 医 ...

  8. 如何规划一款AI硬件产品(以人脸识别考勤门锁为例)_团员分享_@ocean

    前言:本文作者团员@ocean,分享了很多来自实战的内容,特别是人脸识别考勤门禁一体机的需求分析,以及人脸识别算法指标(准确率.召回率.误识率.拒识率.ROC曲线和识别速度),大家能直接借鉴到自己的工 ...

  9. 基于ssm的生活故事分享交流博客系统

    基于SSM的生活故事分享交流博客系统 摘要 随着互联网技术的快速发展,无论是人们的生活还是工作,互联网技术都带来了很多的方便,人们通过互联网技术不仅能够提高工作效率还能够降低出错的几率.由于目前很多生 ...

最新文章

  1. Android JNI入门第五篇——Android.mk分析
  2. oracle sql语句
  3. java求质数为什么%3ci 2_C语言程序设计部分习题及例题参考程序
  4. go 安装 mysql 链接驱动
  5. 4 网络、挂载、关机
  6. 服务器kvm切换器维修,KVM切换器常见问题
  7. 关于Markdown编辑器添加使用锚点的问题
  8. html页面关闭执行函数,html页面调用js文件里的函数报错--方法名 is not defined处理方法...
  9. Android系统性能优化(54)---Android性能分析专题
  10. java openxml 操作 word_OpenXML操作word
  11. python自学行吗-有编程基础Python自学行吗?
  12. 【辨异】entice, tempt, lure, seduce, induce
  13. 前景检测算法(二)--codebook和平均背景法
  14. zabbix监控之zabbix源码部署 (安装篇)
  15. 坦克大战java版代码_java版本坦克大战源代码
  16. T3普V11.2补丁bug
  17. 渥太华大学计算机学硕录取过程,西农计算机拟录取名单公布,初试第一被刷,289分倒数第一上岸...
  18. 如何制作Excel斜线表头
  19. 第3周课件-全网最详细的ORB-SLAM2精讲
  20. Java入门基础知识点一

热门文章

  1. 求圆和椭圆上任意角度的点的坐标
  2. html5编辑文档,HTML5带各种趣味动画的文本编辑器
  3. 商品评价判别,文本分类——学习笔记
  4. sulin Python3.6爬虫+Djiago2.0+Mysql --实例demo
  5. 《深入理解Java虚拟机》读书笔记
  6. Magento--判断checkout中是否使用了coupon code
  7. Android ContentProvider
  8. Console Snacks[摘自Advanced Rails Recipes]
  9. 開發MOSS2007 Masterpage的一些經驗
  10. 世界领先的界面设计公司:The Skins Factory