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

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

相关推荐

  • 【UED人物】朱锫:自然建筑

    近日,朱锫建筑事务所作品景德镇御窑博物馆荣获“2017年度The Architectural Review未来建筑奖”之“最佳文化建筑”(the Winner of the Cultural Regeneration category)。自此,又一位中国建筑师叩开了国际大奖之门。△ 景德镇御窑博物馆室内效果图“未来建筑奖”始于2002年,每年由英国知名建筑专业杂志《The Architectural Review》(建筑评论)评选并颁发...

    2018-02-07
  • 医生如何离开体制创业、卓越的用户体验如何打造 | 首届妇幼医疗高峰论坛精彩环节分享

    本文编辑:卢维晨 要笑尘“2018首届妇幼医疗高峰论坛”于2018年4月21日在上海嘉里大酒店开幕。本次会议由上海春田医院管理有限公司主办,中国非公立医疗机构协会妇产科专业委员会作为学术支持。来自国际、国内知名的妇儿医疗机构投资者、拥有者、运营管理者、妇产儿科医生、医药企业、医疗器械企业、孕婴童产业、互联网创新企业等诸多行业专家领袖出席了本届论坛。本次大会上,隆重发布了中国首部以妇儿医疗机构为主题的《2018中国妇儿医疗机构白皮书》,本...

    2018-04-22
  • 4个关键词总结,如何把用户体验做到极致?

    作者:@烧包鹿全文共 4530 字 6 图,阅读需要 10 分钟———— / BEGIN / ————上周五约了朋友吃晚饭,提前约的顺风车。由于堵车,司机到了办公区的北门。经过沟通,我从定位地点过去找他。四扇车窗都是开的,他坐在驾驶位,烟刚抽了三分之二,后视镜旁还有未散尽的烟雾。他回头看见了我,我朝他微笑示意。确认了眼神,我是他的乘客。他马上把烟灭了,左手在空中挥了挥,右手向左转了一下空调按钮,抬起头在空中胡乱吹了几口气。隔着车窗看见副...

    2018-04-30
  • Axure原型管理与展示

    因为墨刀是自带生成分享链接以及分享二维码功能,这里主要写关于Axure的原型管理与展示。AxureShareAxureShare是Axure RP官方的免费原型托管网站,可以直接在Axure中共享发布。发布后Axure的源文件也会保存在官网的地址中,在其中还可以设置访问密码。But, 这么好用为什么用的人少呢?因为访问的时候,会慢的你心碎。2. 产品大牛产品大牛是济南公司开发的产品托管网站,解决了Axureshare连接速度慢,访问体验...

    2018-03-24
  • 中国交互设计“教父”辛向阳老师首次线上分享会来啦

    应集创堂的邀请,中国交互设计“教父”辛向阳老师将在4月20日为大家带来首次线上分享会!辛老师是卡耐基梅隆大学设计哲学博士,是目前很少数在美国获得设计哲学博士、并首个回到中国内地的华人之一。有着跨多个学科的教育和工作背景,包括机械、建筑、平面设计、油画、交互设计以及艺术史。同时,辛老师还是IXDC(交互设计国际大会)大会主席,提出了“交互设计五要素”和“行为逻辑”等交互设计领域的重要理论和方法,并在香港理工大学成功创办了中国首个交互设计专...

    2018-04-17
  • 如何减少哑铃图中的颜色,提高用户体验?

    有奖互动话题,文末等你概述作者在 #MakeoverMonday 2018 的第 2 周的课题上,制作了一张哑铃图来比较男性与女性在寻找伴侣时所注重的特征排名。他目标是展示不同国家的男性或女性在寻找伴侣时是否都会将某一特征看作重要因素。这样让作者立即想到了哑铃图,但是他的第一份草稿存在一定的问题。Viz 中的颜色太多了,我们很难从中发现趋势。之前作者也曾遇到过这个问题,但是他觉得真正的解决办法应该是,在不减少 Viz 中数据数量的情况下...

    2018-04-19
  • iPhone十年,移动用户体验领域已经到达成熟阶段

    译者:Daisy全文共 3904 字 7 图,阅读需要 8 分钟———— / BEGIN / ————最开始的iPhone于2007年6月发布。2008年末,当我们开始研究第一版移动报告时,大多数人还是在使用有着最极其糟糕的用户体验的原始移动设备。在那个时候,相较于体验糟糕的移动设备和移动网站,任何稍微像样的产品都会带给用户愉悦的体验。三年前,移动报告第三版出来时,我们对移动端可用性做了严密的评估。我们很高兴移动端可用性报告不再是一种矛...

    2018-04-11
  • D1-交互设计入门

    一阶段:1.交互设计基本原则2.平台特性及其设计规范3.做交互设计的方法,工具4.掌握交互设计的基本流程二阶段:1.特定控件设计,2.特定界面设计3.独立常用功能设计三阶段:1.多项功能设计2.方法研究,总结3.竞品和优秀产品分析4.最新的系统和产品分析5.了解前段技术四阶段:1.产品架构2.设计趋势3.产品发展趋势Windows 用户体验交互设计规范http://www.uxguide.net/wiki/windows:HomeiPh...

    微信热点 2018-04-07
  • 从用户体验到品牌形象,营销的道路有多远?

    在数字化时代,如何提升品牌形象和用户体验,是两个营销的核心问题,品牌形象塑造消费感知,用户体验决定消费忠诚。企业重要的战略资源之一是:优质化的内容。而真正做内容营销的门槛极高,唯有真正强大的IP内容,才具有引爆市场与号召市场的能力。什么是营销IP,即知识产权(Intellectual Property),大IP,本身是产业链也延伸,具有黑洞版的吸金能力,是从招牌、内容、产业链等的延伸式营销。举个目前比较火热的例子,电影《魔兽》,根据网络...

    2018-02-02
  • 作品集讲座 | 交互设计与工业设计的关系?

    专注艺术留学作品集辅导前几期克瑞斯带同学们分析了景观设计、建筑设计和室内设计三大专业。今天为大家分享艺术作品集比较热门的交互设计和工业设计专业,对于交互设计,许多同学们都不太了解,甚至因为同样涉及到产品,因此容易和工业设计混为一谈 ,今天克瑞斯就来跟大家详细讲一讲交互设计与工业设计的区别,希望同学们在选择专业上更加清晰明了。如今的工业设计变得非常的宽泛,它本身就是一个非常需要人们来思考的概念思维,并且它的设计思维都是从产品的整体外形线条...

    2018-03-31