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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
浅谈-APP缺省页情感化的设计技巧
0.0°
2020-03-05 原创文章 经验/观点 举报 1784 14 3 1

未经过精心设计的缺省页面降低了用户的使用体验,并可能给用户带来困扰。


什么是缺省页?
缺省页,即是“空页面”,
当页面内容为空时,给到用户的反馈提示。
未经过精心设计的缺省页面降低了用户的使用体验,并可能给用户带来困扰。



缺省页有什么作用呢?

解释说明
告诉用户当前页面的信息状态出现了什么问题
安抚用户情绪
缓解用户焦虑、挫败、疑惑…的负面情绪
引导用户操作
告诉用户解决方案并引导用户进行操作
强化品牌
传达品牌定位、格调和气氛,与用户建立情感连接




缺省页设计四大要素



01情感

内容的缺失会给用户造成情绪上的焦虑,因此情感化的设计是有必要的。
1、好的情感设计能够有效的抚慰用户的焦躁心情,减少用户的负面情绪
2、能让用户的转移到当前操作上,避免用户因为情绪的不满而放弃操作。




02创意



案例1-Google浏览器

⼀个迷路的灰色像素小恐龙。画面好像在 讲“我迷失在网络的世界,找不到有效的数据⽽变得灰暗,需要你的帮助,让我回到我的世界。”通过简单的创意来引发用户的思考,让用户主动去参与网络异常的修复。



案例2

1、好的创意是帮助用户赶走枯燥的利器,能让用户感到眼前一亮
2、使枯燥无味的空白页显得生动有趣,让用户更加有动力去执行之后的操作。




03规范

风格要统一
保持样式格调要统一,如写实的,每幅样式都应该是写实风格。
布局要一致
图形的位置今可能保持一致,就不会太大的视觉跳跃,用户就会随着产品步骤往前走。
分类要清晰
根据不同场景,分类好同个场景设计元素,例如:颜色、按钮位置等。


案例1-美团

通过设计规范可以将可页面在设计形式做到高度统一,以及可以将设计语言贯穿始终,并减少用户的认知压力。

保持每一个模块和页面的统一性,是保证产品一致性的一部分。




04品牌



品牌是一个产品的设计灵魂

1、品牌设计是贯穿一个产品的始终

2、是对产品标准化、规范化、统一性的基础

3、品牌设计是我们看到产品的第一印象,让用户知道当前使用的是什么。


案例1-每日优鲜

分别根据不同的场景设定不同的IP形象插画



案例2-得到

使用统一风格的插画,所有空页面使用“无内容”,网络异常使用“无网络”



还有可能忽略的细节

很多人可能会忽略掉屏幕中各种场景,导致缺省图放置的位置偏上或偏下,导致视觉感官非常难受。

以下是可能出现的页面布局,设计时也需要考虑到各种场景的布局来进行设计。



以下就是没有合理的对齐规范案例:





-  END  -


感谢您耐心的读完,真心希望你能获得新知哦~



Powered by Froala Editor

更新:2020-03-05

收藏

14人已收藏

UX设计笔记

专注于分享有价值的内容,涵盖了UX、UI、产品、方法论等精选内容

  • 12

    作品

  • 79

    粉丝

  • 0

    关注

  • 设计知识卡片|交互设计七大定律
  • 如何设计好一款APP的首页?
  • APP常见的8种导航模式
  • 尼尔森10大可用性原则【设计知识卡片】

    猜你喜欢

      2020-03-05 原创文章 经验/观点 举报 1784 14 3 1

      浅谈-APP缺省页情感化的设计技巧

      0.0°

      你确定要举报浅谈-APP缺省页情感化的设计技巧

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年03月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      14
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录