幽门杆菌来源

We all know that the internet has its share of trolls – and likely always will.

我们都知道,互联网有其巨魔所占的份额,而且可能永远都会如此。

But in the early days of SitePoint, we noticed an interesting trend: Articles with author faces beside them were almost always treated more fairly in the comments thread than those without.

但是在SitePoint成立之初,我们注意到了一个有趣的趋势:在评论线程中,总是将带有作者面Kong的文章比没有评论的文章更公平地对待。

We found writers using caricatures or cartoon avatars faired better than those with nothing. Writers using logos or non-facial graphics were much more likely to attract aggressive and impolite feedback.

我们发现,使用讽刺漫画或卡通头像的作家比没有小说的作家更光荣。 使用徽标或非面部图形的作家更有可能吸引进取和不礼貌的反馈。

That didn’t mean photographic avatars completely shielded the author from criticism – nor would you want it to. But criticism tended to be much more even-handed and constructive.

那并不意味着摄影化身完全掩盖了作者免受批评的风采-您也不想这么做。 但是批评往往更加公正和富有建设性。

这里发生了什么事? ( What’s happening here?)

In a 2011 study for Social Psychological & Personality Science Journal, test subjects were asked to view a series of faces and then describe what emotion they saw in each face. The idea was to test their ability to imagine what another human is feeling – the characteristic we call empathy.

在2011年《社会心理与人格科学杂志》的一项研究中,要求测试对象查看一系列面Kong,然后描述他们在每张面Kong中看到的情感。 这个想法是为了测试他们想象别人的感受的能力,这就是我们所说的同理心。

Although results naturally varied from person to person, most people showed good skill at correctly identifying the facial expression they saw.

尽管结果自然因人而异,但大多数人在正确识别他们看到的面部表情方面表现出了很好的技巧。

The interesting part came when analyzing the video recording of each user test. High-speed cameras revealed that, before answering, each test user momentarily copied the expression they saw in the photo.

分析每个用户测试的录像时,有趣的部分来了。 高速摄像头显示,在回答之前,每个测试用户都会暂时复制他们在照片中看到的表情。

These so-called ‘microexpressions‘ were completely involuntary, unconscious and often barely perceptible to the naked eye, but seemed to help the subject make sense of what they were seeing.

这些所谓的“ 微表情 ”是完全非自愿的,无意识的,并且通常用肉眼几乎看不见,但是似乎可以帮助受试者理解他们所看到的东西。

The obvious question: what would happen if we blocked these microexpressions?

显而易见的问题: 如果我们阻止这些微表达会发生什么

肉毒杆菌毒素只有皮肤​​深 ( Botox is Only Skin Deep)

A few months later, the same test subjects were treated with botox before sitting another round of testing. As you might know, botox works by paralyzing the small facial muscles around the eyes and mouth. This reduced the appearance of wrinkles but also works to block micro-expressions.

几个月后,在接受另一轮测试之前,对相同的测试对象进行了肉毒杆菌毒素治疗。 如您所知,肉毒杆菌通过麻痹眼睛和嘴巴周围的小面部肌肉而起作用。 这减少了皱纹的出现,但也可以阻止微表情。

Amazingly, these ‘botoxed’ test subjects were significantly less able to interpret the faces they were seeing. Some kind of feedback loop was broken and their ability to empathize declined.

令人惊讶的是,这些“僵化”的测试对象解释他们所看到的面Kong的能力大大降低。 某种反馈回路被打破,他们的同理心能力下降。

It seems that when we physically mimic a facial expression, it triggers a memory of what that emotion feels like. You could say, we get into their mind by getting into their face.

看来,当我们在物理模拟的面部表情,它触发的是什么情绪感觉就像一个内存。 你可以说,我们通过进入他们的面Kong来进入他们的思想

在用户界面中建立共鸣 ( Building Empathy into our UIs)

When we associate words with a nearby face, the ‘internal voice’ we hear when we read is changed. I’ve animated the example below to show this in action. This sublime Dorothy Parker quote is presented:

当我们将单词与附近的面Kong关联时,阅读时听到的“内部声音”就会改变。 我为下面的示例制作了动画,以展示其实际效果。 这份崇高的桃乐丝·帕克(Dorothy Parker)语录如下:

  1. as pure text作为纯文字
  2. beside a vibrant, glowing Parker在充满活力的发光派克旁边
  3. beside a sad, almost broken Parker在一个悲伤,几乎破碎的帕克旁边

You can see that the same quote feels quite different each time the imagery alters. Something changes in our head.

您会看到,每次图像更改时,相同的引用都会感觉完全不同。 我们的头有些变化。

We all use lots of faces in our design work but I think there are two places where engaging user empathy is particularly useful.

我们所有人在设计工作中都会使用很多面Kong,但是我认为在两个地方吸引用户的共鸣特别有用。

  1. Any Kind of Editorial Text: Blogs, reviews, forums, comment threads, etc. Include a face any time you present ideas that you’d like your users to give attention and respect to. Obviously, a relaxed, confident smiling author is more likely to trigger relaxed, smiling, confident readers.

    任何形式的编辑文本 :博客,评论,论坛,评论主题等。只要您提出自己希望用户关注和尊重的想法,就可以使用一张面Kong。 显然,一个轻松,自信,微笑的作者更有可能触发轻松,自信,微笑的读者。

  2. Testimonials and Quotes: Testimonials are all about social proof. The more we can help a user with the testimonial author, the more weight they’ll place in the words.

    推荐和行情 :推荐都是关于社会证明的。 我们可以为用户提供更多帮助,他们在单词中的重要性会更高。

