童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

人脸元素让网页看起来更加人性化,这种设计手法有哪些讲究?

2月22日 观潮阁投稿
  展示出你的团队,你的用户和真实的表情反馈,这会让你的设计更具有感染力。
  设计和艺术有真大的差别,很大程度上,设计算得上是一门系统科学。所以,当心理学原理和设计的技巧结合到一起的时候,并不令人惊讶。其实,在进行设计的时候,设计师或多或少地会运用到一些心理学的规律和原理,来提升设计作品的参与度,强化和用户之间的情感联系。
  在诸多规律当中,使用包含人脸或者人物的图片来同用户建立情感联系,是最常见的一种结合了心理学的策略。人脸元素能够让APP网站海报看起来更加人性化,更容易创造明确的情感和情绪上的共鸣。那么,在实际的设计过程中,这种设计手法具体有着哪些讲究呢?今天的文章,我们来聊聊这些技巧。
  1、与用户关联
  对于可能同用户产生关联的元素,每个设计师心中可能都有一个列表。色彩,按钮大小,文案这些元素都可能都会影响到用户参与度和页面的转化率,但是一张真实的人类面孔所带来的影响可能会更加显著。
  想想你最喜欢的那些网站,人类的面孔是不是会更容易让你注意到,更容易被聚焦?仔细回想一下那些能够影响到你决策的广告、文章、内容,其中是不是有相当一部分都包含有各种个月的面孔和表情?
  屏幕上包含有人物和面孔的图片,能够更好地触发用户的情绪,这些被精心设计的面孔能够引起用户共情:“他们和我是同一类的人”或者“我想要和他一样”。这样的情绪是隐晦而非直接的,但是它们能够让用户对于这个面孔背后的产品或者服务产生兴趣。
  Kissmetrics这个博客列举出了提升用户参与度和转化率的5种心理学原则,其中之一就是用户对于面孔的识别,能够吸引用户注意力,并且传达情感:
  人的面孔对于用户的吸引力比其他的元素要大得多,这是一种生物本能。所以,你可以借助这一规律引导用户注意到页面中关键性的元素。尤其是当你页面中的面孔双眼正好指向CTA按钮,那么绝大多数的用户会沿着视线去寻找位于那个方向的按钮。
  2、用表情来营造情感基调
  当你注意到别人打哈欠的时候,你会不会也有类似的冲动呢?情绪、行为其实都会受到别人的影响,有的是从众心理,有的则源于暗示,但是无论如何,情绪和行为是具有“传染性”的。几乎所有的情绪都具有某种意义上的传染性,而带有面孔的图片会借由氛围、色彩、布局和表情来传递快乐、振奋、痛苦、孤独、厌恶、愤怒等不同的情绪。换句话来说,图片能够营造出情感氛围。
  这种说法并非主观认知,而是有科学和理论支撑的:
  我们认知体系当中的各种感觉和印象,很大程度上是外部的社会化的影响所造就的。外观、表情和人物形象之所以这么重要,是因为它们即使痕迹很细微也同样可以有效地传递感觉,塑造观者脑中的印象。
  当然,情感联系的建立不仅仅是依靠图片中人物的表情,图片的质量、氛围和内容以及传递信息的方式与质量也同样会影响情感联系。而这些又会随着文化、用户年龄和领域而出现差异,因此,在选择设计项目的图片的时候,请仔细思考你的用户受众和他们想要的东西,精准地设计内容。(这也是为什么你需要做足够的用户研究)
  为了创建出足以驱动用户参与甚至融入的设计,你需要在设计中加入和产品或者服务相匹配的表情和情感。很多产品一味地使用笑脸来创建积极的情绪,但是很多时候,正确比积极更重要。
  3、建立信任
  如果用户能够看到产品和服务的创建者的脸,有助于建立产品品牌和用户之间的情感关联,通过真实的人让用户对于产品更加信任。在这种设计策略之下,面孔和表情能够通过下面的方式来实现这一点:
  用户通过团队成员照片看到项目的参与者的脸
  可以让用户以积极的方式看到产品或服务同人交互的场景
  用户可以通过面部表情和肢体语言中了解到用户对于项目的实际感受,视频是个不错的展现渠道
  让某些使用者真实地阐述使用体验
  图片和视频是展现品牌可信度的重要渠道,当然你得让它们看起来足够真实
  越多真实的用户查看你的网站,才能让更多的用户逐步对它产生信任。假模特有的时候不知道如何正确地与产品交互,这实际上可能对品牌造成危害。当然,使用真实的工作人员和用户会更有效果,但是一定要确保图片素材足够优质,氛围也营造得到位。
  4、引导视觉
  图片中人物形象的脸所能创造的情感联系,合理的运用还能在页面中起到视觉引导的作用。借助这些人物形象,你可以帮助用户了解接下来要看哪里。
  用户可以通过图片中人物的眼睛朝向,被引导着看接下来的内容。
  眼神接触是绝大多数人在沟通交流的时候,必要的行为之一,而用户面对设计作品的时候,也遵循着同样的规律。让屏幕上的人物向下看,用户会向下滚动浏览;向左右看,用户会沿着视线发现其他的CTA元素。
  5、警惕“假脸”
  另外,值得一提的是,要警惕那些看起来就很假的假脸。我想你应该看过那样的素材,尤其是那些被精心设计的模特的脸,上面常常有着被设计的、能被分辨出来的带着假表情的脸。
  面部表情是用来建立情感联系,获取用户信任的,假脸无论是从哪个角度上来看都无法达成这些目标,甚至会对整个设计产生危害。
  6、结语
  访客喜欢看到真实的人类,想去了解别人在使用某些产品和物品时候的感受,这也使得各种人物形象和表情在设计中发挥着巨大的作品。展示出你的团队,你的用户和真实的表情反馈,这会让你的设计更具有感染力。
  
  原文作者:CARRIECOUSINS
  原文地址:designshack
