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

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

    读了刘飞老师的《从点子到产品》书中关于用户体验的讲解,获益颇多。特此整理Mark一下,也分享给需要的童鞋~

    2018-04-26
  • 关于Axure8.0中继器的使用1

    废话少说,请开始你的表演!!!1.拖入一个中继器,将中继器多余的行删除;2.在中继器中添加三列(可以直接双击编辑),分别命名:name、sex、age;3.双击拖入的中继器会跳转类似动态面板的“(中继器)(page2)”新页面;4.在(中继器)(page2)中再添加两个和已有矩形大小一直的矩形,分别命名:name、sex、age;关于中继器的准备工作完毕,因为中继器需要存放动态数据,所以需要在页面增加动态数据的输入入口。5.回到拖入中继...

    2018-03-10
  • 用户体验促进销售,因为专业,所以放心!

    在激烈的市场竞争中,如何突破胶着的态势,是每一个经销商必须面对的考验,过去的数年我们迎来了婴幼儿纪念产品行业大发展,同时伴随着发展也出现了许多行业的问题,如粗制仿冒产品、过度的市场开发、价格战等,在多年的市场摸索中,我们认为只有坚持品质领先、积聚品牌内涵才能构筑核心竞争能力,才能在激烈的竞争中赢得用户长久的信赖。好的品牌形象与产品如何能让用户充分感知呢?增强用户体验是重要的方法。面临市场上如此多的商家和产品,用户的取舍关键因素在哪里呢?...

    2018-04-18
  • UED从繁到简三个阶段

    UE设计一般需要经过三个阶段。一个交互设计师,从学徒到出师,不说100%,那也有99%的人走过这是哪个阶段。如果没有,说明他已经转行做自己的安利去了,专门在网上发些如何教人做交互啊。什么是交互设计师啊等等忽悠别人的文章。(就是再说我)我们来详细看一下这三个阶段:第一阶段,多数都是刚入职人生第一份工作或者是刚踏上这段交互征程的新手。对交互设计其实是一知半解的。这一阶段谈论的什么用户体验啊,流程体验啊,几乎可以视为是夸口奇谈。我认为在这个阶...

    2018-03-27
  • 多功能福彩APP用户体验调查问卷

    近日,湖南省福彩中心在全省7100多个彩站安装使用“智慧福彩APP”。该APP具有申领热敏纸、报修设备故障、发布活动公告、发布开奖公告、发布消息通知等功能,并服务于彩站具有各站点详情、销售目标、巡检劝人、评价管理员、问卷调查、意见反馈的功能,从而实现“福彩中心”、“市场管理员”、“彩站站主”、“彩民”、“社会公众”五者间的互通互联。彩站或彩民们有任何意见建议或技术方面的问题,均可通过该APP上报省中心,为中心机构与站主、彩民之间搭建了桥...

    2018-04-24
  • 物联网UXs(用户体验)的设计模型

    如在文章《物联网相关产品的用户体验设计与其它产品设计之间的差异》(http://www.toutiao.com/i6414599431076708866/)所描述的那样物联网(IoT)的设计将面临着一些挑战和复杂性,这些挑战您可能不会在“常规”的Web服务(只有软件)中遇到。在实际设计中您将需要考虑一些不同的也许是新的设计领域,而所有这些都将用于塑造UX(用户体验)。物联网产品的两个最明显的和有形的设计形式是:一是UI (用户界面)或者...

    2018-05-01
  • 2018用户体验趋势报告

    在2017年我们看到了很多用户体验的进步和优秀的产品。在与来自全世界的189489名设计师分享学习了1926篇优秀文章之后,我们(uxdesign.cc)分析得到了2018年的一些用户体验趋势。1 用户体验的死亡与重生作为用户体验设计师,我们一直都在争取尽早地参与战略决策,现在,设计师在项目中的地位越来越重要,那么我们要如何应对呢?你的app的用户引导页使用体验如何呢?下面是最佳的自查表;不确定哪种导航最适合你的网站?去看看网站设计样例...

    2018-02-03
  • UED内功心法口诀篇

    本文约5000字,阅读需15分钟本篇思想可能给你带来的价值何为UED?在产品定义阶段,它是一种关乎如何解决问题的思维模式,在产品迭代期,它又是一种关乎如何思辨方案真实体验水平的科学验证。更具体一点,到底是什么样的思维模式和科学验证,近一年的时间我们通过大量案例逐渐将其解构出来,并将导图成“UED内功心法”,期望能够帮助交互设计师在具体实操过程中有的放矢,更有针对性地发挥设计的价值。心法口诀第一式:目标用户锁定招式1:找出契合业务的目标族...

    2018-02-02