网页感知价值研究:UI中的感知价值

“感知”本身是心理学层面的概念,界限很模糊,以下是围绕网页感知价值研究的一篇文章,来自nngourp。定义:感知价值是指对产品或服务目标的主观感受。


“感知”本身是心理学层面的概念,界限很模糊,以下是围绕网页感知价值研究的一篇文章,来自nngourp。

网页感知价值研究:UI中的感知价值

UI中的感知价值

拥有好的感知价值的对用户浏览网站是很有帮助的,用户都希望能够在浏览时有好的预见性来帮助他们提升效率。有时候你不会因为因为一本书的封面去评价它。但在互联网世界中,人们通常会以貌取“网”,不管是说产品还是服务介绍,我们的第一印象还是它的页面。对页面有一个好印象直接影响到你是否会继续浏览,所以有好的感知价值对网站门户十分重要。换句话说,如果我们所看到的内容展示符合我们的预期,可以产生高感知价值,对了解产品或服务都有好处。

定义:感知价值是指对产品或服务目标的主观感受。

主要是多通道的从用户到用户和任务到任务:比如,我想了解最新的新闻,但在这个电商网站上我却第一眼看到了买鞋子的信息,此时内心肯定有小崩溃,我对这个网站的感知价值也会降低,寻找新闻的意向也会降低(不管怎样,就算在有心去找新闻,也会觉得价值不足或者会浪费很多时间)。感知价值是基于使用者的看法而不一定是数据或逻辑。

期望效益:感知价值 vs. 感知成本

影响网站感知价值的要素多种多样;有些是有关于自身用户界面,关系到市场,品牌价值或者公司具体经营。举个例子,如果有一家银行向我推荐看起来很简陋的信用卡,我大概可以想象到这家银行的网站的UI或者视觉设计品质是什么样子。再比如,如果我的所有朋友都使用某个社交网站,即使我没有体验过也会对它有较高的感知价值,从而产生积极的第一印象,不论是他的网站还是app应用。

在物质世界中,我们经常会通过门店招牌或门前装饰直接判断店铺的优劣:如果店铺橱窗放的商品很多很杂,自然会有廉价感;如果是用敞亮的玻璃窗配上精致的高档商品,自然会传达给看见的人高价值感。(这个现象可以用人类的”稀缺性偏见(scracity bias)”来说:显露出很多的物件会让人觉得很容易获得,而单个对象反而会给人产生难以获得的感觉)。同理,在网页的视觉展现上设计一些漂亮的图片或其他图形元素,当然得切合主题。这样会自然提示访客对网站整体的感知价值。

网页感知价值研究:UI中的感知价值

(这是在我住的街区的两家商店,在不是很了解贩卖内容的情况下,内心会自动驱使我去第二家。)

杂乱无章的的内容会降低对详细内容的注意力,甚至会影响访客直接获取有效信息的效率。因为“光晕效应 halo effect”,直接影响人对其对象的价值判断。值得关注的是,访客对网站的第一印象第一要能快速了解这里是做什么的或提供什么样的服务。并不是每个网站都要做出那种高端华丽或很有格调的效果,因为让某一个用户感受价值,不一定会让另一用户有相同感受。这样的“期待预算”可以直接在Tigerair网站的设计氛围上看出,“可爱”的字体,明亮的色调,突出的字体等无不突出这个站点的核心服务买点和服务目标用户-即低价机票和非商务人士。

如果在Tigerair上的航班价格和新加坡航空(Singapore Airline)的还要昂贵,用户会自然不会为这个看着不靠谱的网站买单。也就是说,用户会更关心服务看其来更加专业,但设计较为保守的新加坡航空官网。

网页感知价值研究:UI中的感知价值

让我们看一下亚洲的航线。每个网站的设计都可以让访客立即感受到其服务等级和价格定位。用暗色调和严谨官方式设计风格的新加坡航空(左图)直接给人以高端和会提供更好的服务。相对比由明亮色调和可爱视觉元素构成的Tigerair(右图)自然让人感觉这里提供的航班价格是相对廉价的,以及面向用户人群也是学生或旅行预算不多的人。每个网站所提供的价格或服务都可以直接通过其感知价值来展现。

在本次研究中,感知价值在网站设计的重要之处为我们提供最新的可用性探索研究,比如本文中提到的色彩组合、形象化图示、产品陈列所传达的信息以及对优秀服务的保证。相反,有些竞品网站没有在设计上突出自身特点,细节上处理不当。直接影响到访客的感知价值,造成了品牌认知弱等不良感知。人是视觉动物,第一印象直接影响访客的判断:用户在感受某个品牌时感觉到不符合“口味”,此时他们也不会全心全意的投入去完成“任务”,可能只是大概的看看,并不会去深挖信息,甚至会很快的放弃寻找。

直觉就是现实

