特殊情况下的APP设计(6):交互走查表

本文作者将用交互走查表的形式,对系列文章“特殊情况下的APP设计”进行一个总结。enjoy~


本文作者将用交互走查表的形式,对系列文章“特殊情况下的APP设计”进行一个总结。enjoy~

特殊情况下的APP设计(6):交互走查表

你如果已经在做设计,肯定会遇到这种情况:在开设计评审会的时候,开发或者QA总能找到设计方案中遗漏的点。出现这种问题的原因并不是因为缺少知识,而是因为有时候要考虑的情况太多,难免会遇到遗漏的情况。而建立一个适合自身产品的交互走查表,会尽可能的减少遗漏的情况。

经过前面几篇“特殊情况下的APP设计”相关文章的介绍,已经把在APP设计中,和主业务不太相关的特殊情况下的APP设计点介绍的差不多,还没看过的小伙伴,可以系统地看一遍,希望能对你有用。今天,就用交互走查表的形式,对这个系列的文章进行一个总结。

特殊情况下的APP设计(6):交互走查表

交互走查表

1. 网络异常

页面有缓存数据时

页面有缓存数据时要考虑两种情况:

  1. 网络环境切换时(从WIFI到蜂窝数据;从蜂窝数据到WIFI),解决方案是“暂停播放并dialog提示”。
  2. 网络异常时,解决方案有两种,一是Toast提示;二是常驻list提示。

页面无缓存数据时

这种情况下,要有点击页面重新加载的功能,有些APP是提供重新加载的button,有些是点击空白页面任意区域都会触发重新加载,另外,还有很多APP会提供前往设置WIFI的入口。

2. 缺省页面

有页面框架时

显示页面框架+占位符;

无页面框架时

尽量采用情感化设计,同时可以引导用户去看推荐内容。

3. 加载刷新

页面有缓存数据时

(1)设计加载loading;

(2)考虑加载失败的情况,加载失败可分为网络原因和其他原因。一般会采用Toast提示。

页面无缓存数据时

(1)设计加载loading;

(2)考虑加载失败的情况,加载失败可分为网络原因和其他原因。一般会进行情感化设计。

下拉刷新

设计下拉刷新动画,每次刷新可以给予Toast反馈,例如豆瓣首页,每次刷新都会提示更新了多少条;如果当前内容已经是最新,可以提示用户已经是最新内容。

分段加载

因为客户端不可能一次性加载全部内容,得进行分段加载,规定每次加载多少条,像今日头条APP,我没记错的话应该是每次会加载60条数据。

分布加载

考虑分布加载,先加载文字,后加载图片,如果页面有框架,会最先出现页面框架,再显示文字和图片。由于加载图片时间稍长,所以在加载图片过程中会用一个默认的占位符来填充图片位置。

异步加载

为了减少用户等待时间,可以考虑需不需要采用异步加载。

智能加载

根据产品自身的特性,考虑是否分网络环境来加载不同内容。例如知乎APP,在设置中可以选择蜂窝环境下只加载文字不加载图片,帮助用户节约流量。

4. 其他情况

  1. 是否支持游客模式
  2. APP启动页面的设计
  3. token失效时
  4. 服务器异常时

不同产品根据自身的特点,需要走查的点是不一样的,例如:涉及多媒体播放和下载的产品,才需要考虑网络环境切换时的情况;必须强制登录的产品就不需要考虑游客模式的设计,等等。

《清单革命》这本书将人类所犯的错分为两类,一类是无知之错;另一类是无能之错。无知之错是因为缺少相关的知识所犯的错误,而无能之错并非因为没有掌握正确的知识,而是因为没有正确的使用这些知识。而交互走查表(清单)的建立,会减少我们犯无能之错的概率。

相关阅读

特殊情况下的APP设计(1):注册登录页设计

特殊情况下的APP设计(2):启动页的设计

特殊情况下的APP设计(3):如何处理加载页面

特殊情况下的APP设计(4):网络异常时该如何设计?

#专栏作家#

邹志楠,微信公众号:邹志楠,人人都是产品经理专栏作家。用户体验设计师,专注于互联网产品设计。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 摄图网,基于 CC0 协议

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/21110/

(0)
CatherineCatherine
上一篇 2017-04-25
下一篇 2017-04-27

