专栏名称: 交互设计学堂
系统学习交互知识,就找老D。干货分享、在线培训、行知书院三大版块帮你提升自己。 最新资讯-全是干货还有老D点评,每天推送; 交互培训-在线课程帮助小伙伴进入交互行业,只要3个月; 行知书院-老D帮小伙伴们解读经典设计书籍,都是“硬”知识。
目录
相关文章推荐
优秀网页设计  ·  每日下载丨7种粗细类型,免费商用智能可变思源宋体 ·  23 小时前  
庞门正道  ·  投资20万,搞建材生意? ·  2 天前  
国际家居  ·  极简+复古,尽显高级! ·  4 天前  
国际家居  ·  极简+复古,尽显高级! ·  4 天前  
樊登读书  ·  世间所有烦恼,都有解药 ·  5 天前  
樊登读书  ·  世间所有烦恼,都有解药 ·  5 天前  
ZaomeDesign  ·  德莫拉的“大碉堡” ·  6 天前  
51好读  ›  专栏  ›  交互设计学堂

看直播,可以这样领红包~

交互设计学堂  · 公众号  · 设计  · 2024-11-02 21:30

正文



#01 前言

直播购物早已是用户买东西的重要渠道之一,但复杂的直播间,常常让用户不知道所措,引发用户观看疲劳。因此,我们尝试对直播营销互动进行改造升级,旨在让用户看得更轻松,买得更省心。


直播营销互动升级(图片等信息来自淘宝,仅为示例)


#02 营销互动升级


营销互动的核心入口在直播间右上角,占比面积较小。而伴随业务不断发展,直播间也开始变得愈发复杂,同时又因直播场域动态变化的特性,互动入口更不明显,导致大量互动在直播间选择弹窗触达,进一步增加了直播间的复杂性。



营销互动入口不突出(图片等信息来自淘宝,仅为示例)


那么如何降低营销互动带来的复杂度呢?我们从用户视角出发,将围绕看直播、领权益两个方面进行设计迭代。


1. 看得更轻松


a. 升级挂角组件。营销互动入口的可视面积过小,往往无法承载足够的信息。我们升级挂角,通过动态提示条的形式,更加清晰地向用户传达权益。





挂角组件升级(图片等信息来自淘宝,仅为示例)


其中,动画层支持不同业务进行拓展定制。



b. 红包/券底部浮层化。「下沉式」设计避免了弹窗在画面中间展示,保留更多完整的直播画面,便于提升直播画面的延续性观看体感,同时也能参与营销互动。



底部浮层化(图片等信息来自淘宝,仅为示例)


同时触发人脸识别及画面自动位移,确保直播画面观看的延续性。


触发人脸识别(图片等信息来自淘宝,仅为示例)


基于底部浮层组件,我们拓展了相关权益,以满足红包/券在不同场域的诉求。



场景拓展(图片/店铺/主播等信息来自淘宝,仅为示例)


2. 领得更高效


a. 多权益交互形式优化。改为上下滑动切换,一屏展示更多权益,不再需要左右横滑,大大提高了用户的领取效率。



多权益交互优化(图片等信息来自淘宝,仅为示例)


基于新的交互形式,我们拓展了88VIP券、政府补贴等不同业务。


新交互形式拓展(图片等信息来自淘宝,仅为示例)


b. 权益领取环节简化。领取过程中,简化金额、使用门槛等重复信息,合并关注、领取和去使用等环节,进一步提高权益的使用效率。


权益领取简化(图片等信息来自淘宝,仅为示例)


3. 提供必要的情绪价值


替用户减轻直播间负担肯定没错,但不意味着去掉所有的装饰元素,例如对于用户主动参与、有所付出的营销互动,还是需要增加一些有趣的视觉元素,给予用户足够的情绪价值。


a. 福利抽奖。对于最热门的抽奖互动,简单地呈现中奖结果,显得过于冷静,有趣的盒子掉落动画就能模拟出用户中奖的场景,强化中奖的惊喜感。



福利抽奖(图片等信息来自淘宝,仅为示例)


此外,通过调整主体盒子的形象,可以满足不同场域IP权益拓展。


福利抽奖场景拓展(图片等信息来自淘宝,仅为示例)


b. 红包雨。对于长交互的营销互动,用户非常容易中途退出,因此需要强化每次交互后的正向反馈,刺激进行下一步互动。完成任务后,再次强化用户抢到红包的获得感。


红包雨(图片等信息来自淘宝,仅为示例)


#03 最后

直播间已然成为用户购物下单的热门场所,优化用户体验已经迫在眉睫。上述设计案例后续即将陆续上线,敬请期待,另外我们也将继续优化直播间其他营销互动,力求让用户用得轻松,买得放心。


注:本文案例中的图片/店铺/主播等信息来自淘宝,仅为设计方案示例。


本期作者:直播体验设计 杭子、米子、翔子



- END -


注:交互设计学堂公众号接受投稿啦,如果你有好的原创设计类文章,可联系客服。别让灵感溜走,快来投稿吧~~