自律勋章设计思路及理念

勋章是成就的象征。

前言

自律是违反人性的，这一点大家应该都很清楚。那怎么在违反人性的情况下，让用户更加有动力去自律呢？

我在小程序功能设计上，一直是围绕这个来实现的。让不自律的用户在小程序功能设计上达到有动力去落实计划，但实际上因受个人开发身份的限制，没办法任何做社交互动类的功能点。

我在前期曾经探索过搭子的功能，这也是映射小程序的名字《一起自律打卡》。最初的想法就是一个人自律很难，没有动力，那给你功能入口，可以拉人组队自律，可以看到彼此的自律情况，也可以对对方做点小互动，鼓励、糗、加油、进步等等。再配合着官方大搭子，多人一起自律，可以看到排行榜等等。

我觉得功能设想是没有问题的，通过小交互可以达到对个人的一个情绪鼓动，使之更有动力去完成计划。但很遗憾的是没办法扩大这个功能。当想优化这个搭子功能点的时候，审核就通过不了，只能强调小程序没有社交功能，这点以后只能通过变更主体类型才能实现了，当然这是后话。

那如果说互动没办法给用户带来情绪价值，那我应该从哪里可以入手呢。显然作为个人中心的基础设施：积分、勋章、排行榜我不应该忽略。排行榜有点擦社交的边，在这不讨论。积分功能有了，但现在也还没发力，就聊聊勋章吧。

勋章是成就的象征，是你努力结果的另一种体现，通过你自身努力去达成自律计划，一个个点亮勋章，这也是给你的一种情绪价值。有了情绪价值会促使你继续行动，以便达成下一个阶段的成就。所以勋章是用户成长体系中不可或缺的。

知道这点后，我有去了解相关的设计，但我是做开发出生的，对于设计真的无从下手。也去问过了设计一套勋章费用多少，鉴于在这个产品上一直是投入没有产出，所以付费的pass了。又看了AI作图，实际上挺难达到我想要的效果，细节不够，没能成体系。如果勋章不能成体系的话，那就会让用户产生割裂感。

搁置一段时间后，在冲浪的时候突然发现了即时中的勋章介绍！点击一看，正是我想要的！这太好了！然后就开始了模仿学习的路。

设计体系

设计方面不愁后，就开始查资料，看看用户勋章体系应该怎样设计。

首先，体系一定是递增的，成长的，这样才能让用户开启每一段的奋斗努力，而不至于达成就离开；其次，由易到难即时给用户反馈，达成门槛太高容易丢失信心；最后，要与众不同，如果大家都有、展现不出特殊性，达成的成就感就不会那么强烈了。

基于以上原则和目前小程序功能收集的数据来看。可以分为两大模块，一是用户自身打卡的数据，记录自身努力成长的变化，叫成长勋章；二是用户参与不定期的主题活动，获得限时勋章，为用户增加点趣味性，提高打卡积极性，叫活动勋章。这两者组成自律勋章体系。

活动勋章可以根据月份节日来定，或者看日活情况，来推动一下用户使用情况。这个还在设想中，暂时不讨论。对于成长勋章，主要分为自律天数、自律次数、达标计划。

自律天数	30天	100天	365天	500天	1000天	2000天
自律次数	100次	500次	1000次	2000次	5000次	9999次
达标计划	10个	30个	100个	200个	500个	999个

这些数据是经过思考的，前面的数值会比较轻松获得。如果你能获得系列前三的勋章，实际上也养成了自律的习惯。一旦养成了自律习惯，后面就会不自觉的去打卡，并且知道自己追求的是什么，而勋章此时的带来的情绪价值就不会那么高了。因此后面阶段的获得会相对困难点，主要是劝你还是要继续坚持自律下去。前面的勋章只要正常自律打卡一个月就可以获得了。

在勋章数据中，还加入了排名的设计，这样会让用户知道，你自己所在的位置是怎样。正所谓天外有天人外有人。点亮的勋章直接展示你是第几个获得的。如果还没有点亮，那就会展示已经获得勋章的人数。在后期可能会加入获得勋章的用户列表，当然只展示前十，类似名人堂，直接在《一起自律打卡》史上留名~

设计勋章

勋章的风格有很多，简约的、多彩的、平面的、立体的、奖杯类的等等。在自律打卡小程序设计上，我的想法始终都是围绕简约大方整洁的，因此我也不会太喜欢勋章设计的比较花哨。对比设计和实际能力，最后就选择平面、简约、带点立体的。

体系阶段勋章的变化主要参考了微信读书勋章的设计（后面功能开发界面也直接参考了~~~）。颜色搭配的话，比较随性了，这个还真没了解过，看着过得去就好了~~六个阶段，形状基本上都是圆形、五边形、六边形、七边形、八边形、十边形/十六边形。

自律天数

自律天数里面的内容是一个日历，代表打卡的意思。这里的自律天数不是指你打开小程序签到就行了，而是统计你打卡的天数，切切实实的去自律了，才会算上这一天的。

在即时设计里，省事的话可以直接去找阿里图标库找，也可以自己一笔一笔的画出一个图标。通过自己画的可以色彩风格比较一致，我这都是线条图。就好像自律天数里面的日历一样，都是一笔一横的画出来的，再形成组件复用。

未获取展示的勋章也就是变灰，需要手动调每个元素的色彩，同时将背景给镂空。

在这里有个比较搞笑的事，一开始不清楚可以直接改图形的形状，都是复制一份重新填充内容。导致了工作量增多。后面才发觉在设计面板上可以选择图形的边数，这样大大的加快了设计过程。

自律次数

在自律次数这个系列中有点纳闷，不知道怎么去表现次数这个概念。在不停的浏览图标，以此想找个参考，最后只能找个类似条状的图标，然后重新设计。

没错，里面的图标也是自己设计的。到后面就比较熟能生巧了，进度也大大加快了。

达标计划

这里就不重复说了

界面开发

这又回到我比较擅长的地方了。emmm这个就没有很多可以说的，因为我的确是参考了微信读书，他的界面很好看，也很实用，整体风格跟小程序很搭，因此最终展示效果如下。

后续安排

可以看到勋章界面这边缺少一个最重要的功能：分享。其实是因为太激动了，想着赶紧上这个功能，看看大家都能拿到什么勋章，因此先忽略这个功能点。主要是我是后端开发熟悉一点，对应海报生成没那么熟悉，如果等到功能都齐全了，那就太久了。分享勋章功能这个后期肯定是要加上的，要不然成就感也会弱很多。

还有一个在上文也提到了，设计一个类似展馆一样，将勋章获取前十的展示出来，以表示他们努力的成果被铭记。后面也会推出系列主题活动，搭配活动勋章，让打卡活动更加有趣，让用户更加爱上打卡爱上自律~

如果勋章带来的用户数据效果不错的话，我是会考虑将勋章实体化，的的确确邮寄到你的手上，让你感受下你努力的另一个具象化~

结语

以上就是我设计自律勋章功能的整个路程了。在这个过程中学习到不少知识，也对用户使用方面有了更深的体会。都说程序员不能埋头写代码，也得着眼看世界。的确外面的知识很丰富、代码不是解决问题的唯一办法，

很多时候只能起辅助作用。你说自律打卡，非要用小程序吗，其实不然。

在我的自律社群中，也有不少朋友是喜欢直接在微信打卡的，因为方便，其次他们也不关心数据这些。所以开发一款产品不能脱离实际，不能假象，要不然就真的是空中楼阁，笑话一场了~

最后，如果你对自律感兴趣，可以体验小程序，也可以联系我，拉你进入自律社群~