神刀安全网

红点怎么用

·红点是什么

红点,顾名思义,就是app上常见的一个个圆圆的小红点,强迫症的死敌,公司有一强迫症的同事见一个点一个,见两个点点两下,见一堆,哦也,有卸载的冲动了:)

红点是非常强大的引导用户前往某个地方和提醒用户处理信息的方式,一个icon或页面本身的图标和色调是和谐的,而红色是具有刺激性的颜色,红点的出现会打破这种原有的色调和谐,特别是当红点遮盖住icon的时候更加的明显,一个完整的icon居然被如此刺激性的红点遮住了一角,不!能!忍!

所以,从用户的角度上讲,红点是不利于用户体验的,出现在app中的会让用户不舒服,但正是利用了用户的这种不舒服,能达到让用户按照产品的思路来使用app,高效简洁的传达信息

·红点的类型

红点可以简单粗暴的分为两种类型,一种不带数字的红点,一种带数字的红点

红点怎么用
红点的类型

虽然名字上仅仅一个字的差别,但是两者在使用上有非常大的差异。

1. 带数字的红点

样式:和不带数字的红点相比更大,常见圆形和椭圆形两种;

用处:提醒用户处理信息;

常见消失规则:消息提醒类的点击查看即消失,而订单评价类的需要作出具体的操作后才消失。

红点怎么用
圆形和椭圆形

2. 不带数字的红点

样式:圆形,非常小;

用处:引导用户前往某个地方查看;

常见消失规则:完成整个路径后红点一起消失。

红点怎么用
豆瓣app无数字红点引导用户更新

· 红点的常见场景和规则

规则和更多场景有空再补充,偷下懒)

1. app红点

红点怎么用
app红点

2. Tab红点

红点怎么用
Tab红点

3. 抽屉式导航红点

红点怎么用
抽屉式导航红点

4.Listview红点

红点怎么用
Listview红点

5.Button红点

红点怎么用
Button红点

· 红点总结:

1.不带数字的红点用于引导

适合用在目的性非常强的事件上,例如更新app,引导去层级超过3级的页面等等;

2.带数字的红点用于提醒用户处理信息

带数字的红点用在出现的频率高且需要提醒用户做出操作的地方,例如新消息的提示,通知,待评价的数量等等;

3.红点的类型多样

右上角的一个New,Hot等也是红点的变形,但这类红点一般用于应用更新后首次出现时的提示作用,之后不再出现;

4.适度的加红点

过度使用红点会让用户厌烦,导致删除app或者直接对红点免疫(典型的微信订阅号的例子);

5.及时的去除红点

不及时去除红点,容易让用户产生挫败感,我明明按照app的红点指示做了,却没有正向的反馈(用户潜意识认为自己做了操作,红点应该去除,这是一种隐性的奖励),但为什么红点还在(╯‵□′)╯︵┻━┻

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 红点怎么用

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址