提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
前段时间重新设计了公司app的空白页面,空白页是指当前内容为空白的异常页面,包括错误页、缺省页等。下面就空白页的类别、产生原因、用户使用场景和解决方案来分析空白页的情感化设计。
产生原因:无数据或数据异常
无数据情况下,要引导用户行为,如通过适当添加‘创建按钮“或跳转接口,引导用户当前页面内容是可编辑可添加的。又或在社交场景中的关注标签,则可以推荐话题;
数据异常时,用户需要知道为什么、怎么做。通过图文向用户解释当前情况,但用户真正想知道的不是服务器存在的这些难懂的问题原因,他们更希望知道简单的问题和解决的方法。
网络切换时的页面提示
1)标题+内容+操作:从产品角度出发,希望用户继续使用,只提供正向性操作
2)标题+内容+正负操作:给予用户一定选择权,但从产品角度,会将正向操作放在右侧,负向放在左侧来增加操作难度
3)标题+内容+多个操作:告知用户目前网络状态,让用户自行选择操作,但选择太多会让用户不知所措
4)内容:替用户选择,仅提示目前网络状态。不建议这种形式,因为剥夺了用户自主选择权,可能会让用户产生愤怒感
断网/弱网时的页面提示
当页面提示无网络时,最好采用文案提示+重新连接的按钮(错误原因+补错措施)
1)内容插画:通过场景化插画设计,让用户沉静在产品中,加深对产品的印象
2)文案:最直观的表达方式,但缺少对用户的引导
3)文案+操作按钮:让用户了解当前状态,同时让用户进行自主尝试和操作
断网/弱网时的占位符提示
当网络信号不好或网络中断引起页面数据无法调取时,用app预设好的占位符替代加载的页面数据,告知用户此处有内容,从样式上了解界面的大致布局
网络异常情况下必须强调发生了什么,要怎么做,这点和数据异常相似,遵循“用户不会犯错”原则
1)可文案提示,如“当前网络异常/请检查当前网络/无法连接到网络”等
2)可按需添加一个“点击重连”的按钮,来规避因用户自身当前网络不稳或切换网络导致的读取问题
3)可适当添加图案来为用户解释当前问题,但有些页面不适合添加图案,如视频页面
总结
无数据或数据异常时忌讳没有任何提示信息,设计空白页的意义在于为用户解释说明,让用户知道自己当前所处的环境,然后判断接下来的行为,并尽可能引导用户快捷完成操作。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册