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

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

10月26日 听雨眠投稿
  产品设计应以以乐趣和愉悦为目的,而不仅仅是产品性能的提高。
  这是诺曼在《设计心理学3:情感化设计》提出的,在《设计心理学1:日常的设计》当中诺曼一直都是提到产品需要有用,而不需要花里胡哨;而这个言论也被人用“如果我们按照诺曼的说法去设计,那么我们做出来的东西都是有用,可是并没有用户来购买”给怼了回去,所以在《设计心理学3:情感化设计》中诺曼提出了经过三个设计层次的情感化设计。
  如今,产品实用只是基础要求,用户早已从追求性价比改为追求高品质了,iphone的销量便能说明这个事实,用户需要在使用产品时需要从中体验到乐趣和愉悦。
  而当用户在使用app时,网络不好时页面的加载刷新或许是用户最为烦躁的一个时间了,从前的八秒原则在我们这个用户最难满足的国家或许都已经变成五秒原则了,所以页面加载时页面所呈现的内容就变得重要起来。
  先讲个女朋友用去哪儿买票的故事
  有那么一天,女朋友想要回家了,所以呢,就需要买火车票。按道理按以下流程就可以了
  可问题是那一天网络偏偏抽风了,在输入地点查询后一直停在加载页面,就看到那只蓝色骆驼一直在哪里走啊走啊,就当我以为女朋友要烦躁的时候。
  她来了句:你看,这只骆驼走路好萌啊,我都不好意思生气了。
  听完这句话的时候我才意识到这只骆驼的作用。也正是因为这个对页面加载刷新感兴趣起来。
  当时的加载页面就是下面这个样子
  由于我不知道怎么用手机截GIF图所以这只骆驼不会动,但是情形便是这只骆驼一直在走,显得很累的样子,这只骆驼体现了用户的心理:“我知道你很着急,但是我也很努力的在刷新”。
  正是这件事情让我明白加载刷新页面的情感化设计有多重要。假设页面是空白一片或者是转菊花的情形或者这只骆驼是一脸高兴愉悦的样子,估计用户心情早烦躁转用其他app了。
  所以页面刷新加载不仅仅可以转菊花loading。
  那么来举些页面加载的栗子吧
  1。bilibili
  下拉:再拉,再拉就刷新给你看
  松手:够了啦,松开人家嘛(下拉至一定位置后出现)
  bilibili作为视频网站的新贵,在页面刷新情感化设计上有着独到之处,下拉过程会出现app自身的logo以及两位萌萌哒的小姐姐,松开后释放过程中图案会有互动。
  除此以外,在获取视频内容失败时
  可以看到有个小姐姐很悲伤,而这和用户的情感是相符合的。
  2。腾讯体育
  标志性的运动项目,篮球运动中表示正在刷新,进球表示刷新成功。
  腾讯体育的刷新动画符合app的产品定位,并且增加了极大的趣味性,为此玩了三十多次来观察细节。
  3。美团
  地址定位失败时
  叶子落地,人物失落,以此来表达失落感。
  页面刷新时
  下拉出现自身的吉祥物。
  4。京东阅读
  京东阅读在发现table页与今日头条一样都使用了书写方式表示刷新过程,但是在原创这个table页确是一片空白,个人认为应将书写方式的icon也加载原创table页,位于页面正中间来表示刷新过程。
  5。开PA
  我很喜欢的一个app,我应该还会再写一篇关于这个app的产品分析。
  在你即将要与加入视频时会提醒你要微笑。
  当你与陌生人即将视频时,请保持微笑,用图片和文字去营造一个氛围,一个使用户微笑的氛围。
  6。加载占位图控件
  上图所示的便是加载占位图控件,这个概念在《web表单设计》中首次提出,这个控件是为了使得加载更加流畅,同时还可以降低用户的烦躁感。
  情感化设计是用色彩图案文字来为用户营造一个氛围,使用户可以从中体验到愉快,而页面加载设计中的情感化设计属于小细节,高中时期,我的班主任一直对我们说这态度决定一切,细节决定成败。或许页面加载这个小细节不足以决定成败,但是也足以达到取悦用户的功能。从而降低用户烦躁感,留下用户。
  说起细节,当今最火的美剧权利的游戏的片头曲中也有大量细节其中。最为明显的就是绝境长城的海水开始冻结用来表示凛冬将至。
  S101
  S704
  即使不将剧集写出来,通过图片也能很快猜出来哪一集是更新的,因为绝境长城的海水表示的很明显,所以不得不承认权游片头曲的优秀,细节方面做的实在是完美。至于我为什么要提这个栗子,是因为开头曲就像加载页面,所以权游在加载页真的不愧是第一美剧。
  交互设计师应该如何提醒视觉设计师页面加载的设计?
  在页面加载页的时候交互设计师需要标记出来,使用文字说明,这样可以给视觉设计师一个提醒,视觉设计师便会按照提示来设计加载页面,如下图
  这就是当用户还未关注过别人的时候,需要一张插画来表达用户的寂寞,然后促使用户前去关注别人,而文字方面(你还没关注别人,快去关注别人吧)也可以与文案编辑相结合,bilibili的下拉刷新就很好的契合自身定位,又萌又有二次元。
  看完这篇文章后你以后应该不会只想到转菊花这个加载方式了吧
  Tips
  诺曼的设计心理学很值得一看,我的学长就曾告诉我他精读过三遍,是必读的一套书。
  文章讲的那些动画可以自己尝试看看,很好玩的,如果有读者会手机截这种gif或者录频也可以告知以下,感激不尽
  做一个难满足的用户,这样你可以发现很多可以改造设计的地方;做一个难满足的设计师,这样你才可以满足那些难满足的用户;做一个注重细节的设计师,这样你才可以留住那些难满足的用户。
  多关注用户的情绪。