相关推荐

  • 回顾与展望!从9个方面聊聊用户体验设计的发展

    这是一篇国外的用户体验设计回顾总结文,里边提到的9个观点都特别有前瞻性,剥离开细枝末节的视觉风格和交互原则,这些很有可能成为未来优秀设计师必备的硬能力。在甲方的阴沟里待久了,来仰头展望下真正「以人为本」的设计思考。

    2017-05-28
  • 为了生存!QQ空间升级改变非主流印象,论用户体验的重要性

    关注留学签证移民的新资讯分享学习工作生活的新鲜事JT EDUCATION点击上方关注非主流、火星文、酷炫的QQ空间45度叫仰望天空、明媚的忧伤十年前,谁还不是个中二症患者?曾经的中二少年变成了大人大人不再点开的QQ空间也变样了面对微博微信这样的对手总要活下去这次QQ空间品牌升级重点在于对用户体验的设计哦?又是用户体验这个词真的是使用频率越来越高什么产品和服务都强调用户体验但具体说起来是什么意思呢?比如有人说现在发微博就像玩扫雷不知道发个...

    2018-03-06
  • APP界面设计:如何选符合产品气质的字体

    不管是中文还是英文,文字不仅是传达信息的载体,也是设计中的重要元素,设计过程中尽量保证文字的阅读性,在严谨中寻求突破。经过艺术设计的字体,可以使信息更形象、更美感的铭记于你心中。

    2017-05-14
  • 设计切实可靠的UI,为你的用户做决策

    真实可靠的UI是产品可信。“大量的选择并不能让人们选择所有东西,并且人们在选择的时候会不开心。”“每一个额外的选择都会导致做决定所需的时间变长。”“我必须要简化我的生活,因为除了思考如何更好的服务社会之外,我必须尽可能少的做决策。—— 马克·扎克伯格”“这就好比你最好的朋友每周都会为你准备一个个性化的音乐合集一样”“Facebook希望为点击很多链接的人提供更多的链接,为观看很多视频的人提供更多的视频,以此类推”“Facebook并没有显示所有的帖子。展示给你的都是被选择过的信息。可有趣的是,Facebook的算法会倾向于加强你哪方面想要的呢?因为这个必须要在之前就定义好。”“假如说你来到伦敦,你定了一个Hailo的车,而你在上午七点到十点之间进入了一个特定的位置。如果你到下午五点了仍然在那里,那么就可能会出现你想要离开的假设,这个时候Google Now就会提醒你订车。”“亚马逊将疑问从‘我需要这个吗’转移到了‘我还需要什么来填满这个盒子’”

    2017-05-09
  • 为用户操心!如何用预期式设计保持用户体验简单易行?

    现如今,用户大多深陷于碎片化的时间和过量的信息,所以用户更加青睐简约而现代的网页设计。“少即是多”是这类网站的设计哲学,少而精准的内容设计方式和内容策略让访客从沉重的信息压力中解放出来。 虽然做减法的方…

    2015-11-19
  • iOS 9人机界面指南(三):iOS 技术 (中)

    文章索引译者注:本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日),由腾讯ISUX设计师翻译整理,非发文者一人之作。译文首发于ISUX博客,如在阅读过程中发现错误与疏漏之处,欢迎不吝指出。后续章节会陆续更新,敬请期待。

    2017-05-29
  • 让人最不喜欢的交互设计错误列表,来看看你中枪了没!

    好的交互设计可以区分开有质量的网站和其他普通网站。然而,如果有明显的设计错误,它只会给予你本来想打动的用户以刺激和挫败感。下面是Speckyboy上总结的让人最不喜欢的交互设计错误列表,来看看你中枪了没!1缺…

    2017-08-02
  • 初探用户体验中的接触点

    在一个流程设计里,梳理接触点是十分关键的一步,接触点梳理好了,才有可能画好一个完善的流程图。信息触点——操作触点——信息触点

    2017-05-15
  • 设计一个界面动效时,需要明确价值、遵循原则和实现交付

    坦白来说,虽然我之前在项目里做过一些小动效尝试,但一直没有什么系统的方法和原则指导,大多在原型软件里凭「感觉」随意调调了事,而说不清楚为什么要做成这样。刚好最近有在和团队的小伙伴们一起进行动效设计的研究与实践,对动效设计的价值、原则和实现交付开始有了更多的了解,在本文中浅薄地总结一下。

    2017-05-12
  • Axure制作响应式原型文件,响应式RP

    随大屏幕分辨率普及,网页设计在交互阶段就必须考虑响应式方案,Axure7作为我偏爱的交互设计工具果然也没让大家失望的新增了Adaptive View功能,基于RP(Rapid Prototype)的思想可以以最小工作量制作出直观且基本上…

    2014-12-26