关于APP中的消息提示设计

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


1、全局提示:

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


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

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

第二种:

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

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

2、页面文字提示:

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

3、toast提示:

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

Toast提示的使用场景:

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

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

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

4、页面操作提示

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

5、特殊提示

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,376评论 6 491
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,126评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,966评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,432评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,519评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,792评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,933评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,701评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,143评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,488评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,626评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,292评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,896评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,742评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,977评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,324评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,494评论 2 348

推荐阅读更多精彩内容

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