恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
app空白页设计
0.0°
2019-08-05 原创作品 APP 举报 16332 190 69 0

前段时间重新设计了公司app的空白页面,空白页是指当前内容为空白的异常页面,包括错误页、缺省页等。下面就空白页的类别、产生原因、用户使用场景和解决方案来分析空白页的情感化设计。


产生原因:无数据或数据异常
无数据情况下,要引导用户行为,如通过适当添加‘创建按钮“或跳转接口,引导用户当前页面内容是可编辑可添加的。又或在社交场景中的关注标签,则可以推荐话题;

数据异常时,用户需要知道为什么、怎么做。通过图文向用户解释当前情况,但用户真正想知道的不是服务器存在的这些难懂的问题原因,他们更希望知道简单的问题和解决的方法。

网络切换时的页面提示
1)标题+内容+操作:从产品角度出发,希望用户继续使用,只提供正向性操作

2)标题+内容+正负操作:给予用户一定选择权,但从产品角度,会将正向操作放在右侧,负向放在左侧来增加操作难度

3)标题+内容+多个操作:告知用户目前网络状态,让用户自行选择操作,但选择太多会让用户不知所措
4)内容:替用户选择,仅提示目前网络状态。不建议这种形式,因为剥夺了用户自主选择权,可能会让用户产生愤怒感

断网/弱网时的页面提示
当页面提示无网络时,最好采用文案提示+重新连接的按钮(错误原因+补错措施)
1)内容插画:通过场景化插画设计,让用户沉静在产品中,加深对产品的印象
2)文案:最直观的表达方式,但缺少对用户的引导
3)文案+操作按钮:让用户了解当前状态,同时让用户进行自主尝试和操作

断网/弱网时的占位符提示
当网络信号不好或网络中断引起页面数据无法调取时,用app预设好的占位符替代加载的页面数据,告知用户此处有内容,从样式上了解界面的大致布局

网络异常情况下必须强调发生了什么,要怎么做,这点和数据异常相似,遵循“用户不会犯错”原则

1)可文案提示,如“当前网络异常/请检查当前网络/无法连接到网络”等

2)可按需添加一个“点击重连”的按钮,来规避因用户自身当前网络不稳或切换网络导致的读取问题

3)可适当添加图案来为用户解释当前问题,但有些页面不适合添加图案,如视频页面

总结
无数据或数据异常时忌讳没有任何提示信息,设计空白页的意义在于为用户解释说明,让用户知道自己当前所处的环境,然后判断接下来的行为,并尽可能引导用户快捷完成操作。

更新:2019-08-05

收藏

190人已收藏

Fyr

发芽儿 发芽儿~

  • 15

    作品

  • 48

    粉丝

  • 18

    关注

  • C4D小练习
  • 端 午
  • 插画动效二维码
  • 金融app体验优化(练习)
相关标签
app移动应用界面

    猜你喜欢

      2019-08-05 原创作品 APP 举报 16332 190 69 0

      app空白页设计

      0.0°

      你确定要举报app空白页设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年08月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      69
      190
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录