赶上 ( The Catch)

Everyone is a product of the world they grew up in and brings their own set of preferences and prejudices. It’s an imprecise science, but – if you have choice – displaying content from similar users to the reader (age, gender, and locality) is likely to get a more empathetic response.

每个人都是他们成长的世界的产物,并带来了自己的喜好和偏见。 这是一门不精确的科学,但是-如果您有选择-将相似用户的内容(年龄,性别和所在地)显示给读者,可能会得到更多的移情React。

And, of course, lay off botoxing your users (if you can).

而且,当然,请解雇您的用户(如果可以的话)。

Originally published in the SitePoint Design Newsletter.

最初发布在SitePoint设计新闻中 。

翻译自: https://www.sitepoint.com/botox-art-designing-empathy/

幽门杆菌来源

幽门杆菌来源_肉毒杆菌毒素和设计移情的艺术相关推荐

  1. 极端原理_为极端而设计

    极端原理 *You can also read this article in German here. *您也可以 在此处 阅读 德语文章 . In this article I'm going t ...

  2. 反馈页面设计_获得设计反馈的艺术

    反馈页面设计 I'm going to assume that you already know the importance of sharing work early and often to g ...

  3. ux设计中的各种地图_如何在UX设计中使用颜色

    ux设计中的各种地图 Color is the mother tongue of the subconscious. 颜色是潜意识的母语. - Carl Jung -荣格 Color has more ...

  4. ux设计_声音建议:设计UX声音的快速指南

    ux设计 Mating calls, warning grunts, and supportive coos are some of the sounds heard throughout the a ...

  5. sketch放入app组件_使用Sketch App设计CSS网格

    sketch放入app组件 首先定义您的网格 (Start by defining your grid) Sketch has 2 built-in layout features - Layout ...

  6. 护肤产生共鸣_通过以人为本的设计编织共鸣的20个指针

    护肤产生共鸣 Deep into a project right now, I can't help but reflect on how I practice empathy in design. ...

  7. 逻辑与计算机设计基础实验报告,学位论文_逻辑与计算机设计基础课实验报告.doc...

    学位论文_逻辑与计算机设计基础课实验报告 学生学号 0121410870432实验成绩 学 生 实 验 报 告 书 实验课程名称逻辑与计算机设计基础开 课 学 院计算机科学与技术学院指导教师姓名肖敏学 ...

  8. 综合实践计算机的入门知识教学设计,3-6年级综合实践活动3.我是电脑小画家_教案、教学设计_市级优课(0001)【信息技术】.doc...

    3-6年级综合实践活动3.我是电脑小画家_教案.教学设计_市级优课(0001)[信息技术].doc 田园处处景色美 (三年级) 教学设想教学设想 "田园处处景色美"这一节课是本单元 ...

  9. HTML+CSS+JS零食官网网站设计——美食零食官网(6页) html网页制作期末美食作业成品_小吃类网页设计期末作业

    HTML5期末大作业:零食官网网站设计--美食零食官网(6页) html网页制作期末美食作业成品_小吃类网页设计期 文章目录 HTML5期末大作业:零食官网网站设计--美食零食官网(6页) html网 ...

最新文章

  1. 网站位置服务器,如何查看网站的服务器位置
  2. NeedforSpeed:SHIFT
  3. 汇编语言 ADC指令和SBB指令
  4. Mask R-CNN详解和安装
  5. 设置log缓存_node多级缓存之redis缓存
  6. 使用WPF动态资源在Gtk3 C#中进行本地化
  7. mysql bin_超级有用的15个mysqlbinlog命令
  8. 使用Netapp与windows server 2012搭建 iSNS服务器
  9. 【区块链】区块链学习要点记录
  10. 基于车载以太网的音视频传输 AVB vs RTP
  11. 三、REPL(交互式解释器)
  12. 【单片机笔记】集USB充电、USB供电和电池供电的电源设计
  13. Android数据库备份和恢复
  14. Auto.js通知栏
  15. 从问题描述到电子运转 思维导图 《计算机系统概论》
  16. 以太网口差分电平_逻辑电平之常见差分逻辑电平(4)
  17. DICOM标准中关于C-Find,运用StudyTime进行查找时无法查找到数据的问题
  18. 2021章节练习基础(案例精选)30-40
  19. 系统降级熔断限流和排队
  20. adb 文件传输,解决只读文件系统Read-only file system问题

热门文章

  1. Harmonious Graph(并查集)
  2. 设置文字样式并写入CAD
  3. 1920*1080分辨率图片怎么调?图片尺寸分辨率如何修改
  4. 国产开源「文本-视频生成」模型!免费在线体验,一键实现视频生成自由
  5. 有特色的出版社图书封面
  6. 解决微信App支付服务端,App上提示“商户支付下单id非法”
  7. origin如何绘制双y轴曲线_origin怎么画双y轴 看完恍然大悟
  8. Go面试题——log.fatal和panic的区别
  9. mysql使用简单教程_Mysql使用简单教程(二)_MySQL
  10. STM32电路原理图