• 高清:中国男篮抵达洛杉矶 长途飞行队员略显疲惫 2019-03-21
  • 泽州去年“免费教育”资金达5211万元 2019-03-21
  • 牢记初心使命赢得未来新优势 2019-03-20
  • 令人振奋的对话!广东科技企业代表向科技厅长问了这个问题 2019-03-20
  • 银河系神秘微波辐射来自钻石星尘 2019-03-19
  • 【新华微视评】无人机无人车 你敢坐吗? 2019-03-07
  • 端午佳节 半程马拉松赛在北武当山开跑 2019-03-07
  • 5月汽车产销环比略有下降 新能源车销量同比增125.6% 2019-03-01
  • 你总是肆意歪曲客观事实及其规律而满脑胡思乱想,所以才死抱着相对论旧谬误不放,肆意诋毁科学新真理,这才真是“蚍蜉撼树也”! 2019-03-01
  • 黄渤挑战苏绣“一出好戏” 2019-02-11
  • 看改革开放40年:交通篇——从双腿丈量到抬脚上车 2018-12-04
  • 当前位置:浙江20选5开奖 > 建站 >

    网络故障设计总结建站经验猎马网猎马网

    时间:2018-11-03 21:31来源:,,, 作者:root 点击:

    浙江20选5开奖 www.xjpfo.com

    QQ截图20180803114653.png


    图片版权所属:猎马网


    来源:微信公众号“王M争”,猎马网已获授权,如需转载请联系原作者。


    当你正在用微信跟朋友胡侃,在b站看纪录片,逛虎扑怼skr。这时网络突然断掉,我们应该给用户什么样的提示呢?最近因为自己也在梳理类似的场景,所以这篇文章就来跟大家分享交流一下在网络故障场景下如何给予用户合适的提示。


    所有的报错提示/反馈都可以拆解为两个部分:报错现象和解决方案。因此网络发生故障时我们首先应该告诉用户您当前的网络状态异常,让用户感知到这个事实,然后再提供解决方案。


    目前来说,常见的报错样式有toast、snackbar、对话框、通告栏、界面内嵌与空页面。最近看了一下自己之前的文章,发现都是基于组件来阐述适用场景。这种解构方式有个问题,那就是现实情况中,产品或者交互设计师都是基于场景去确定合适的组件。因此为了更方便大家理解,这里我不具体介绍每个组件的用法,而是以场景来定义来组件。


    不提示


    首先我们需要明确一个事实:不是每一种网络故障都需要提示用户。这里的“不提示”其实是一个相对的说法,并不是真的不给用户提示,而是只有用户执行了请求数据的操作才告知用户网络发生故障。支付宝就是一个典型的例子,即使断网了,用户基本也感知不到。只有用户请求了新数据,才会以toast通知用户网络异常。



    支付宝这种高冷也是有底气的,因为其多数页面都有缓存机制,用户不用每次进入这个页面都要去服务端请求一遍数据。类似的还有QQ音乐、咕咚,对于这些产品来说断网并不会带来灾难性的影响。因为断网不影响我去听缓存或下载好的歌曲,也不会影响记录运动数据。所以对于此类应用来说,当网络报错的时候,只要用户没有触发请求数据的操作,没有必要提示用户。



    当然我们需要给缓存数据设置一个有效期,如果过了那个有效期,网络还是没有恢复正常,应该及时提示用户网络故障。


    无缓存


    当然并不是每一个页面都有缓存,对于没有缓存数据的页面,我们有两种方案。一种是展示空页面,另一种是展示骨架屏(Skeleton Screen)。


  • 高清:中国男篮抵达洛杉矶 长途飞行队员略显疲惫 2019-03-21
  • 泽州去年“免费教育”资金达5211万元 2019-03-21
  • 牢记初心使命赢得未来新优势 2019-03-20
  • 令人振奋的对话!广东科技企业代表向科技厅长问了这个问题 2019-03-20
  • 银河系神秘微波辐射来自钻石星尘 2019-03-19
  • 【新华微视评】无人机无人车 你敢坐吗? 2019-03-07
  • 端午佳节 半程马拉松赛在北武当山开跑 2019-03-07
  • 5月汽车产销环比略有下降 新能源车销量同比增125.6% 2019-03-01
  • 你总是肆意歪曲客观事实及其规律而满脑胡思乱想,所以才死抱着相对论旧谬误不放,肆意诋毁科学新真理,这才真是“蚍蜉撼树也”! 2019-03-01
  • 黄渤挑战苏绣“一出好戏” 2019-02-11
  • 看改革开放40年:交通篇——从双腿丈量到抬脚上车 2018-12-04