首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

慢工出细活,Facebook点赞按钮设计中的门道

一年前,Facebook点赞按钮发布更新。一年后的今天,Facebook小小的点赞按钮因为Ted刚发布的一段演讲掀起波澜。设计一个像FB点赞按钮那么小的东西很难么?...实际上,大拇指按钮点赞也是源自facebook的设计,这个大拇指点赞按钮一定程度上在很长时间内都在一定程度上代表着Facebook的品牌形象。...事实上, 点赞按钮并不像我们想象中的那么简单。所有好的按钮设计,包括facebook中的点赞按钮,都是不能与对应的辅助设计分开来看的。...其实这次Facebook更新的经验指出在于点赞、分享按钮的结合。要知道,每天都有220亿人会看到Facebook的点赞按钮,其中超过一半的用户会进行点击操作。...点赞和分享按钮综合到同一个按钮中,意味着随着分享被激发后二者的相互促进,用户将有更多机会更广泛地传递信息。在Facebook随后的测试中,新点赞按钮的点击率稳定在旧点赞按钮的两倍以上。 ?

89470

每天220亿人使用的一个小功能,Facebook点赞按钮的设计门道

一年前,Facebook点赞按钮发布更新。一年后的今天,Facebook小小的点赞按钮因为Ted刚发布的一段演讲掀起波澜。设计一个像FB点赞按钮那么小的东西很难么?...第一点,尽管大拇指点赞按钮已经深入人心、人见人“赞”,是什么给了Facebook这么大的决心和勇气来放弃它呢?...实际上,大拇指按钮点赞也是源自facebook的设计,这个大拇指点赞按钮一定程度上在很长时间内都在一定程度上代表着Facebook的品牌形象。...事实上, 点赞按钮并不像我们想象中的那么简单。所有好的按钮设计,包括facebook中的点赞按钮,都是不能与对应的辅助设计分开来看的。...其实这次Facebook更新的经验指出在于点赞、分享按钮的结合。要知道,每天都有220亿人会看到Facebook的点赞按钮,其中超过一半的用户会进行点击操作。

1.8K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HarmonyOS实战—实现抖音点赞和取消点赞效果

    双击点赞 和 双击取消点赞 如:在抖音中双击屏幕之后就可以点赞,小红心就会变亮 [在这里插入图片描述] 把白色和红色的心形图片复制到 media 下 [在这里插入图片描述] [在这里插入图片描述] 需要图片的可以自取...业务分析: 双击屏幕之后点赞。(上面已实现),再次双击屏幕之后,不会取消点赞,只有点击后红心之后才能取消点赞。...单击红心也可以点赞,再次单击红心就会取消点赞 实现思路: 给最外层的布局添加双击事件,双击之后点赞,变成红色心。 如果已经被点赞,那么还是修改为红色心,相当于不做任何处理。 给图片添加单击事件。...如果没有点赞,单击之后,白色心变成红色心。 如果已经点赞了,单击之后,红色心变成白色心。...,只有点击小红心才能取消点赞 [在这里插入图片描述]

    2K20

    有赞埋点实践

    目前有赞支持两种采集方式: 3.1 无痕埋点(或全埋点) 利用浏览器或APP自带的监听方式,对用户的浏览页面、点击等行为进行收集,可以收集到的信息主要有: 页面的url、APP的包名等 点击元素的xpath...采集到的信息需要进行二次标注,才可以被用户识别 当按钮的位置不固定、名称存在重复或页面重构时,无法做到准确的标识 无痕埋点在有赞一般用来做粗粒度的快速业务探索。...四、埋点sdk 为简化前端同学的埋点开发工作,使其只需要关注于业务本身,并对埋点的一些约定进行必要的约束,有赞开发了多个端(js/小程序/android/ios/java)的埋点sdk。...七、埋点管理平台 有赞的早期阶段,所有业务的埋点方案都是记录在wiki中。...事件:埋点基本单元,对应用户的一个动作,比如进入页面、点击按钮、商品曝光等,每个事件还可以定义独有的参数。按其归属,可以分为全局事件、页面事件和组件事件。 ?

    2.6K21

    reactRouter 实现页面级按钮权限

    # 前言 通常情况下,咱们为用户添加权限时,除了页面权限,还会细化到按钮级别,比如、新增、删除、查看等权限。 如下效果,切换用户登录后,操作权限除了左侧菜单,还有页面按钮。...# 实现思路 按钮控制本质是条件判断,满足条件显示按钮,否则禁用/消失。 假如每个页面的按钮权限都不同,简单的条件判断,肯定无法满足,那如何实现呢 ?...王天觉得重点是权限数据结构,如何获取当前页面的按钮权限数据,这需要和后端沟通好,定义页面路径和权限数据的映射关系 # 使用路由实现页面按钮权限 步骤: 相关信息 在路由配置中添加页面权限参数 通过路由实例...用户登录后,在遍历生成路由配置同时、将按钮权限和页面路径的映射数据,存储本地。...component: imgMove } 在页面路由实例中读取 meta 数据,进行页面级别的按钮权限控制。

    40020

    你还敢乱点赞吗?

    计量 社交媒体上这个按钮既然达不到帮助我们正常沟通情感的目的,删了不就完了吗?留着不是坑人吗? 恭喜你问到点子上了。 这个按钮为什么要放在那么显著而顺手的位置,吸引你去点击它?...我们来看看Facebook(全世界使用人数更多的社交媒体)的点赞按钮可以做什么吧。...剑桥大学有个精神计量学中心(The Psychometrics Centre),号称可以利用Facebook上的点赞行为对用户进行性格分析。 ?...因为她经常同时给《纽约书评》和《纽约时报》的Facebook页面点赞。 《纽约书评》和《纽约时报》的读者多了,我点赞招谁惹谁了?人家不管,因为大数据统计只问相关性,不负责解释因果关系。...不知你刚才是否留意,在他们的主页上显著位置就设置好几个社交媒体链接,其中就包括了Facebook点赞按钮。 ? 你可能觉得没有什么了不得嘛。点了赞,不就是可能会给我发广告吗?

    90620

    有赞埋点质量保障

    2.1 准确登记 业务需要根据“埋点规范”,规划好页面、组件和事件,并且在埋点平台上准确地登记。登记的信息越全,内容越细,越有利于自动化判定日志的准确性。...目前我们登记的要素有: 页面/组件类型,登记该元素的业务标识,以及是否有业务ID。日志上报时,会有对应的字段记录该信息。 事件信息,事件的名称/标识/描述,所属页面/组件,以及所处状态等信息。...下面着重介绍下其他考虑点: 2.2.1 完备性/扩展性 完备性比较好理解,校验需要支持的,除了底层的埋点规范外,还有分业务的页面/组件的合法性、事件关联页面/组件的情况、事件参数格式内容等;扩展性的考虑点在于...三、现状&规划 在以上介绍的一整套体系化的质量保障工作下,有赞的埋点质量有了大幅度提升。...推动业务方主动关心和优化质量问题,让前文提到的闭环,顺畅运行 通过这些方向的努力,相信有赞的埋点质量会持续保持高质量状态,更有力地为业务分析保驾护航。

    1.9K40
    领券