画啦啦小灯塔V2.0-首页体验设计升级

用户头像
广州/设计爱好者/4年前/10944浏览
画啦啦小灯塔V2.0-首页体验设计升级

画啦啦小灯塔的首页体验设计进行了一次更新升级

一、前言

画啦啦小灯塔是3-12岁儿童全科素质课平台。凭借学科辅导、人文历史、自然科普、思维训练、兴趣培养、成长教育6大主题课程,成为陪伴2000万孩子成长,获124个国家地区家长认可的优质课程平台。


二、首页升级目标及定位

针对产品提炼了两个核心关键词【儿童教育】与【家长优选】,随后我们搜集整理了与此相关的两大类产品视觉特点,作为品牌风格塑造的参考基点。本次品牌升级希望传递用户2个核心点:1. 学习趣味性, 2. 学习品质感。


着重思考如何在众多同类竞品中寻求“差异化”优势,在满足小灯塔产品性质所决定的“儿童”核心诉求,也更多关注核心消费群体“家长”的潜在诉求。


三、分析探索设计切入点

01、KANO模型分析

根据KANO模型对旧版进行分析,把首页所有功能都进行了分类,通过两个维度把功能需求量化确定优先级排序。


02 首页决策模型分析

根据用户购买决策模型分析,首先在页面结构上进行优化。用户带着不同动机进入,对明确动机的用户做进一步层级划分。针对重点进行版块强化,依据有限资源内的期望效用最大化原则吸引敏感型人群来进行决策,从而达到更高点击和转化。 


03 视觉层级布局优化

结合首页品牌升级目标和用户目标,针对首页展示内容优先级做视觉浏览动线规划,统一产品结构布局。

流量分布在冗长的界面框架上自顶而下逐屏递减,用户兴趣衰减迅速,跳失率较高。


对此,为了我们对用户进行了吸引留存,将泛目标模块设为钩子模块,用优惠力度最大的限时秒杀作为活动噱头更精准地集中用户,同时提升用户在首页继续逛下去的欲望,减少用户跳失。


04 场景化服务升级

为用户创建一个简明、形象的购物环境,以用户为中心,引导用户找到解决问题的相关信息,就像一个热情服务的小姐姐,在分析用户需求的基础上,兼顾不同的心理动机,获得高度针对性的服务。



四、解决方案实施

01 提高信息获取效率

对目标需求用户,进行场景细化,通过增加不同主题的运营引导,满足动机相对明确且同时想了解更多信息的用户。针对目标模糊的用户群,逐步缩小筛选范围,浏览信息更便捷高效。


针对老用户,我们还新增了限时秒杀专场;面对新用户给予新人福利与新人专区。希望我们所做能让用户能感受到小灯塔的温暖。




(1) 通过业务角度优化版块

小灯塔刚成立时,大家都不知道小灯塔是卖什么的。所以在V1.0版本中,小灯塔是没有搜索栏的,也没有宝宝年龄选择。


在品牌建立后,有了千万级用户沉淀的小灯塔,需要完善宝宝年龄搜索与搜索栏,来缩短用户浏览路径,提高课程曝光效率。而在层级上,突出“年龄选择”让用户进入首页时就能按宝宝年龄推荐最合适的课程。




(2) 特色导航栏

在这次改版中,我们希望解决用户对课程结构的认知问题,让每个频道具备独立色彩,凸显每种类别和独立的品牌感知(业务合作方面:AI课是咕比AI APP的导流入口,直播课是画啦啦直播 APP 导流入口)

理想方案是以短视频作为展示形式,在下拉时为后期保留了小灯塔二楼的位置,

但是由于工期和资源问题,目前折中选择了最优的图文结合形式。


这次迭代中,暂未迭代AI课与直播课

但前期思考是为后续迭代做足充分的准备。


动画课 训练营增加场景化设计,

通过品牌ip插画树立品牌形象,快速建立用户认知…



基于业务调整增加【名师课堂】,向用户传递学习质量的保障,增强信任度。



(3) 页面信息布局合理化

原旧版本页面浏览节奏混乱,运营资源位更是层出不穷。

