在我国老龄化加剧的环境背景下，深耕书画教育多年的河小象瞄准了针对成年人（以中老年人群为先）的书画在线教育市场，以“国画”为切入点，推出了MVP产品，专为成年人提供直播在线学习的平台，主要以直播课为主，录播课为辅。
为什么需要进行全面升级改版？主要有两方面原因：一、战略层和范围层发生变化；二、体验层（结构层、框架层、表现层）待优化。随着业务模式跑通，考虑持续拓科，原来的MVP产品难以满足业务和用户的多元化场景和需求；MVP阶段未搭建直播间，而是采用微信第三方，有很多不可控因素，也没办法针对设计，不能很好的满足书画等直播学习场景；产品上课链路不完整，从领课体验到直播上课，再到提交作业，产品上并没有形成闭环，严重影响用户体验，到课率和完课率较低，仍有非常大的提升空间。MVP阶段产品功能单一，只是纯上课工具，没有温度，用户上完课不会多停留；提交作业和作业点评都是在微信班级群内进行，非常不方便，收听点评不及时，容易错过信息，点评效率也很低，并且用户的学习历程无法记录；MVP产品以“国画”为切入点，所以国画风格明显，不适用于不同科目场景，比如作为书法学员打开进入，一股浓浓的国画风格还是挺让人疑惑的；整体缺乏品牌感和统一的视觉语言，信息层级区分不明显，不易识别。经过一段时间的运营，当前已有MVP产品【观鱼书画小程序】，以国画为切入，已有国画、书法、篆刻等科目，并计划持续拓科。MVP模式验证成功后，急需建立核心竞争力，巩固差异化的产品定位；明确产品定位为“以书画为主，帮助有兴趣的人轻松入门到系统学习的专业在线学习平台”。北极星指标是提升转化率，同时降低投放成本，继续拆分目标：因此，当前阶段产品目标为提升体验用户和付费用户的到课率和完课率。通过对主要目标用户进行定量+定性调研，挖掘了解付费用户的使用习惯和痛点；体验用户为什么没有到课和完课的真正原因。通过对业务的了解，明确当前的产品目标为提升体验用户和付费用户的到课率和完课率；通过对用户的调研分析，了解用户目标为轻松快速入门，获取系统专业的技法知识，学有所乐，坚持学习；从而二者结合，确立设计目标：主要为3个大方向，1、提升产品可用性和用户体验；2、提升用户到课率和完课率；3、品牌和视觉升级。
用户需求和体验是我们优先要考虑的，因此提升产品可用性和用户体验是本次改版设计的重点，主要从两方面着手：1、框架功能重构；2、整体兼顾中老年人的使用习惯。旧版mvp小程序仅有两个tab，“上课”和“我的”，非常简单，课表页面即首页，纯上课工具，遇到问题问询麻烦。在做用户访谈时，许多用户反馈没有温度，希望有更专业的内容展示提供学习，希望可以看到优秀同学的作品，相互鼓励学习，希望学习效率能提高，掌握更多的技法。（用用户的话说就是真正掌握，学到更多，才感觉钱花的值）新增首页tab，从业务角度考虑主要突出平台专业性，“专业”是我们平台的主要优势，同时也能和竞品差异化竞争；从用户角度考虑主要为了降低学习门槛，培养学习习惯和兴趣，提升学习效率，提升学习信心。首页整体体现专业性，提供短视频类型的学习内容，让用户学习更灵活。为方便中老年用户使用产品或学习过程中遇到问题可随时问询，及时得到解答，提供了“客服”功能。首页视觉设计加强整体的品牌感和普适性，采用模块化设计，适当加大页面、文字对比度。首页二级页面的“每日一画”主要目的是培养学习习惯，从小画入手，更容易获得成就感、自信心；降低学习门槛，课前准备配高清材料图和购买链接，帮助用户快速便捷的准备和购买材料。原来的基础课隐藏在“我的”里面，路径很深，用户反馈经常忘记学习，并且比较乏味，因此将其改成“书画讲堂”，并提至首页，根据书画技法用标签的形式分类，方便用户快速查找观看，针对性学习，快速掌握技法。我们当前的主要用户是中老年用户，但是老板不希望局限在中老年用户，希望老中青三代都可以一起学习；因此设计上不会做成典型的针对中老年人使用的应用，但是整体上需要兼顾中老年人的使用习惯，主要从文案、用色、图标、间距、对比度、字体大小、交互方式、点击事件和预期等做到普适性和通用性。
只有产品可用、易用、好用，用户才会主动到课和完课，而不是靠服务人员督促。因此产品上有两点急需优化改进：1、直播间搭建设计；2、优化和完善上课流程。为了快速验证，并且搭建直播间费时费力，因此MVP阶段采用的微信第三方的直播间。但是最大的问题是我方不可控，经常收到来自用户的反馈和投诉，但是我们没法改进，也不能针对性的满足书画等直播学习场景。
产品2.0中直播间搭建设计成为了最核心最主要的部分，我们经过多次的会议讨论，并且做了相应的用户调研，最终明确，直播前/中/后的设计一样重要。我们针对课前/课中/课后不同场景进行设计，让用户高效快乐学习。课前侧重预习和课前的材料准备；课中侧重互动交流；课后侧重高效回放学习。
一开始我们花了很多精力和时间在讨论直播过程中的互动功能，比如打赏、连麦、抽奖等功能，似乎只是是直播就得具备“打赏”功能，不然就不是合格的直播间，但是学习类型直播间毕竟和娱乐类直播间不同，最后我们只提供了基本的功能，大大减少了开发成本。
除了满足用户的学习和互动交流的需求，设计上也满足产品转化需求，主要通过几种形式，助力用户转化：1、有用户购买时，弹幕提示；2、强化购物icon，并且加上微动效间隔1分钟进行提示；3、讲师可根据软营销场景手动推送购物卡片。
用户上课的流程大致为几个关键节点：领课-预习-上课-交作业-复习-继续学习。之前“预习”、“交作业”、“复习”都是被严重忽视的环节。原课表设计忽视了用户预习场景，没有日期筛选维度，课节没有封面，不管是提前预习还是复习回看查找都不方便；课节按钮待开播状态呈不可点击状态，阻碍提前预习和准备；最小字号过小，文字对比度不明显，阻碍阅读。优化后，增加了日期筛查、课节封面、时间轴方便浏览快速定位；课节按钮状态根据不同场景给出不同提示，方便课前预习准备，课后交作业、观看回放；为中老年用户考虑，卡片间距、文字大小、文字对比度适当加大。
原来提交作业和作业点评都是在微信班级群内进行，非常不方便，收听点评不及时，容易错过信息，点评效率也很低，并且用户的学习历程无法记录。因此需要交作业产品化设计，考虑到不同的学习场景，多入口触达交作业；精简提交流程，让用户方便快速提交，专门设计点评端，及时高效点评，方便用户及时查看点评；点评后的作品装裱展示，为作品增色加分，让用户更愿意分享。个人中心作为查看历史作品的唯一入口，和提交作业的其中一个入口之一，需要将重点功能入口区分出来。但原个人中心只是简单的罗列了功能，并且icon的设计抽象且小，不容易识别，推荐有礼非常不明显，导致点击率低。优化后将高频功能（消息通知、我的课程、我的作品）单独展示，采用卡片加以强调；icon进行重新绘制，让中老年用户也能快速辨识；推荐有礼文案改成“邀请好友”，更简单直白，奖金额度透出加上行动按钮刺激用户点击，从而助力转介绍的提升。
确立品牌后，再根据品牌延展，进行整体视觉定义和升级。“观鱼”这个名字取义“临渊羡鱼不如退而结网”，自运营以来，深受用户喜爱，并且一定程度根植于心，所以品牌LOGO自然而然采用大众认知的所观之鱼-锦鲤为主图形发散脑暴，结合在线教育平台属性，希望传递一群人，老中青三代人一起学习的理念，最终确定两三条鱼为大方向：考虑品牌延展性，最终确定两条鱼，加以刻画，布尔运算切割，加上波纹背景，寓意用户在学习过程中乘风破浪，学有所成，学有所乐！根据目标人群的特点、产品定位、设计目标总结关键词：专业、高效、品质、稳重、精致、美、温度等，最终针对用户群体创建情绪板并筛选核心的三个关键词：专业、高效、精致。根据新LOGO配色选择整体主色，针对产品主要用户为成熟女性用户，并且前期重点针对中老年人设计，选择高饱和度、中明度的暖色为主。Tab bar icon设计使用线性图标，结合品牌图形，加深用户对品牌的认知和情感化的设计；造型对称设计，线条末端特殊设计，整体营造典雅、传统、精致的感觉；附加动效，更生动，点击切换tab时，锦鲤从底部游入，赋予“鱼跃龙门”的美好寓意，使图形活灵活现，增加趣味性。
考虑到当前阶段主要使用人群为中老年人，字体大小设计普遍偏大2~4px，最小字体尽量控制在24px以上。提升整个产品视觉和交互统一性，减少开发样式，提升开发效率，减少用户操作迷惑感，提升产品体验；规范设计，方便连续迭代，避免断层。
以上就是观鱼项目从1.0阶段全新升级至2.0阶段的全过程。从前期了解业务、现有产品、用户，确定改版目标和具体方案的实施，最终呈现全新升级的观鱼学堂。
改版后产品关键指标得到明显提升，最重要的是用户体验明显提升，收获了很多好评。
优网科技，优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
