如何优雅的处理日常繁琐的交互走查

日常的的工作中,在进行评审时,需求验收方总可以在你的稿件中发现多多少少的遗漏,但是出现这种问题不一定都是因为自身经验的缺少造成的,还有可能是因为要考虑的太多,所以根据自己的习惯去建立一份临时的设计走查就变得很有必要。


如何优雅的处理日常繁琐的交互走查_第1张图片

首先是网络异常

a:有内容的网络异常

1:这种情况下,一般页面会出现toast进行提示,或者会出现模态框进行展示,并提示用户要怎么操作下一步,毕竟干等着也不是方法。

2:用户将网络来源切换的时候,如果是文字内容,则提示toast;如果是视频,则视频暂停播放,并且应用上出现提示。

像今日头条,当你的网络环境从wifi换到4g的时候会出现提醒告知。而微博则没没有任何提示,这让我在日常的生活中,平白无故浪费了很多钱。。。。


如何优雅的处理日常繁琐的交互走查_第2张图片

b:无内容的网络异常

无内容的网络异常一般采用引导式的button来进行指导用户操作,比如异常当前页,告知用户异常的原因,并指导用户前往网络设置。有些则是在空白页添加刷新按钮,场景不同采用的解决方式往往不是很一样。

缺省页面(是出现在用户没有提交任何资料或者网络连接不通畅的情况下所展现的页面。)

有框架:这时候则是框架加上占位符(产品的logo,设计师自己的配色,或者图标,等等)如facebook的界面,或者behance的界面


如何优雅的处理日常繁琐的交互走查_第3张图片
如何优雅的处理日常繁琐的交互走查_第4张图片

无框架:这是进行情感化设计,指导用户下一步操作。比如支付宝的钱包界面


如何优雅的处理日常繁琐的交互走查_第5张图片

加载刷新

在刷新状态,则分成有没有数据

有数据,

一般采用toast进行展示,也可以进行情感化的设计,比如用动画来示意加载过程,比如美团的的加载就放弃了往常的比较直白的加载图标。

当加载失败显示失败状态并告知原因。

无数据

一般采用toast进行展示,也可以进行情感化的设计,比如用动画来示意加载过程,比如美团的的加载就放弃了往常的比较直白的加载图标。

当加载失败显示失败状态并告知原因。

在这里还牵扯到一个刷新加载的方式问题

比如下拉刷新:其代表就是 微信和QQ

        分段加载:每次限制刷新的项目个数,例如 微博和今日头条等瀑布流式的信息类应用

        分布加载:优先显示文字/图片/或者框架,比如上面的facebook等

        智能加载:经常逛淘宝天猫的小伙伴想必注意过,当你从移动数据过度到Wi-Fi的状态下,应用则会显示一个toast,告知你现在是图片高质量模式。

        预加载:在你浏览当前页面的时候,应用在Wi-Fi的条件下,为你加载后面的内容。

其他情况

是否要有启动页

是否有游客模式

验证码失效的时候怎么处理

服务器出现问题的时候,要如何告知用户。

个人微信公众号;海鲜君的设计物语

你可能感兴趣的:(如何优雅的处理日常繁琐的交互走查)