网站建设
建站资讯Website News

您的位置:主页 > 营销知识 > 建站资讯 > 实例分析:页面刷新加载中的情感化设计

实例分析:页面刷新加载中的情感化设计

上海网站建设公司建站资讯2017-09-04

  产品设计应以以乐趣和愉悦为目的,而不仅仅是产品性能的提高。

zFQuCVrDHRLL4x4LMyIH

  这是诺曼在《设计心理学3:情感化设计》提出的,在《设计心理学1:日常的设计》当中诺曼一直都是提到产品需要有用,而不需要花里胡哨;而这个言论也被人用“如果我们按照诺曼的说法去设计,那么我们做出来的东西都是有用,可是并没有用户来购买”给怼了回去,所以在《设计心理学3:情感化设计》中诺曼提出了经过三个设计层次的情感化设计。

ntb9mcG5EARbwJjKEcus

  如今,产品实用只是基础要求,用户早已从追求性价比改为追求高品质了,iphone的销量便能说明这个事实,用户需要在使用产品时需要从中体验到乐趣和愉悦。

  而当用户在使用app时,网络不好时页面的加载刷新或许是用户最为烦躁的一个时间了,从前的八秒原则在我们这个用户最难满足的国家或许都已经变成五秒原则了,所以页面加载时页面所呈现的内容就变得重要起来。

  先讲个女朋友用去哪儿买票的故事

  有那么一天,女朋友想要回家了,所以呢,就需要买火车票。按道理按以下流程就可以了

  可问题是那一天网络偏偏抽风了,在输入地点查询后一直停在加载页面,就看到那只蓝色骆驼一直在哪里走啊走啊,就当我以为女朋友要烦躁的时候。

  她来了句:你看,这只骆驼走路好萌啊,我都不好意思生气了。

  听完这句话的时候我才意识到这只骆驼的作用。也正是因为这个对页面加载刷新感兴趣起来。

  当时的加载页面就是下面这个样子

2I7m7dRkTAa1Sn6anLtR

  由于我不知道怎么用手机截GIF图所以这只骆驼不会动,但是情形便是这只骆驼一直在走,显得很累的样子,这只骆驼体现了用户的心理:“我知道你很着急,但是我也很努力的在刷新”。

  正是这件事情让我明白加载刷新页面的情感化设计有多重要。假设页面是空白一片或者是转菊花的情形或者这只骆驼是一脸高兴愉悦的样子,估计用户心情早烦躁转用其他app了。

  所以页面刷新加载不仅仅可以转菊花loading。

  那么来举些页面加载的栗子吧

  1.bilibili

  下拉:再拉,再拉就刷新给你看

  松手:够了啦,松开人家嘛(下拉至一定位置后出现)

6jbfV6l43vW5sdKgnZjl

  bilibili作为视频网站的新贵,在页面刷新情感化设计上有着独到之处,下拉过程会出现app自身的logo以及两位萌萌哒的小姐姐,松开后释放过程中图案会有互动。

  除此以外,在获取视频内容失败时

tikhtQHF7uMcw4dIzhd2

  可以看到有个小姐姐很悲伤,而这和用户的情感是相符合的。

  2.腾讯体育

3coariRazW2t5M7siDor

  标志性的运动项目,篮球运动中表示正在刷新,进球表示刷新成功。

  腾讯体育的刷新动画符合app的产品定位,并且增加了极大的趣味性,为此玩了三十多次来观察细节。

  3.美团

  地址定位失败时

fg0NiqmFB3QWPspCg6xp

  叶子落地,人物失落,以此来表达失落感。

  页面刷新时

ieiSRbMNFEGGiHQVu3pz

  下拉出现自身的吉祥物。

  4.京东阅读

HZlSzHKAJ43UgUkLRAsP

MQS2qHGYrZwfiJIg9QFU

  京东阅读在发现table页与今日头条一样都使用了书写方式表示刷新过程,但是在原创这个table页确是一片空白,个人认为应将书写方式的icon也加载原创table页,位于页面正中间来表示刷新过程。

  5.开PA

  我很喜欢的一个app,我应该还会再写一篇关于这个app的产品分析。

原文标题:实例分析:页面刷新加载中的情感化设计
欢迎您访问,如有疑问请联系客服
TAG实例分析,页面,刷新,加载,中的,情感化,设计,产品设计,应,上海网站建设,上海网站制作,上海APP开发

最新案例

相关文章

更多最新文章

网站关键词

上海云轩网络版权所有 Copyright©2008-2018 http://www.lvon8.com All Rights Reserved 备案号:沪ICP备14049216号