从 Default 页提升用户体验

以目前公司的项目为例,整理app中出现的Default状态。

在自己过往的一些产品设计中,总会忽略Default状态的设计,一般会采用系统自带弹窗或简单的文字提示。

作为想吸引高质量小众用户的产品,在不被重视的Default页面上的设计和文案细节,可以大大提高用户的体验感受。而出现Default的时候,是用户最困惑的时候,也是最需要教育、取悦、引导的部分。

那么我们按照app从加载到完成的三个状态来考虑:空白页—加载页—结果页。

一、Blank-空白页

空白页面分两种情况,一种是服务器无数据;另一种是数据传输出现异常。

1. 服务器无数据

1.1 该内容用户信息为空,一些较常见的情况,可以用简单的文案告诉用户无数据的原因。

1.2 用户未添加信息,产品自己的页面此时的场景以引导教育为主,能增加面包屑和页面跳转是不错的方式。

  1. 数据传输出错

数据传输出错,有可能是因为网络不稳定,网络环境变化,无网络,不允许开启网络,或者网络出错,因此主要引导用户再次刷新页面。

二、Loading-加载页

1. 全屏加载

点击或下拉触发全屏加载,适合需要一次性加载完的页面,或内容较少的页面。如第一次进入app的首页,网络出错后重新记载等情况。

点击加载(左) 下拉刷新(右)

2. 分块加载

米果上采用很多质感大图,因此会增加加载时间,因此我们会允许文字先加载出来,图片在加载过程中使用默认图片,直到加载成功,减轻用户等待时的焦虑。

三、Final-结果页

所有数据上传接收都顺利完成,显示最后结果页,可能出现两种情况,理想状态,资料完全;默认状态,用户未填写信息,商家商品资料缺失,或运营图片出错等。

  1. 理想情况

图片、文字、状态接收显示完全,无错误。

  1. 默认情况

当服务器出错、信息唯空、网络不佳时造成的显示不全,即显示预设头像或文字。

四、开启权限

开启页面不属于Default页面,但是部分默认页面出现的原因。一般产品会调用系统自带的提示,相比冷冰冰带有强制感觉的系统提醒来说,自定义更加人性化地解释开启的必要性。因此,我们在一些需要被调用权限的场景增加自定义弹窗,让用户更加理解产品,提高用户的开启率。

五、小结

除了人机之间的交互外,我们还可以从客户端与服务器考虑是否有可以优化的部分,比如加载本地与网络之间的互相补充,分页加载的数量和触发,图片的高保真压缩,研发的算法优化等等,来缓解用户的迷茫和焦虑。

Default页面可以从图形上,也可以从文案上,让用户减少失落感,明白自己身处何处,可以做什么,这是考验交互设计师的细节处,也影响着用户对产品的认知。个人觉着,在产品设计过程中是有必要下功夫来思考的。

/UI中国

关键字:产品经理, 体验

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部