投诉 评论 转载

如何让天猫精灵对话更自然?我提出了6个优化方法为了更实际的感受语音交互,前段时间下单了天猫精灵,用了一段时间,除去技术上的限制,觉得它在主要功能上设计还是比较完整的,但是用起来还是不是那么流畅自然,所以试着从PM的角度写下……5个技巧,打造让人印象深刻的LOGO也许你不再可能复制Nike的对勾LOGO的成功,但是你可以通过正确的方式来创造一个令人难忘的LOGO。LOGO可能是用户和品牌在视觉上进行沟通的最重要的方式。用户通过它来……AmazonAlexa语音设计指南(四):Alexa怎样回答本文为《AmazonAlexa语音设计指南》系列译文的第四篇,enjoy提供限制性选择为了让用户可以做明确的选择,你需要有效的组织问题。开放式(openended)……AmazonAlexa语音设计指南(三):Alexa怎样回答本文为《AmazonAlexa语音设计指南》系列译文的第三篇,enjoy第三章Alexa怎样回答Alexa通过一种自然对话的方式进行应答(respond)……AmazonAlexa语音设计指南(二):用户说什么本文为《AmazonAlexa语音设计指南》系列译文的第二篇,enjoy第二章用户说什么人类对话,即实时合理的意图交换。关于如何表达以及如何从对话中提取内涵,其实难……情感化设计最重要的是,要想办法和用户“共情”单纯地呈现一种画面,是很难触达到用户的情感,但通过场景化的故事方法,却能引起用户的共鸣。具体怎么做呢?本文作者结合自身经验与我们分享其看法,enjoy2016年,我所做的……AmazonAlexa语音设计指南(一):设计流程本文是一篇来自阿里云交互设计师的译文,并结合以往的VUI设计经验与我们分享。enjoy译者注:2014年11月6日,AmazonEcho在亚马逊官网悄然上市,我们未……我在ITUX做交互设计的经验感悟我的感悟是:交互设计师真正提高的标志是思维思想上面的提高,而非专业技能的提高。去年四月份,带着平静的心情来H区面试ITUX项目组。初次进入H区,有种安静、祥和、隔绝之感,……用户界面设计中的视觉差异我们的眼睛很奇怪,因为它经常对我们说谎。但如果你了解人类视觉感知的这种特性,你就能设计出更友好的用户界面。如果你是一个字体设计者,通过利用人眼的视觉特性,你就能设计出“看上去”……人脸元素让网页看起来更加人性化,这种设计手法有哪些讲究?展示出你的团队,你的用户和真实的表情反馈,这会让你的设计更具有感染力。设计和艺术有真大的差别,很大程度上,设计算得上是一门系统科学。所以,当心理学原理和设计的技巧结合到一……视错觉与UI元素间的可能视觉原理在当下红火的机械视觉中是必不可少的,那在我们日常工作的UI产品设计中又有什么可能性的呢?今天,我从“视错觉”这个角度,探索下如何运用在UI上。第一篇:视错觉历史……改进用户体验的有效方法:用户历程本文将来讲述游戏背后的运作机制,即用户历程对整个用户体验的提升。enjoy想必现在大家对于游戏化设计已经不再陌生。这种借由挑战、成就和奖励来强化用户互动的设计策略,已经深……
如何优化单个网页一个网站如何做关键字的布局?为什么感觉优化好但是没排名?如何让网站快速被收录新网站如何快速收录网站降排名的原因是什么为什么有的网站被秒收录如何挖掘长尾关键词?长尾关键词对SEO的影响是什么?网络部SEO培训方针百度如何收录新网站?SEO内容优化原创至上网站优化过程的介绍
飞扬的青春恐猫为什么灭绝?捕猎胜过剑齿虎,却在气象灾害中灭亡家有音乐只有id怎么查苹果手机的定位(怎么查手机位置)拔牙后,怎样促进牙龈伤口愈合?天平山之旅盆栽可以带上高铁吗乘坐高铁可以带盆栽吗选购理财产品注意事项永远的家五年级学生作文数码软件产品教程荣耀x10和iqooz1区别参数对比手机植入木马监控微信和通话(手机定位木马软件哪里有)陆金所债权转让的条件是什么

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界