我们对页面内的信息元素进行重构,以提高信息获取效率为目标。


在频道排版上使用了十字交互的方式避免占用横向页面空间,保持页面浏览节奏,

同时,样式调整为卡片,一定程度上提高信息获取效率。




Feed浏览原采用的纯标题内容展示,用户很难对这些课程有所感知。


举个例子,我们在查看首页各个模块点击率的时候,发现首页feed模块的点击率非常低,于是进行了用户访谈,访谈过程中我们发现用户并不是对首页模块的内容不感兴趣,而是经常忽略它的存在。

在这样的背景下,我们对feed做了浏览体验优化:



(4)标签系统升级

涉及到的触点页面有:首页、分类、排行榜、详情页

我们在标签系统增加了更多维度的信息来帮助用户进行决策,相比之前单一的分类标签,可以让用户更直观的感受课程类型。


标签的表达形式变得更加符合用户视角,基于用户和教育行业的常用词汇来进行改造,其中“年龄选择”和专家点评成为多数家长的最受欢迎标签。


02 提升用户留存与活跃度

我们的出发点很简单,怎么能让用户更好的留存和活跃?

新版本首页,我们将所有信息进行整合,去掉那些无用信息,基于让用户更容易决策进行突出,新增了限时秒杀和强化了排行榜。


(1) 新增限时秒杀

我们开设了早8晚8秒杀场,培养用户固定时间来平台看一眼的习惯。建立与用户间的联系,提升产品活跃度。


版本上线后,限时秒杀频道的数据非常可观:


(2) 强化排行榜

旧版排行榜在视觉上反馈较弱,同时需要跳转至二级页面。

新版的首页展示Top3课程,给予用户更直观的显示形式。加入微动效,营造活跃氛围提升趣味性。


03 提高产品美感与品质感

在旧版,给人的感觉是很理性的,而新版我们增加了感性的部分。





(1) 颜色柔化

在了解儿童视觉发育特点中发现:3-4岁儿童视觉只能区分二维信息;5-6岁儿童可逐渐辨认光谱中的全部色相;9岁以上儿童视觉基本与成年人趋同了。




基于小灯塔的用户画像数据,以5-8岁的儿童为主要人群。我们在建立了清晰的色彩层级系统,同时为了避免宝宝长时间的使用电子屏幕导致的视觉疲劳,对界面颜色进行柔化调整,视觉舒适度,保护宝宝的视力。



(2) 图标优化

我们从两个角度出发,一个是产品属性,另一个是体验诉求。在儿童在线教育平台上,抽象性风格更适合幼龄儿童的属性,基于学习工具、自然环境等元素进行拆解,营造轻松活泼的学习氛围,增加点击欲望。


(3) 多方案尝试落地

功能层级关系调整,品牌感增强,融入新IP形象


(4) 情感化设计

将品牌基因延展缺省页、loading等等…



总结

在本次首页改版中,从儿童出发到家长视角,再去站在业务与产品的角度作全局考虑,权衡设计与业务两者的关系输出更全面、实际的改版方案。

在线教育行业还是个新兴行业,有很多体验还需要继续深度优化。在后续迭代中,加深打造小灯塔自身品牌形象,建立起产品的差异性,为我们的用户提供更优质的在线教育产品。

115
举报
|
422
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】30个图标
柠檬黄主题UI作品集模版
【新年UI图标】游戏/娱乐icon
UI应用平面图标
【新年UI图标】酒店icon
科技医疗透明柜UI界面设计
UI界面 组件
拟物风质感写实UI卡片合集源文件
UI 登录界面设计模板包
矢量立体简约UI蓝白图标
【新年UI图标】影音icon
盲盒APP UI设计
【新年UI图标】珠宝icon
钱包ui模板
Security Camera UI kit
新能源APP应用UIKit
智能家居中心 简约 UI设计组件库
【新年UI图标】美食icon
高级感金属拟物 UI设计组件库
UI通用设计素材1
UI_3D图标火箭炮<新春促销>
我的钱包-UI界面设计-app
【新年UI图标】家具icon
你可能喜欢
相关收藏夹
大家都在看
登录注册