网页感知价值研究: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-25
  • UI设计案例分析:现代互联网和移动应用中出现的一些优秀的用户界面模式

    在这篇文章中,来自UXPin(一款用户体验设计的应用程序)的Chris Bank为我们带来了最近在现代互联网和移动应用中出现的一些优秀的用户界面模式,并将通过实例展示如何将这些出色的UI设计模式应用到其他的网站和应用中。

    2017-06-05
  • 02.案例:用户体验与结婚教练 | 打造产品思维30讲

    02.案例:用户体验与结婚教练来自时间前哨00:0017:10用产品经理的视角来看人今天我想讲一个结婚教练的故事。她是我的一个朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。这个结婚教练以前是干什么的呢?她以前是一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何观察和判断一个人。因为...

    2018-02-14
  • 用户体验要素

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放HaloBeyoncé - I Am...Sasha Fierce用户体验为什么如此重要说到我们所使用的那些产品和服务,我们对它们的感情可谓是爱恨交加,它时而令我们备受鼓舞,时而令我们感到泪丧,它使生活变得简单,又使生活变得复杂,它使我们变得疏远,又使我们更加亲近,即使这样,我们还是不得不每天都和不计其数的产品和服务打交道,当产品满足了人们的需要时,它的制造者应该备受赞扬,反正,...

    2018-03-24
  • 交互设计 | 张艺谋这样玩儿

    3 月 4 日,张艺谋导演的观念演出《对话·寓言 2047》在上海大剧院正式演出。在连演两场之后,他们将移师广州和杭州,共同组成《对话·寓言 2047》第二季的演出。尽管被称为第二季,但此次演出的内容与去年 6 月在国家大剧院上演的第一季大体相似。开场仍旧是 71 岁的蒙古族老人其布日一边编织着麻绳,一边唱着悠扬的蒙古长调。背景中,美国先锋艺术家 Daniel Wurtzel 利用空气动力学原理,让一块云纱在舞台上翩翩飞舞。在这个段落之...

    2018-03-06
  • 线上与线下零售体验设计分析

    本文作者将结合自己对线上与线下零售的实际体验,与你交流用户体验设计策略相同之处,提升融通思维的洞察力。本文行文思路如下:
    1、用户流量
    2、停留时间
    3、回访频次
    4、客单价
    5、盈利模式
    6、总结

    2017-04-29
  • 杜蕾斯158张经典海报设计,你眼中的污都是它的精华液!

    90集PS视频教程,点击下面二维码获取:来源:  LOGO大师(ID:logods)引言:转眼间2017年已经走过了一半,今天大大君扒一下老司机杜蕾斯经过半年“辛苦耕耘”究竟污了多少次。废话不多说,快坐稳,要发车了!杜蕾斯的官博一直以来的形象都是“有点坏、有点情趣,有点流氓”的性情中人。他用轻松诙谐的手法传播普及性知识,特别是每次结合热点的海报作品,都能引发大家无尽的遐想。- 国际特别“日”篇 -#全球OK日# 无论大小,都OK!#世界...

    2018-03-07
  • 如何基于开发的视角进行产品设计?

    既然UI设计师的主要工作是交付,那么学会以开发的视角和分析方法来进行设计将非常重要。

    2017-05-07
  • 新手转向资深的必经之路——交互文件命名的最详细规范(上)

    经过一期带团队的体验,阁主发现文件命名有点让人抓狂,实在忍不住更新一篇文章去说说这其中大家约定俗成的规则,不仅包括切图命名规则,还包括文件整理规范。之前楼主有整理过简单的,貌似不够用,今天再来具体说说。

    2017-05-01
  • 2017赶集招聘节项目总结:建一座招聘之城

    为了在“金三银四”抢占先机,向本站导流,最重要的,是为了向广大蓝领招聘群体营造有趣、可信的平台,输出赶集优秀的设计价值和体验,我们3个设计师进行了各个维度的配合。注:视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的有景深的视觉体验。作为近年网页设计的热点趋势,越来越多的网站应用了这项技术。

    2017-04-30