最近疫情反复出现，小伙伴们要注意保护好自己呀，尽量不去添麻烦

好了，本周精彩的优秀交互马上呈现

接稳啦

一、有噗App加入挑战-给你充分的仪式感

关键词：情感化设计、仪式感、成就感、荣誉感

【使用场景】

用户在使用有噗参与打卡挑战时，点击“加入挑战”，便会出现相应的彩带小动效。

【解决问题】

“加入挑战”作为有噗的主功能，按钮始终显示在下方易触及区域，且视觉显眼，同时增加动效引导，进一步增强用户点击欲望；点击之后，会有一系列像彩带和飘带似的效果串出来，效果结束之后，上方弹出“您已成功加入该挑战”弹窗。

该动效的运用，生动地还原了线下的场景，像我们参加社团，婚礼，或者训练营这种具有仪式感的活动，新成员的加入喷出彩带，增添了用户的仪式感，配合弹窗，鼓励用户积极参与打卡，生动形象地和用户进行互动，给用户和产品都增添了温度和情感。

二、有噗打卡成功分享-帮你记录经过

关键词：品牌化、差异化、成就感、情感化

【使用场景】

用户在打卡成功后会有相应徽章且展示在打卡记录里，分享后帮助用户记录打卡数据

【解决问题】

通过徽章的形式激励用户，给予用户相应成就感，在挑战里面展现用户打卡成功的记录，设计形式上赋予品牌独有的颜色，突出了产品的独特性，让用户印象深刻。

在分享功能中，采用的是以弹窗形式出现，且设计成卡片形式，目的是想让用户像名片一样分享自己的打卡记录，侧面体现了产品以社交社区为属性，且卡片内信息带有用户打卡记录，增加用户分享的意愿和成就感。

三、有噗技能星球-充分挖掘你的兴趣爱好

关键词：品牌化、差异化、成就感、情感化

【使用场景】

刚进来的用户进入个人中心页面会有相应的动画引导，引导用户发起打卡挑战；在挑战页面中有技能星球，参加过的打卡会记录在此

【解决问题】

通过以插画为主体的弹窗引导，效果明显，且目的性强，强引导用户去使用操作。对于新加入的用户也知道自己来产品的目的是什么，用这个产品可以做什么，能为用户带来什么；“挑战”页面右上角的星球模块，是用户打卡记录的汇总，以技能星球的形式，创新且新颖，潜移默化地影响着用户不断通过打卡去点亮属于自己的技能星球，提升用户的参与感和成就感，且数据可视化。



四、小红书有趣的优惠形式-拆礼盒送优惠

关键词：动效引导、差异化、创新性、转化率、情感化设计

【使用场景】

新用户进入小红书浏览贴子时，不经意间会有小礼盒出现在当前浏览页面，打开后会有属于你的专属福利

【解决问题】

通过动效的引导，立马抓住用户的注意力，且在设计上以礼盒的形式，将优惠藏于礼盒中，点击打开按钮会配有解开礼绳的动效，生动、创新且有仪式感，让人印象深刻。同时礼盒的样式也符合小红书以女性用户为主的产品理念，精致且惊喜，加上以第二人称视角的文案，像是闺蜜送给自己的礼物，能让用户产生共鸣。

打开礼盒后，显示优惠信息的弹窗，价格直观且优惠信息明显，底部有时间限制，不断刺激用户，加深紧迫感，促成转化，底部还有去逛逛的按钮，减少用户跳转页面操作成本，提高商品的转化率。

【个人思考】
只可惜，作为男生转化为小红书化妆品类的潜在用户难度比较大，虽然可以把化妆品送给对象，但是我们完全可以在新用户刚进来时对于栏目的喜好，投送相应商品的优惠券，这样对于单个用户商品推送更加精准，对于喜好商品的转化率会相对应提高。


五、盒马隐藏的二楼设计-次要功能入口

关键词：动效引导、差异化、创新性、转化率、情感化设计

【使用场景】

用户进入盒马时，二楼的功能会自动弹开，一段时间后隐藏。

【解决问题】

隐藏在二楼的功能是一些次要的业务，但是作为产品侧肯定也是想让用户看到的。因此在用户刚进来时，会自动弹开，让用户先有一定的心智，知道这地方有这些功能，随后隐藏，不在视觉上更多打扰到用户。

在业务上也是便捷入口，方便用户快速触达和分流，快速达成所需目标。引用到我们项目，可以把一些次要的功能放置此处，刚进入的用户显示3秒，之后隐藏，有需要便可以打开。

多看，多练，多思考，多行动。不断勉励自己。

交互栏目也是新开的一个栏目，希望能带大家看看这些优秀设计背后的小心思

好啦，这一期的优秀交互设计赏析就到这里啦～

点个赞，我们下期再见