网页感知价值研究: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

相关推荐

  • 实例分析:从搜索结果看地图搜索的交互设计

    每一个交互都有其特有的逻辑支撑,即便是一点小小的体验不同,背后的逻辑可能千差万别。

    2017-05-11
  • 【交互设计方案】记分对比法运用

    交互设计中,为什么需要这种方法? 在交互设计工作中经常会遇到这样的问题,某些位置的设计牵扯到比较复杂的场景,要考虑的因素比较多,这些设计点往往是最容易引起争议的,因为团队成员不一定都能快速了解全部的场…

    2015-10-09
  • 界面设计中的动画原理:可理解的变速过渡效果-深入研究加速和减速

    注:“可读性”是说动画绘制者如何定义动画的精准度,用来清晰而容易地理解正在发生的事情。例如:不可读=不清楚发生的事情很易读=它非常清楚,立刻能懂弹跳背后的物理理论:球刚开始被放开的时候,它有一个相对缓慢的速度。在重力的作用下,球的速度持续增长,直到接触地面的那一刻速度达到最大。地面给球反作用力,使它以几乎相同的速度反弹回去。当球移动时,两种力量作用正在球上 - 反弹的力、想把它拉下来的重力。反弹的力量正在慢慢释放,这使得球随着升高逐渐减低速度,直到它耗费掉所有的反作用力,最终到达反弹的最高点。它在顶部停留一微秒,直到重力把它拉下来,使它像之前一样加速下降。我用言语来描述这句话是有原因的。我们试着将一种自然行为分解为具体的步骤,这样我们就可以重新创造它。注:不要羞于“照搬”大自然。你的观众会更快地与动画关联起来,从而更容易读懂动画。注意:这一术语有可能与其它术语混淆。如果你正在阅读传统的卡通书,例如迪斯尼的《生命的幻象》或《动画师的生存工具》,那么这些书会告诉你,当一个物体开始减速然后加速时,这一过程被称为渐慢(ease-out),因为它的姿态在“缓慢输出”。但是,在软件产业(CSS动画,Adobe Edge等),这一过程被称为渐快(ease in)!我不确定这一不同之处是怎么来的,但是不幸的是,这就是它的形成过程。所以,当你在阅读一篇文章时,而这篇文章把它们把“渐快”称为“渐慢”,那么不要觉得困惑。看一眼你所在的网站你就懂了:D。时间    Y轴的位置(秒) : (像素)—————-0.0  :   00.1  :  34
    0.2  :  68
    0.3  : 102
    0.4  : 136
    0.5  : 170时间    Y轴的位置(秒) : (像素)—————-0.0  :   00.1  :   2
    0.2  :  10
    0.3  :  36
    0.4  :  87
    0.5  : 170注意:你会在软件中看到更多用于设置缓冲的选项,例如二次的、三次的、四次的等等。它们只是缓和程度更高的选择,但是概念是相同的。只需记住——缓和的程度越高,你就会得到更多的缓和度。并不是规则,只是工具(There are no rules. Only tools)- Glenn Vilppu

    2017-06-05
  • 一次关于梦想、音乐和代码的交互设计体验

    ▲ Arcade Fire··[Way to Go] 这是树林里的一次漫步, 这是一次惊人的互动体验。 一个不安分的全景, 一次手工制作动画, 用360度视频(精选)拍摄, 混合着音乐、梦想、还有…

    2017-08-02
  • 美国|四大艺术院校交互设计解析,不要等毕业后才发现读了个假的专业

    今天的主题是交互设计,有同学希望了解美国开设此类专业的院校,并获取各个院校的教学内容侧重方面的信息。于是,康石石选择了美国四所具有代表性的院校为同学们进行介绍:艺术中心设计学院(ACCD)卡内基梅隆大学(CMU)纽约视觉艺术学院(SVA)普瑞特设计学院(Pratt)一、艺术中心设计学院(Art Center College of Design)交互设计:本科ACCD交互设计专业只开设本科阶段课程,学习时长8个学期。尖端的课程设置,旨在培...

    2018-05-07
  • 微信小程序设计指南 · 小程序

    概要 基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同…

    2016-09-24
  • 交互设计的未来!视觉设计师的末日!意念交互!

    家要知道随着科技发展迅猛,那些电影中见到的交互都慢慢变成现实,并且普及到我们的生活中。先看看我们到底历经了多少次交互的升华,为什么又说是交互设计的未来,视觉设计师的末日呢? 按键交互 诺基亚手机相信大…

    2015-11-17
  • 项目管理能力提升四要素

    摘要:企业在应对快速发展的经营活动时有两个管理将起到关键性作用,一个是战略管理,一个是项目管理。战略管理立足于企业的长远和宏观,考虑的是核心竞争能力,而项目管理是实现战略并支持企业快速健康发展的手段和保障。认识项目管理美国项目管理协会主席保罗说:“在当今社会,一切都是项目,一切也将成为项目。”项目,是在一段时间内为完成某一独特的产品或提供独特的服务所进行的一次性努力的过程。只要有目标和过程,就可以成为一个项目。譬如:设计开发某一产品功能...

    2018-03-25
  • 如何把产品思维应用在APP页面上

    产品思维的终极目标就是  让产品经理和UI设计人员、交互设计师等建立卓有成效的合作关系,携手做出更好的移动端产品。

    2017-05-12
  • 界面交互动效核心知识的分类与总结

    这篇文章是基于我自己的理解对界面交互动进行了分类整理和总结。

    2017-05-02