童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

交互漫谈:详解未读消息时的红点提示

6月22日 栀璃鸢投稿
  日常使用App的时候,我们几乎天天都会碰见小红点消息角标,今天简单梳理下小红点及其产品特性。
  小红点是什么
  小红点在技术层面上被称为Badge,据称最早源于黑莓手机、但是专利为Apple所有。最初是IOS上的一个效果,但随着在IOS系统上引爆之后,也慢慢变成了Android系统的标配。最早应用于APPICON上的小红点角标、后来衍生除了数字消息、文字消息、彩色小点等多种样式。
  小红点的样式及应用场景
  1。ICON的数字红点
  应用场景:APP上用的最广的红点消息提醒。在APPICON上直观的给用户展示有多少条未读消息、剩余多少待办事项、还有多少待确认的通知等
  APP举例:苹果系统的ICON标识、未读消息提醒
  2。应用内的红点
  应用场景:应用内该模块有更新、存在需要用户确认的应用通知、模块内有新的消息提醒、有新的社交消息等待用户知晓、待办的事项
  APP举例:微信的群聊消息、公众号订阅消息提醒
  3。应用内彩色点
  应用场景:同上,一般采用彩色点的应用面向的用户年纪普遍年轻,或者是思维活跃、不喜欢被教条拘泥的人。颜色选用一般会采用自己的品牌色或者和品牌色贴近的颜色
  App举例:即刻、大众点评的未读消息提醒
  4。应用内的数字提醒
  应用场景:一般表明该模块有数条更新内容、有数条待用户知晓、待办的事项,有别于红点,数字通知强调具体的多少条未读消息,比红点压迫感强、常见于强社交应用、刚性的工具应用
  APP举例:新浪微博的未读私信提醒、微信的好友消息(非群聊)时的数字提醒
  5。应用内的文字角标
  应用场景:应用内某个模块、某个品类有更强的宣传需求、或者说到了大促、节假日等时候,为了使其有更多的流量,采用角标的形式吸引用户目光。
  APP举例:大促时期的淘宝、推销品类的饿了么、大众点评
  为什么要设计小红点
  经常听见有人说:小红点逼死强迫症。
  小红点就是抓住了人们喜欢平和、统一的心理。让原本和谐统一的屏幕变得不和谐、不统一。
  带有小红点的ICON在一堆没有小红点的ICON中显得非常的扎眼。让人忍不住想要多看两眼、消除他。
  消除他的方法其实很简单,大部分的App只要点击了这个带小红点的ICON,就可以轻松消除;部分APP比如APPStore等,则需要用户完成指定操作、点击指定位置后才可以消除。
  设计小红点的目的是为了提升用户启动APP次数;提升某个品类点击率。
  对于任何一款APP,都非常珍视用户的每一次启动、每一次哪怕只是几秒的停留。
  在这个流量越来越贵的互联网市场里,除了腾讯爸爸对这些获取流量的小手段可以自信的称自己不屑一顾、只追求用户至上的体验外。其他平台的产品经理都要走在一边想破脑门获取流量、一边用尽心思的平衡用户体验的平衡木上。
  如何更好设计小红点
  设计数字红点时要合理把控数字上限
  比如将上限设定为9,则9以上显示9;将上限设定为99,则99以上显示99。
  设计主要源于产品定位,比如社交类产品的消息上限数通常高一点,99居多,而工具类产品、非即时消息、也非强咨询类产品一般上限较低。
  红点的设计可以更惊喜
  比如QQ的一键删除小红点功能,或者是其他删除红点交互方式。用户可以通过一键清除未读消息、拖拽小红点清除等有趣的动态交互平衡消除小红点的千篇一律和无聊。
  明确设计红点的目的
  我们设计红点,往往只是想提醒用户:我们的应用有新提醒,在这里你又可以有新发现。但有些产品一味追求打开率,未读消息常常99,对于一些强迫症患者、或者本身对这个产品就不感兴趣的用户来说,往往直接将其卸载。
  去年微信迭代了自己的红点消息策略。原本微信的订阅号及群聊的未读消息均是红色数字消息提示,这个在当时微信公众号生态还没有完全建立乃至非常庞大之时,起到过让用户看起来公众号内容信息很多很丰富的历史价值。但是现在微信公众号内容明显严重过载。用户需要确认的公众号信息比他想确认的公众号信息多太多。此时微信果断的将数字红点更新为单纯的红点提示,具体的更新数字折叠在消息内。既降低了用户的心里负担,提升用户的产品体验。又保证了消息功能未读多少条目的完整性。让人称赞!
  
  作者:晞仔,微信公众号:晞仔的生活实验室
  本文由晞仔原创发布于人人都是产品经理。未经许可,禁止转载。
