产品经理必修课:那些隐藏在界面里的交互设计

投稿作者:温晴公众号“爱累加”首发我们在做交互设计的时候,一般都是通过线框图和文字说明进行展示,有时候遇到一些复杂的功能我们还需要配上流程图进行补充说明,详细的全方位的交互设计文档不仅可以让研发人员方便的投入工作而且还可以让测试人员清楚的了解产品功能,方便测试细节。但是有时候我们会遇到一些无法用线框图展示出来的需求,但是又会经常遇到,下面分享给大家一些界面上看不到的交互设计。案例一用户A在使用一款应用程序的时候,突然网络断开了,那么这时...

产品经理必修课:那些隐藏在界面里的交互设计

投稿作者:温晴

公众号“爱累加”首发


我们在做交互设计的时候,一般都是通过线框图和文字说明进行展示,有时候遇到一些复杂的功能我们还需要配上流程图进行补充说明,详细的全方位的交互设计文档不仅可以让研发人员方便的投入工作而且还可以让测试人员清楚的了解产品功能,方便测试细节。

但是有时候我们会遇到一些无法用线框图展示出来的需求,但是又会经常遇到,下面分享给大家一些界面上看不到的交互设计。

案例一

用户A在使用一款应用程序的时候,突然网络断开了,那么这时候,应用程序上的当前数据应该怎样处理?

产品经理必修课:那些隐藏在界面里的交互设计

断网是每个用户的噩梦,但这种情况是每个应用程序都会遇到的,这时候我们就要考虑应该怎样处理数据,这里我们分两种情况:

当页面网络断开时

A 当用户在没有进行下一步操作之前,保留和执行有网时同步和缓存的信息,当网络重新连接时,立即同步现有信息;

B 如果用户执行下一步操作,平台自主尝试网络连接一次,如果仍旧连接不上,提醒用户检查网路连接,恢复网络后数据信息进行同步;

这样的处理方式可以最大程度上减少用户的数据丢失,想象一下,你正在填写一份很长的表单,辛辛苦苦录入了很多信息,信息中又包括难记的数字、字母、符号等,在键盘上敲敲打打了大半天,终于填写完最后一个信息马上就要点击保存提交时,断网了,等网络恢复的时候所有数据都没有保存,看着眼前空白的表单,有木有想去西天的想法。

所以,做好数据缓存和信息同步很重要。

案例二

用户A在使用一款应用程序的时候,突然有人打电话进来,那么这时候,应用程序上的当前数据应该怎样处理?

虽然有了微信之后很少有人打电话,但是外卖小哥、快递小哥还是很钟情于电话的。这里,我们也分两种情况:

A 用户在使用数据连接时,打电话进来意味着网络断开,执行网络断开的操作,同案例一;

B 用户在Wi-Fi情况下接打电话,视为后台操作,用户可以手动调取页面并进行操作;

所以,打游戏的时候还是建议使用Wi-Fi,要不容易坑队友啊。

案例三

只要不是用户彻底关闭掉应用程序,现在的智能手机都有应用程序后台运行功能,如果应用程序在后台运行,用户又返回继续使用,这时应该怎样处理数据呢?

产品经理必修课:那些隐藏在界面里的交互设计

后台时候

A 页面停留在后台之前最后操作界面,并且数据保持时刻同步,当用户返回应用程序意味着返回后台操作前最后的页面,用户可继续进行操作;

案例四

在当前页面,用户进行锁屏操作,平台继续同步数据信息,并且停留在此页面,解锁后直接进入锁屏之前的页面;

案例五

一个应用程序使用的爽不爽,有时候还要看它的数据加载处理方式,有时候我们在浏览很多内容(图片、小视频等)时,内容的加载速度、呈现方式都会影响到用户体验,下面是数据加载的一些建议:

产品经理必修课:那些隐藏在界面里的交互设计

页面需要请求数据

A 加载规则按照由易到难,由展示内容到操作内容的加载顺序进行加载,并且界面内容呈现顺序同加载顺序保持一致;

B 特殊内容像视频等大体量的数据,请求最长时长不得超过5秒,在请求过程中需有LODING动画体现当前状态和减缓用户时间感;

案例六

有时候我们在使用一款应用程序的时候,偶尔会遇到类似这样的提示“网络超时,请重新尝试”“数据加载失败”,这些失败类的提示我们当然不愿意看到,但是大家有没有想过这些提示是在什么情况下出现的。

一般情况下,我们在打开应用程序的界面时,界面上的很多图文信息都是从服务器请求加载过来的,数据传输过程有时就会出现异常,界面就不会出现本应展示的内容,这时候,就会提示用户类似“数据加载失败”的信息,需要用户手动重新加载以再次获取信息,所以处理方式如下:

产品经理必修课:那些隐藏在界面里的交互设计

数据拉取异常

拉取数据或建立连接时,在3秒内平台可以尝试自主加载,如果超过3秒仍旧连简单内容也加载不出来,提醒用户超时和超时原因,并且提供用户手动请求数据的方法;

总结

每个人都会犯错误,程序也是一样,遇到错误,我们不能闪躲,要勇敢面对,找到合适的方法化解,这样才能不断变的完美。

爱我,请扫码

产品经理必修课:那些隐藏在界面里的交互设计

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36861/

(0)
交互精选交互精选
上一篇 2018-05-05
下一篇 2018-05-05

