关于APP中的消息提示设计

这里介绍一下关于APP中的消息提示设计的几种分类,大的弹窗提示这里就不说了,之前大家总结过很多次了。


1、全局提示:

顶部提示一般用于提示页面的当前状态或者想要引导用户进行什么样的操作。大概分为三种样式。这三种样式使用场景不同,对用户的干扰程度也不同,是其它提示样式的一种变形。


第一种:始终存在于页面顶部,用于重要的提示或是交代页面状态的提示。

例如:左一页面更新、左二页面断网。都是在交代当前页面的状态么,左二严重影响操作的提示。右一提示用户对于喜欢的视频进行打榜。

第二种:

操作出错或页面内容出错,页面下拉后出现,又马上消失。是toast的一种变形,这样的提示比普通toast提示更显眼些,更引人注意。如下图左一。

第三种:位于页面底部,固定显示不会消失,描述页面当前状态。对用户干扰极小。如上图右一。

2、页面文字提示:

常用于单个输入框信息注释。或者一组输入框填写内容诠释。如下图输入框内浅灰色字和灰色底上的文字信息。

3、toast提示:

Toast比较特殊,它出现之后会自动消失,一般维持时间在1秒到1.5秒。时间太短用户没办法感知,时间过长又影响用户体验。

Toast提示的使用场景:

1、使用场景复杂的时候。当用户执行了某个操作,APP不能立刻反馈给用户操作结果,此时提示用户已执行该操作。

2、操作错误或者正确的时候,例如App经常会提示用户:登录成功、下载失败、密码输入错误。此外还有操作无效时,例如上图右三。

3、提示用户页面的当前状态,例如上图左一左二。当前页面为数据示例页面等。

4、页面操作提示

通常用于页面中的相关操作或者功能提醒,用户根据引导点击之后消失。例如左图播放按钮的操作提醒,右图的功能操作引导。右图通常带有强制性操作,而左图只具有引导式操作,并不对其他操作有干扰。

5、特殊提示

特殊提示包括:动态提示、卡片式提示、气泡提示。

动态提示常用于密码输入错误提醒,例如上图左一、左二。当密码输入错误的时候,左一会出现一行红色的提示文字,并左右晃动。

卡片式提示类似于页面操作提示,例如上图右一的长条形卡片提示,首次进入页面的时候出现,点击卡片滚动跳转到首页下拉页面。右侧的信件提示当系统发给用户来信消息的时候会在右侧显示,显示方式是类型抽屉式的,当我滚动页面的时候不显示。页面停止的时候显示。

气泡提示一般用于系统消息提示,例如上图右一,右上方的小气泡提示。

除了弹窗提示这里没有提到以外,大致分为以上这些类,日后再见到其他类型会再补充。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,242评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,229评论 4 61
  • 沉人 忆前尘事 梦后事人 生于彼 安于此 餐露于三尺囚 垂涎于千里外 尔来二十余一岁矣 难画百年之蓝图 沉万年...
    爱喝牛奶的豆腐阅读 246评论 0 2
  • 中秋节,一个富含意义的名词。在我心里,她代表着团聚、思念、欢乐、幸福。可惜,这么甜蜜的节日二十多年来对于我,也像平...
    fxh木先生阅读 156评论 0 0
  • 老李头种地其实就是个笑话。 这事说起来话长,要从上世纪八十年代末说起。 那个时候,老李头年富力强,也是大国营农场的...
    春笺素心阅读 391评论 0 2