手机二维码 手机二维码

小红点的UI设计怎么“不烦人”(形状篇)

发表时间:2020-11-20    人气:1431    作者:牛耳教育
    上篇文章《小红点的UI设计怎么“不烦人”(色彩篇)》给大家介绍了“小红点”的UI设计可以在色彩上做的变化。今天,UI设计培训的小编就来给大家说一说小红点的UI设计怎么“不烦人”(形状篇)。
小红点的UI设计怎么“不烦人”(形状篇)
    “形状”决定着提醒控件的:色彩占比、承载信息、透穿能力。目前市面上常见的形状有几种:1.小红点、2.数字+红点、3.文字+红点、4.头像+红点。

    小红点

    这个就不用多说了,一般有“小红点”的出现就以为着“这里有个新消息”或“这里有个新内容”,快来戳我。

    数字+红点

    它是由小红点演变而来的,增加“数字”代表里面具体有多少条未读,一般用在社交场景或与消息相关的APP中居多,辅助用户获取更多信息,做出判断。

    但也有一些平台,为了吸引用户更多的点击,或者对于“数字+红点”下发的策略和规则不够完善,滥用这种形式,内容的价值并没有与这种形式相匹配,同时采用过于警示的红色,有些干扰用户。

    文字+红点

    不可否认,有些场景光靠一个“小红点”是传递不清晰的,采用“文字”的透穿能够让用户点击之前更多的了解信息,决策是否需要点击,这种形式还是友好的,但别满屏都是就行。

    头像+红点

    越是跟“人”相关的产品,越适合采用这种形式,以“人”为抓手促进点击。

    常用于QQ,微信,微博,小红书,快手,抖音等平台,通过你关注大V或你朋友头像外显,吸引你点击。

    手机QQ的一键消除红点功能是怎么诞生的呢?腾讯社交用户体验设计部YU:人类似乎天生对不对称、不和谐的事物有厌烦心理,并且想要去纠正这些“错误”,简而言之就是大家平时所说的“强迫症”。这些形状,一般跟着产品的诉求进行灵活使用,或者并行使用。
小红点的UI设计怎么“不烦人”(形状篇)
    那针对内容类平台如何选择形状呢?

    对于内容类产品,一般会涉及到“内容消费者”和“内容生产者”,作为平台方如何采用更合适的提示样式对他们赋能,也是需要设计时思考的。作为内容生产者,肯定希望自己发布内容push给更多粉丝,这样才有更多的流量。

    但平台也要考虑消费者的体验(不被打扰),所以平台可以根据用户消费的历史行为或数据进行精准匹配不同的样式。拿短视频产品举例,消息提醒可分为:强、中、弱不同提示样式。

    弱提醒:当内容生产者刚被关注时,只给粉丝下发普通“小红点”或“文字+小红点”消息通知。

    中提醒:当通过粉丝历史操作/观看数据,发现TA对你的内容高度感兴趣,你更新时他都愿意看且完播率高时,那平台就可以赋能“中提醒”的样式给你,外露更多信息带来更多流量(转化如果不高可再打回“小红点”);

    强提醒:当粉丝手动订阅你直播或短视频时,说明他对你足够感兴趣,这时候平台可以给你“强通知”样式的特权,将内容推送给用户(但要给用户提供关闭提醒的入口)。

    作为内容平台,这种做法即保证了消费者的体验,也满足了内容生产者的流量分发的诉求。不过以上的“形状”案例只是一个简单的思路,优秀的做法还有很多。意思是这么个意思。

    基于内容平台中“内容生产者”角度:可增加更多元化提醒样式,分层处理消息类型,赋能创作者的同时,也让用户不错过真正关心的内容。整体来看,虽然它的名字叫“小红点”,但我们在设计的时候不能只局限于“红”和“点”。它可以是任意“颜色”,它也可以是任意“形状”,本质是如何更高效和友好的提醒用户。

    以上就是UI设计培训的小编为大家总结的关于小红点的UI设计怎么“不烦人”(形状篇)的相关知识,希望对您有帮助。

免责声明:1、文章部分图片源于网络,均为示意图;2、所有文章、图片、音频视频文件等资料版权归版权所有人所有;3、因非原创文章及图片等内容无法一一和版权者联系,如原作者或编辑认为作品不宜上网供浏览,或不应无偿使用,请及时通知我们,以迅速采取适当措施,避免给双方造成不必要的经济损失;4、本页面内容如无意中侵犯了媒体或个人的知识产权,请来电告之,我们将于24小时内删除。

每日前50名预约咨询

可免费获取专属优惠

*
*

电话咨询

400-0731-162

在线咨询

返回顶部