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

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

相关推荐

  • 交互设计中的“无意识错误”:如何帮助用户防错?

    在提高可用性的建议中,如何优雅、清楚的告知用户哪里出错了是非常重要的。当然,如果能够一开始就避免他们犯错是最好的。在讨论用户错误时,一个重要问题是在什么情况下指出用户的错误。「用户错误」这个词似乎暗示用户做错了某些事情,但不仅如此,设计师也犯下了错误,因为他们让用户轻易的做出了错的行为。所以,解决用户错误的方法不是指责用户,让用户再认真一些,或者给他们更多的指导练习,而应该是重新设计软件,让犯错变得困难。两类用户错误在讨论如何避免犯错之...

    2018-03-02
  • 【交互大讲堂】当交互设计遇到装置艺术

    之前我们讲到的交互设计都是偏重于传统交互,与艺术的互动性没有这么强,通过现在媒体和交互设计,交互装置的互动性也会越来越强。上图这个工作室是日本的一个叫Teamlab工作室,他们致力于新媒体的装置艺术的设计的第一个作品。当用户进入这个身边周围都是球的环境的时候,触碰那个球,球会发出不同的声音。小孩子对绘画都是十分感兴趣的,当孩子进入这个工作室,画上一副自己喜爱的画,用打印投影仪把这些画全部扫描,扫描之后,会形成3D影响投放到媒体上面,这就...

    2018-05-03
  • Axure RP 8.0 软件激活 安装教程 激活码 序列号

    点击上方蓝字关注免费领取百度网盘超级会员等部分软件没有贴详细教程和网盘链接,可以给公众号留言发信息,也可加微信:qihai-77当你需要的软件我们没有发布时,可以给我们留言或者加微信:qihai-77反馈哦链接:https://pan.baidu.com/s/1VjyU1Ok307Go4VaV54LhcA密码:3nf7有任何需要安装的软件或问题可咨询微信客服:qihai-77链接失效可在公众号留言某某链接失效 或联系微信客服:qihai...

    2018-03-29
  • 基于Axure的移动端APP产品设计规范

    文章结构:① 全局元素与控件设计规范 ② 全局注释规范 ③ 一些基本的产品设计原则一、全局控件元素设计规范我们经常会看到很多产品都有一个标志颜色,来增加产品的辨识度,例如淘宝的橙色,小黄车的黄色等。在产品设计过程中,为了保持视觉的统一性,通常会有一套配色方案,配色方案确定了产品的主色调和辅色调,所有的控件和元素都应用这一套配色来设计。除了配色还有,还有字体元素,按钮元素,以及其他控件元素等,产品设计开始就应该定义好这些基本规范,不仅能保...

    2018-03-04
  • AXURE免费元件库分享-web

    分享个WEB端axure元件库下面是元件库地址:https://pan.baidu.com/s/1pLXHuf5

    2018-03-05
  • 交互设计完全学习指南

    交互设计起源于网站和平面设计,但已成长为单独的一个领域。工作内容不仅仅有文本和图片,交互设计现在负责创造屏幕上用户可能会划动、点击、按压或输入的每一个元素,简而言之,就是体验的互动。这篇文章为对交互设计感兴趣的人提供了几个好的点可以开始行动。为了这个目的,我们简要的介绍了交互设计的历史、指导原则、值得注意的贡献者和与这个极具吸引力的学科相关的工具。即使你已经是一个交互设计师,阅读下这篇文章然后在下方评论区分享你的想法吧!目录什么是交互设...

    微信热点 2018-05-06
  • 2019工业设计/交互设计考研课程全国招生

    2019考研大军将会是一支更庞大的队伍,唯有先见意识和过人的战术才能庸中佼佼。初次踏上考研队列的童鞋们难免会遇到一些问题。专业问题、复习计划、院校选择、分数线和招生指标可私信客服。[ 长按加客服好友 ]工业设计x交互设计- - - - -相信大部分同学考研担心最多的是专业科目,500分中占了300分,在工业设计考研中,快题手绘和设计理论就是你的专业考试内容,快题考察你的设计表现能力,所以,手绘很重要。说到手绘,ICAMP创意坊有着教学多...

    2018-04-10
  • 用AB测试改进用户体验设计,做出正确决策

    本文转译自TubikStudio,全文有删减。设计师们每天都在面对一些难以抉择的情况。面对这样的问题,有经验的团队会对两者进行测试,来确定哪种方案最好,其中一种流行的方法是AB测试。AB测试将用户分成两组,每组都显示不同的版本,一半看到A版本,另一半看到B版本。AB两个选项的差异根据产品经理来决定,可以是颜色差异,也可以是位置差异等。两个版本的有效性可以用浏览量、点击次数或其他数据来衡量。对于设计师来说,这是分析目标受众群体行为模式和特...

    2018-02-24
  • 用户的体验属性

    人的记忆、欢乐、痛苦、友情、亲情和叛逆等,是每个人所共有的。这些不同的属性,反映着人们各种不同的体验属性。当下,我们每天都在说“用户体验”、“以人为中心”,但我们仔细想想便不难发现,几乎所有的产品及服务,都是在围绕着用户便利性这一单一属性的,人有那么多的体验属性,而我们却几乎没有去挖掘,何谈是以用户体验为中心呢?服务创新的一个思路,不是在纵向上,提高便利性或使用性等单一维度的体验属性而是如何在横向上,调动和反应出人的其他不同维度的体验属...

    2018-04-26
  • 做你女朋友,用户体验太差了

    关注黑白每晚睡前一篇暖心好文等你文 / 李月亮来源 / 李月亮(bymooneye)●●●●●01见过一个不会谈恋爱的男生。是我前同事,颜值和收入都很高,当时坐在我隔壁桌。他跟女友打电话的画风通常是这样的:“破圣诞节有啥好过的,别整那洋事儿,老老实实在家待着吧。”“后天啥日子?你生日?你有啥要求?我这有张购物卡,你拿去自己买点东西吧。哎呀谁买不一样!”“你能不能别工作时间给我打电话啊,我忙得要死还得伺候你。”“有事说事儿!没正事儿是吧?...

    2018-04-30