从 Default 页提升用户体验
以目前公司的项目为例,整理app中出现的Default状态。
在自己过往的一些产品设计中,总会忽略Default状态的设计,一般会采用系统自带弹窗或简单的文字提示。
作为想吸引高质量小众用户的产品,在不被重视的Default页面上的设计和文案细节,可以大大提高用户的体验感受。而出现Default的时候,是用户最困惑的时候,也是最需要教育、取悦、引导的部分。
那么我们按照app从加载到完成的三个状态来考虑:空白页—加载页—结果页。
一、Blank-空白页
空白页面分两种情况,一种是服务器无数据;另一种是数据传输出现异常。
1. 服务器无数据
1.1 该内容用户信息为空,一些较常见的情况,可以用简单的文案告诉用户无数据的原因。
1.2 用户未添加信息,产品自己的页面此时的场景以引导教育为主,能增加面包屑和页面跳转是不错的方式。
- 数据传输出错
数据传输出错,有可能是因为网络不稳定,网络环境变化,无网络,不允许开启网络,或者网络出错,因此主要引导用户再次刷新页面。
二、Loading-加载页
1. 全屏加载
点击或下拉触发全屏加载,适合需要一次性加载完的页面,或内容较少的页面。如第一次进入app的首页,网络出错后重新记载等情况。
点击加载(左) 下拉刷新(右)
2. 分块加载
米果上采用很多质感大图,因此会增加加载时间,因此我们会允许文字先加载出来,图片在加载过程中使用默认图片,直到加载成功,减轻用户等待时的焦虑。
三、Final-结果页
所有数据上传接收都顺利完成,显示最后结果页,可能出现两种情况,理想状态,资料完全;默认状态,用户未填写信息,商家商品资料缺失,或运营图片出错等。
- 理想情况
图片、文字、状态接收显示完全,无错误。
- 默认情况
当服务器出错、信息唯空、网络不佳时造成的显示不全,即显示预设头像或文字。
四、开启权限
开启页面不属于Default页面,但是部分默认页面出现的原因。一般产品会调用系统自带的提示,相比冷冰冰带有强制感觉的系统提醒来说,自定义更加人性化地解释开启的必要性。因此,我们在一些需要被调用权限的场景增加自定义弹窗,让用户更加理解产品,提高用户的开启率。
五、小结
除了人机之间的交互外,我们还可以从客户端与服务器考虑是否有可以优化的部分,比如加载本地与网络之间的互相补充,分页加载的数量和触发,图片的高保真压缩,研发的算法优化等等,来缓解用户的迷茫和焦虑。
Default页面可以从图形上,也可以从文案上,让用户减少失落感,明白自己身处何处,可以做什么,这是考验交互设计师的细节处,也影响着用户对产品的认知。个人觉着,在产品设计过程中是有必要下功夫来思考的。
/UI中国
关键字:产品经理, 体验
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!