投诉 评论

App空白页浅析:人性化的考虑问题本文主要对于表象的空白页产生类型进行分析,探求背后相应的解决方案。目录:空白页产生原因空白页解决方案一、空白页产生原因空白页的产生原因大致可以分为……登录认证方式解析:登录框改版的“三”难点与“七”个坑登录框改版涉及的要素很多,文章总结了改版的“三”难点与“七”个坑,希望对你的工作有所帮助。登录框改版是什么登录框是互联网产品中供用户登录认证的界面或流程,其作用是认……浅析汇总建仓及WMS上线的二三事非常有幸独立负责了公司建仓的全过程,本文将结合作者本身的经历谈谈对建仓、仓储管理系统的认识,欢迎感兴趣的各位一起交流学习。建立新仓库的案例少,可供参考的不多,同时仓库物流……一文搞懂互金产品消息推送设计策略在移动互联时代,消息推送越来越受到各个APP的重视,本文就以互金产品为例阐述消息推送的几个类别以及应用的场景方式、运营策略,希望对你有益。在之前《互金理财平台的设计策略与……设计总结:移动交互设计中易被忽略的几个要点作者汇总了移动端交互设计中可能被忽略的一些“点”,并对各个点展开了分析,希望能够给你一些帮助。用户体验是什么,我将其比喻成一张网,那设计就是网上的一个面,交互设计就是一个……实例分析:页面刷新加载中的情感化设计产品设计应以以乐趣和愉悦为目的,而不仅仅是产品性能的提高。这是诺曼在《设计心理学3:情感化设计》提出的,在《设计心理学1:日常的设计》当中诺曼一直都是提到产品需要有用,而……互联网产品设计背后的心理学05:主动公开承诺的力量如何让用户的承诺更加有效?把握用户的心理,预测下一次行为的动机,可能能够帮助我们更好的利用用户承诺。英国医疗行业每年因为病人爽约支付近10亿美元,仅仅因为这些人没有遵守承……登录认证方式解析:产品设计中的弱登录本文主要解析登录认证的“弱登录”设计,希望能抛砖引玉,挖掘出更多的登录认证优秀设计与思想。产品设计中的“弱登录”是什么“弱登录”是指产品在设计登录认证流程时,达到用……聚焦用户体验设计在工作中越来越觉得UI设计师和IXD应该结合起来,作为用户体验设计师来为自己和企业创造更大的价值。本文将就聚焦用户体验设计来做一些微小的讨论。用户体验设计是什么?用……产品设计中常用的10个人性心理所有C端互联网产品都是以满足人性为产品目标的,文章给大家分享在产品功能设计中常用的10个人性心理。在对产品做需求分析时,无论是为了指导产品定位,还是为了功能规划设计,确保……线框图设计:从美学原则到用户情境设计线框图也需要考虑很多的原则,保证其美观规范,能使项目运转更为流畅。人们往往低估低保真线框图(wireframe)的审美价值,如果说这一组组灰盒子仅仅是我们工作交付成果……浅析app信息提示:提示的概念及人性化设计要点本文根据提示信息中的正反例子、各种提示的作用,为大解释:提示的人性化设计与提示形式的多样性。上一篇文章为设计师们拨云见雾了弹窗的模态与非模态,受到了挺多读者的喜爱(详文:……
习惯养成系列建立交互需求池体验与安全并重互联网金融产品设计之注册与认证如何优(qiao)雅(qiao)地关停一个产品LinkedIn模仿Facebook这步棋走得对吗?产品经理的职业病有哪些?基于登录注册阐述如何进行产品设计洛可可设计集团创始人董事长贾伟:创新思维的力量产品(需求)团队与设计团队合作的三种模式产品新人也能做市场分析基础篇从想法到实践,一个App是如何诞生的?整个蛋糕就那么大,如何寻找市场切入点?作为产品经理,不要轻易忽视了业务假设上海市消保委调查106开头短信已成为坑害消费者工具吴忌寒:未来2到3年,比特币等加密货币会有相当不错表现丢失在记忆里的母爱男生喜欢上一个人的表现如何分辨新生儿喂养不是一哭就喂怎么喂养才对头男性蛋痛(睾丸疼痛)的原因有哪些?空气烫纹理烫发型铲青朋克韩式男发冬病夏治的原理和好处冬病夏治三伏贴办理公证遗嘱需要什么材料碧桂园明年开始全部用机器人建房子冬季招让赘肉无处可藏公德的重要叙事作文

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