特殊情况下的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

相关推荐

  • 小优姐姐,大家都在说的交互设计,它日常工作内容究竟是啥?

    封面设计:vivien bertin每次亲朋好友来问我,做什么工作的啊?自豪的回答:交互设计然后然后就没有然后了。。。朋友每次看完俺的文章都会说很好啊还会给我打赏但是最后的最后会补充一句没看懂,太高深以及最近被一波接地气的央视海报刷屏大家纷纷表示看到了希望先来两张海报让大家感受一下连一向以严肃正经形象示人的央视好像被触发了某个开关变得越来越不正经亲切可爱咱们交互设计师是不是也要走下神坛来说说交互设计师每天那点事9:00查看邮件确认是否有...

    2018-01-31
  • 看世界之Google对话式交互设计规范

    目录序言1.对话式用户界面及其重要性2.建立友好用户界面的关键-理解对话如何进行设计实践3.设计原则与方法论4.设计走查5.设计检查表6.用户界面工具包最佳实践7.像你的用户一样...有合作精神(待翻译)8.解锁口语的力量(待翻译)9.通过确认逐渐给用户信心(待翻译)10.对话中是没有错误的(待翻译)1.对话式用户界面及其重要性我们已经进入全新并且充满希望的计算机时代,机器学习和人工智能的进步使得对话式界面和自然语言处理得以兴起,通过技...

    2018-02-24
  • 友盟、缔元信.网络数据、CNZZ合并,新公司叫友盟+

    公告书 亲爱的用户: 年关将至,值此辞旧迎新的日子, 友盟、缔元信.网络数据、CNZZ联合发出公告:三家公司已于2016年1月26日宣布合并,联手打造新公司,更名为“友盟+”,共同开启“全域数据”时代。新公司任命阿里巴巴…

    2016-01-27
  • 【技术篇】AR应用交互设计时需要思考的3个问题

    首先我们要了解,AR增强现实通过实时的在现实环境中渲染虚拟数字信息,通过现实和虚拟的结合来帮助用户完成某项任务和活动。AR中的虚拟数字信息通过与现实环境以及用户的实时互动来向用户传递有价值的信息。相比“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式;并且这种方式不再仅限于主动式的交互(点击,滑动)方式,它还包括用户行为的被动触发。本文将向大家介绍一些典型的AR应用以及它们的交互方式,并且和大家...

    2018-03-29
  • 程序员如何应对「给我弄个网站吧」的请求?

    点击上方“程序人生”,选择“置顶公众号”第一时间关注程序猿(媛)身边的故事编者按:昨天,我们在这篇《“你是程序员,帮我修个电脑吧” “不会,滚”》的文章中,发起了个投票。结果发现三个选项中,打败「修电脑」,位居榜首最令大家“抓狂”的选项,竟然是「我想要创业,你帮我建个网站吧,就像淘宝那样的,一定很好做吧」。一般,遇到此类情况,我们可以选择两种处理方式:第一种,直怼式。例如:“我给你1000块,你帮我做个淘宝,就和马云的淘宝一样的” “你...

    2018-04-08
  • 交互设计在商业中的价值

    转载自“创设空间”:chuangshe_space简书链接:http://www.jianshu.com/p/d0b5baa600d2作者:Mr汤进er一、前话问题:一句话概括你理解的交互设计是什么?部分回复摘录:@哎呀,我擦~:大概就是通过使用者的某些动作才能激发出的产品或包装的第二功能吧。@捉急的小慢~~O~~:界面设计,形式和功能相融而令人愉悦的互动。@lcy:信息的输入,输出的过程。从大家对于这个问题的回复,不难看出,不同人对于...

    2018-03-05
  • 从二维到三维,利用 Z 轴打造界面的空间感

    互联网空间不像现实世界,它完全是一个平面化的二维虚拟空间,所有的物体都处于一个空间平面上,但是信息内容却是有层级关系的,那么应该如何在一个平面空间里来展现多重层级关系的信息呢?

    2017-05-18
  • 用户至上——何为用户体验

    在这边学习笔记中,主要将讲用户体验是什么、UCD的设计原则、设计原则在项目中的应用和市场、商业、用户不同需求的区分这四个方面。第一:何为用户体验用户体验设计协会将用户体验定义为“用户与产品、服务和系统交互过程中感知到的全部要素。用户体验设计包含构成界面的全部要素,例如页面布局、视觉设计、文字、品牌、声音和交互等。可用性工程协调各个要素之间的关系,并为用户提供最佳的交互体验。”另一个虽然可能不是最佳答案,但是简单有效的回答——就是让技术变...

    2018-04-24
  • 深入业务和用户中做设计:58APP二手车大类页改版

    今年我们发起了一轮关于58APP各业务线大类页的改版优化,二手车便是其中一个。旧版二手车大类页已连续被用户使用一年多,然而业务属性与用户需求早已发生改变。作为交互设计师,需要在稳定提升大类页功能数据的前提下,重新对页面进行体验升级。

    2017-05-14
  • 关于交互设计的一些图书网站推荐

    昨日有人在群里提问阿西站长说想读一些关于交互设计图书,阿西站长通过一晚上的搜索和不断的翻阅各种网站,并且结合自己做交互设计的经验给大家汇总了一下适和交互设计人员看的图书和网站。具体如下: 《交互设计之…

    交互设计 2014-11-18