logo

首页Home

教育资讯Education News

互联网资讯Internet Information

您的位置: 首页 > 互联网资讯 > 设计 > 从Default页提升用户体验

从Default页提升用户体验

2017-07-14 15:02:14      浏览量:19

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

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

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

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

  

  一、Blank-空白页

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

  1. 服务器无数据

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

  

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

  

  2. 数据传输出错

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

  

  二、Loading-加载页

  1. 全屏加载

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

  

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

  2. 分块加载

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

  

  三、Final-结果页

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

  1. 理想情况

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

  2. 默认情况

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

  

  四、开启权限

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

  

  五、小结

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

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

上一篇:认识UI设计师... 下一篇:设计的沟通:每一步都算数...