用户对网站的第一印象在感知价值中扮演着重要的角色,影响他们对这个网站的产品或服务的判断,用户的去留都来自这个第一感知。你可以提升你网站的实用性,一定要传递正确的信息和良好的使用性给用户

 

原文作者:Aurora Bedford

译者:朱子健

本文由 @朱子健 翻译发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26221/

(0)
CatherineCatherine
上一篇 2017-05-13 19:16
下一篇 2017-05-13 21:17

相关推荐

  • 用AB测试改进用户体验设计,做出正确决策

    本文转译自TubikStudio,全文有删减。设计师们每天都在面对一些难以抉择的情况。面对这样的问题,有经验的团队会对两者进行测试,来确定哪种方案最好,其中一种流行的方法是AB测试。AB测试将用户分成两组,每组都显示不同的版本,一半看到A版本,另一半看到B版本。AB两个选项的差异根据产品经理来决定,可以是颜色差异,也可以是位置差异等。两个版本的有效性可以用浏览量、点击次数或其他数据来衡量。对于设计师来说,这是分析目标受众群体行为模式和特...

    2018-02-24
  • 【交互基础】你认为交互设计是什么?它是否有一个完整的定义?它的上升空间如何?交互设计又是如何应用的?

    交互学堂 微信号 IxDSchool 功能介绍: 从零开始学交互!国内最专业的交互设计学习内容资源。如需访问网站请百度搜索:交互学堂。 [alert_success]很多人问:你认为交互设计是什么?它是否有一个完整的定义?它的上…

    2016-02-19
  • 常见的App应用界面交互框架

    掌握常见的APP应用界面交互框架,了解他们各自的优缺点,使用时才能游刃有余。你还在等什么呢?赶快去学习吧。标签式、跳板式、列表式和旋转木马等在等着你。 1>标签式 优点: 1、当前位置入口清晰   2、轻松在…

    2014-11-19
  • 工业设计与交互设计的关系

          工业设计是一个很宽泛的概念:它的设计构思上需要考虑到产品整体外型线条、各种细节特征的相关位置、颜色、材质、音效、人因工程等;产品范围上包括杯子、电脑、交通工具等实体产品。认为「工…

    2017-08-01
  • 产品设计师的自我重启

    有几个月没喝威士忌了,半年都有了,今天又捡起来了。这两周因为喵的事焦虑万分了,恢复的不太稳定,几乎每天都有不同的状况,让人揪心。揪到后面自己也不好了,各种代表焦虑的梦算是梦了个一溜够。那么让自己放松…

    2014-12-13
  • 交互设计中的项目跟进怎么进行?

    交互设计的常见流程可以划分为:需求分析、设计规划、设计实施、项目跟进、成果检验五个流程。很多人以为从无到有的过程才是最重要的环节,观点并没错,但我今天想说的是如何进行项目跟进。

    2017-05-30
  • 交互设计文档如何写,才给程序员以美得享受?

    阿西UED授权发布作者公众号艾欧交互设计ID:aioued文章最后报名线上线下活动:【HBAT创新设计峰会:design+下的生存之道】“写交互设计文档(DRD)目的在于:便于与前端、测试以及开发工程师沟通”交互设计文档重要么?重要!但不是项目必需具备的内容,为什么还要学习呢?其实对于初学者来说,交互设计文档能够很好的梳理产品的逻辑关系、基本的设计规范等问题,让你真正透彻的认识一个产品所有可能性。基本上,在大公司都会写交互设计文档的,便...

    2018-02-01
  • Sketch book 各种材质产品手绘表现-别人家的手绘本,拿走、收藏... [更新]

    ▲点击关注最不可思议干货今天给大家共享一波Sketch book 各种材质产品手绘表现...拿走、收藏...手绘飙车活动进行时,点击按钮加入...手绘零基础▼点击看>此方法,让零基础小伙伴们透视准确率达到98%...津美优设2017暑期1期课程|格物造型.第5天: 线稿基础-借体推敲Ⅱ点击看>此方法,让零基础小伙伴们形态推演能力爆棚!造型推敲、设计发散!津美优设2017暑期1期课程|格物造型课程.第6天:借体推敲Ⅲ点击看>此方法让零基础...

    2018-03-23
  • 用户体验设计中最常见的误解

    UX Myths网站收集了很多关于用户体验设计中最常见的误解和解释了为什么他们不适用。现在将这些经验研究整理出来,为各位设计从业者做参考,避免依赖个人的主观经验来做判断。建议你阅读完之后,还是应该结合自身的经验来审视你的设计是否满足用户的需求。

    2017-05-25
  • 设计师们全都疯了!出Ps的Adobe公司又出新神器!

    图文来源:新设技 这次Microsoft 与 Adobe 强强联手退出了神器一样的应用,让现场设计师为之疯狂~~,不多说了,看视频吧... 设计师们,这到底是什么节奏啊~~?你们都懂的... 随著 Microsoft CEO Satya Nadella 近日…

    2014-10-12