相关推荐

  • 写给产品经理和设计师的用户体验知识

    从2015年起,我陆续写了《写给产品经理和设计师的用户体验知识》系列文章,得到了大家的肯定,此篇文章是这个系列的最后一篇文章,算是给这个系列画上句号。作者:刘涵宇腾讯高级产品经理1用户场景用户场景这东西,或许每一个产品经理和设计师每天都在用,但我查了很多资料,还真的很难找到一个准确的定义。所以,我试图结合我自己的理解,自己去定义它。我认为用户场景有两层属性,分别是:「工具属性」和「思维属性」。用户场景首先是一种对过程逻辑的阐述方法,简单...

    2018-04-19
  • 作品集总结|本科建筑跨专业申请交互设计?Dream School还是皇艺?这可能吗?

    PS-ONE#20180504建筑背景,申请交互设计跨专业申请结果如何?本科建筑,转专业申请交互设计Master?并且Dream School还是世界第一的RCA皇家艺术学院?在经历了PS-ONE历时8个月的内部评审后她如愿以偿了吗?。。。。。。8个月后爱丁堡大学,get拉夫堡,get交互设计,是细节非常复杂的专业涉及到的知识点、设计思维,对转专业申请者来说,是很苛刻的所以拿到爱丁堡、拉夫堡这样强势院校的Offer已经是很不错的结果了但...

    2018-05-04
  • Axure RP 8.0 安装教程

    Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。•可以在公众号后台回复『042』或『Axure RP』获取下载链接。安装步骤:❶下载并解压安装包。❷双击安装程序。❸同意,并下一步。❹选择安装路径,下一步。❺下一步。❻取消勾选,点击Finish结...

    2018-03-20
  • 性爱机器人为什么这么火?用户体验称比真人舒服

    来源:环球网【9月9日消息】据外媒称,由于受顾客欢迎,整个欧洲大陆的妓院正在大量抢购性爱机器人。欧洲各地的性玩偶公司也纷纷表示正与“感兴趣的投资者”进行谈判,以在全球范围内扩大业务。荷兰:价值23000英镑的性爱机器人被盗!近日,窃贼闯入了荷兰南部布雷达的一家大型性用品商店,将店里所有的性爱机器人都被偷走了。据悉,这些性玩偶价值23,000英镑。对于经营这家失窃的成人用品商店的老板尼尔斯·范德沃特称,这起看似普通的盗窃行为给他的公司造成...

    2018-04-07
  • 人工智能对用户体验的影响

    最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨大影响;如果关系到国家安全,整个社会的秩序都会被扰乱,所以...

    2018-03-26
  • 如何创建用户体验地图

    许多公司尽管怀中最美好的愿景、掌握庞大的数据,却依然只能给他们的用户提供乏善可陈、平淡无奇的产品体验。这归咎于他们以聚焦内部、脱离用户的方式做产品,缺乏对用户的关注。他们未意识到用户对其产品的每一次体验都会影响用户的体验满意度、品牌忠诚度和忍耐底线。如果使用用户体验地图(Customer Journey Map),则能够很好地描绘出用户在体验产品时的情绪 变化,并以此对产品进行优化。通过体验地图的项目,我们发现了很多产品的优化方向。下面...

    2018-02-01
  • 终极神器!Sketch 一键转成 PSD 格式!

    曾经有很多人问图翼君Sketch转PSD怎么弄?今天就给大家分享一神器,大招一放So easy!工具下载地址关注本公众号回复“39”支持PSD、XCF、Sketch、Any格式使用方法:1、打开神器,选择Open Frome Computer 打开要转换的Sketch文件2、选择你的Sketch文件,工作台会显示你的文件3、选择右上角File  -  选择Save as PSD, 保存成PSD文件。4、保存后,浏览器会自动下载转好的PS...

    2018-04-09
  • UED专访 | 张永和、王昀:寻找未来城市共生的答案

    📌编辑、剪辑| P.S📌采访| YHz2017年10月16日,全球天文学界联合发布一项新的重大发现,在1.3亿光年外,双中子星合并产生的引力波带着他的伴侣首次造访地球,这次长途跋涉的旅行为人类探索宇宙打开了新的大门。从爱因斯坦预言引力波到如今的发现,百年间,人类在探索未知空间的同时,也不断改造着我们的生存家园。着眼当下,我们对未来城市有何新的畅想?下文中有张永和、王昀专访视频不要错过!!!未来城市探讨在UED之前的采访中,厦门大学建筑与...

    2018-02-08
  • 对话式交互设计

    关注一下,更多精彩等着你1. 轮流表达在对话中我们基于互相来回传递的微妙信号进行轮流表达。如果会话中缺少这种有效的轮流互换,我们就有可能难以保持信息的同步或无法跟上对方的节奏。2. 对话串联在自然语言中,对话的所有元素通常会被连贯地串联起来,包括上下文以及随时间演进的对话方式。这种串联帮助我们跟进会话过程。能够理解欣赏笑话幽默的人都知道,在交流中的每个回合都要注意上下文的关联性,并加强整体的交流。3. 潜在效率人们经常会用简略的口语交流...

    2018-03-21
  • 【用户体验】“跳一跳”游戏的体验

    伴随着微信的升级和重点推荐,小游戏“跳一跳”一夜成为中国互联网的全民爆款休闲游戏。不仅周围的同事、连身在老家七八线小县城的小学同学都在乐此不彼的刷屏和相互竞技。如此如火如荼的燎原之势,除了有微信这个强大的平台效应之外,当然也有一些“跳一跳”自有的吸引力蕴含其中。今天,就和大家一起来聊一聊“跳一跳”中的游戏心理学。第一,尝鲜心理。追求新鲜事物,是人类的天性。任何时候,人类都从未停止过尝试新鲜事物的脚步。而微信,作为一个8亿+的社交平台,“...

    2018-02-26