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

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

相关推荐

  • 输出专业交互设计文档清单

    原文转自:http://www.uisdc.com/export-professional-interactive-documents在项目设计中,交互设计师与上游的产品经理,下游的视觉设计师,开发工程师和测试等岗位的工作密不可分。不论是承上启下的工作沟通, 还是方案评审的设计讲解,专业的交互设计师应该具备优秀的表达能力,不仅是语言方面的表达,交互文档的表达也尤其重要。交互文档是对接上下游岗位,利于协同团队工作的重要输出件。(本文会以 ...

    2018-03-25
  • 百度贴吧体验升级背后的故事,用户洞察与交互升级

    作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级...

    2018-01-30
  • Axure优雅装逼指南:开启原型高颜值形态

    作者寄语 / 一直想写的Axure小技巧分享,终于动手写了。望能对亲有所帮助,文笔粗糙请谅解。内容目录:啥是高保真原型?简单说明原型Axure可以画出什么水准的高保真?给示例,开启装逼模式特殊的技巧:核心内功:目标清晰/理解设计规范画图习惯:像素对齐/用浅色/上素材啥时候上高保真?:适用场景 and 不适用场景啥是高保真原型?啥是原型,从事互联网研发体系的同学,肯定非常熟悉,特别是产品岗同学。如果不是,那如下简单讲原型和高保真原型的:原...

    2018-04-28
  • 用户体验“大不同”,合作伙伴分享会

    2018年3月15日,“用户体验“大不同”,合作伙伴分享会”在福建省科威技术发展有限公司举行。虽然屋外下了很大的雨,但也没能减小屋里同行朋友们的热情。分享会一开始,惠普华南区业务开发经理李浩泉就以十分轻松幽默的氛围,将与会者带入状态。随后介绍了页宽产品的主要特点,并对惠普A3页宽复合机作了产品推介。惠普新一代A3智能复合机页宽产品的主要特点是:最新技术(集激光/喷墨优势于一身)高速(40ppm~80ppm输出速度)经济(购买/使用/维护...

    2018-03-17
  • 人工智能对用户体验的影响

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

    2018-03-26
  • 交互体验大升级 云视听极光3.0最新版本体验评测

    作为腾讯视频官方的电视端应用版本——云视听极光迎来了第三个大版本的更新:云视听极光3.0。在我之前的国内4大电视端视频应用软件的对比评测中我对云视听极光的老版本在交互体验上的感受只能用一般般来形容。这次的大更新官方声称对交互界面体验上针对用户需求和建议做了较大的改进,我也立马升级了软件进行了一番体验。让我们来看看云视听极光3.0在体验上到底如何吧。UI交互体验:界面设计进入软件就可以看到3.0版本的大变化,相比老版本,3.0的频道分类栏...

    2018-01-30
  • 2018年04月05招聘岗位

    招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,15750516333 13948455099促销员20名,要求:年龄20-40岁,时间15-20天,底薪(80一120),提成+提成工资多劳多得!加微信15849572346了解工作内容,今日下午3点面试掌上明珠全体员工欢迎你的到来!招聘电话:158495723468876688内蒙古泽强医药有限公司招聘职位及岗位需求:一、人力资源专员具体要求:1、年龄2...

    2018-04-09
  • 【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

    Alias工业设计点击关注 和工业设计做朋友关注作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的...

    2018-03-03
  • 2018用户体验设计趋势,你知道吗?

    设计师总再盼望未来 - 在整个工作流中我们重复相同的事情。最后,困扰设计师往往是围绕着一个简单的问题:我们如何才能提高用户的体验?为了解决这个题,Figma采访了18位设计师,让他们来来预测2018用户体验设计趋势。1.可用性第一,个性化第二“我真的希望2018年设计师们将可用性设计铭记在心。我们不要在基本元素上使用超浅灰色,我们做得每一个像素动画不应该只是因为它看起来不错,我们不应该让用户难以理解内容,因为我们是设计师。”2.设计师要...

    2018-01-31
  • 交互设计 | 面向“交互领域”的能力转型

    点击上方“蓝色字体”,即可关注公众号文章来源:http://www.zcool.com.cn/article/ZNjM3MDAw.html(  站酷  )文章作者:千夜Ryan_Vision( 授权发布 )立足于交互设计及用户体验的角度谈一谈我的观点,希望对你有帮助。版权声明版权属于原作者,其内容归原作者所有如需转载请联系原创作者往期回顾APP UI结构-用户引导&提示UI设计师们还不重视闪屏设计?设计师的职场习惯如何让你的设计更精致-...

    2018-03-28