投诉 评论 转载

揭露新浪微博的小黄脸表情设计距世界上第一个表情符号:的诞生已有34年,随着人们在互联网上沟通方式的变化,表情符号逐步成了一种刚需。作为各大APP标配的默认表情,虽无法与“妈妈的表情包”们相抗衡,但也靠着朴……交互漫谈:详解未读消息时的红点提示日常使用App的时候,我们几乎天天都会碰见小红点消息角标,今天简单梳理下小红点及其产品特性。小红点是什么小红点在技术层面上被称为Badge,据称最早源于黑莓手机、但……5招带你玩转电商最常用的色彩搭配!文章主要分享了红色这一色彩元素在电商页面设计中的运用,图文并茂,相信你一定可以从中受益。不知道大家有没有发现一个规律和现象,就是国内无论是综合电商平台还是垂直型的电商平台……以MVP思维,解析最小可行的进销存产品本文将尝试通过MVP(最小可行产品)思维,解构最小可行的进销存产品,以达到对进销存产品有入门的雏形认知。但凡涉及到货品这一概念的商业形态,基本上离不开进销存管理,而一些有……让用户上传头像的4个方法,你用过几种?作为产品设计者需要考虑的是,我们的产品是否具有社交属性,用户是否需要与其他用户有互动等等。如果这些都不成立,那就不要想当然地在用户资料界面放置头像这个元素了,Lessismor……浏览器的消费升级:极简是为了更好地满足用户的核心需求极简,不能为了极简而极简,极简是为了更好地满足用户的核心需求。今天想讲讲夸克浏览器,一个以简而美的界面哲学、专注做减法为卖点的浏览器。过去看到类似的产品,大家可能会……VR界面设计:将传统设计方法论应用到VR设计中去实践指导性的内容对于刚开始了解的人来说很有帮助,作者想要将传统的UI或UX的设计流程和方法论应用到VR设计这个观点值得关注,同时作者也发表了一些对于以后的VR从业者、公司和未来……解读Twitter新版默认头像背后的心思和故事推特启用新版默认头像,而背后的心思和故事相当的复杂。推特(Twitter)在过去几次的改版中,页面布局和交互体验都经历了较大的调整,然而贯穿始终并保留的元素就是小鸟。推特……四个主题,看Facebook的产品设计师是如何思考(2)在上一篇(点击查看)当中,JulieZhuo聊到关于“怎样识别问题、定义需求”以及“解决真正重要的问题”。本篇将讨论新表情的诞生历程以及怎样恰当的方式验证产品是否取得成功。……细节决定成败:谈谈UI设计中3个易被忽略的设计元素用心做设计,哪怕最小的细节也应该获得我们足够的重视,因为设计是互联互通环环相扣的。一款产品的成功取决于多方面因素之间的相互配合,但其中最重要的因素是优秀的用户体验设计。而……电商后台设计:运费系统设计对于入驻商家而言,不完善的运费设计往往也并不实用,大概率直接放弃使用,反而用商品补邮费差价这种“原始”形式。运费是电商的基础功能模块之一,承担着商品运输费计算的作用。运费……业务风控产品模型思考:解读业务模型的6个层级如果把平台比喻为一颗树,那么需要投入足够的养分才能快速生长,而业务风险则是寄生于树木窃取养分的角色,只有能够充分抵御这种风险的才能成长为参天大树。这就是业务风险在平台发展中扮演……
巧用渐变色打造精致移动端APP以语音交互为核心功能的智能产品设计建议设计师进阶笔记:智能手机AR产品学习工作笔记:关于用户成熟度与产品设计策略ToB产品中的统计信息设计实践苹果的产品开发流程介绍:带你认识世界最好的设计公司干货贴:关于互联网产品外观专利创新方法的那些事当B端遇上C端:移动端配置平台设计思考平台型营销活动:设计5要义互联网产品报错文案应该怎么写?教育的探讨:MOOC平台Coursera的web端“上课”功好处写得多,产品就卖得好
高中生入团申请书与信箱同行碎发刘海怎么剪靠这个就能剪瘦脸碎发刘海想生儿子男人应该多努力昨晚小林子请我吃夜市,搬了一箱常温啤酒,我要换冰镇的,他说对爱奇艺优酷纷纷关闭播放量:撕掉画皮回归理性总投资20亿,驻马店方特熊出没乐园水世界主题园区启动勘察设计浅浅的深深的家,不再遥远作文范文【歌词】Wait(TheWhisperSong)歌手:Yin 仙剑十年之约,演员后来怎么样了?没有一种爱是应该遭到唾弃

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界