当前位置: 首页 > 科技观察

腾讯实战案例!QQ家校群改版设计过程回顾

时间:2023-03-18 01:20:06 科技观察

***眼镜框上的螺丝,螺丝刀都拧不下来。QQ和螺丝刀一样,也是一种通用的通讯工具。在游戏、粉丝、家校等垂直场景中,用户的很多需求并没有得到很好的满足。其中,家校团场景的用户数量和活跃度仍在稳步增长,用户规模仍远小于市场家校团数量,机会可观。所以我们希望更好的服务这群人,吸引更多的用户。1、为什么是作业场景?在家校群里,无论是过去低频的线下交流,还是现在高频的线上交流,交流的内容主要围绕一些学校信息的同步和学生的作业。其中,在线交流任务几乎每天都在发生:用户在群内进行任务同步、提交、任务结果同步。但通过用户访谈,我们发现作为高频交流场景,用户还是存在一些痛点。因此,我们希望解决这些用户痛点,同时进一步挖掘和探索家庭作业场景,吸引更多教师使用QQ家校群。2、行业趋势就家庭作业而言,目前市场上已经出现了很多应用,其中不乏像家庭作业网、家庭作业盒子这样的优秀且受欢迎的应用。通过对此类APP用户的分析和访谈,我们发现在线作业是未来的趋势。3.设计目标在线作业是行业趋势,但QQ群中更多的用户仍然在群内同步提交作业,所以我们希望在保持现有用户使用习惯的同时,通过自动批改来减轻老师的负担尽可能多。工作,提高效率,然后逐渐养成在线布置作业的习惯。在学生端,我们也希望解决现有的痛点,让作业变得更轻松、更愉快。4、设计方案探索基于以上分析,家校群项目组通力合作,对QQ家校群进行了一系列的设计探索与尝试。1.更容易布置和查看作业。作业群里已经有了“作业”应用,可以帮助老师布置作业,但是作业过程太长太复杂,很多老师找不到也用不上。针对这一点,我们简化了排版流程,优化了写作作业的内容。在家长和学生端,为了避免新闻洗白作业内容,今天更高效地查看所有作业。我们改进了查看作业的入口并添加了新作业的提醒。2.智能批改作业,减轻教师工作量由于技术问题,我们无法批改所有类型的作业。因此,通过分析现有教师布置的作业的关键词,我们可以得到教师经常布置的作业类型,同时分析教师在明确的题型中投入的工作量和收益。通过分析,我们决定尝试自动批改三种作业:背诵、口算、听写。在线背诵,全新的即时背诵体验对于老师来说,背作业的痛点在于检查。要了解学生的背诵情况,需要一一听录音。对于学生来说,学生需要与第三者合作完成背诵作业,或者不停地录音以达到自己的理想状态,效率低下且乏味。为了提高效率,我们把所有的背诵过程都搬到了线上,简化了流程。在线背诵过程中,学生背出一个句子,展示一个句子,让学生看到自己发音错误的地方。当你忘记下一句时,还可以主动获得提醒,还原了两种常见的线下场景。同时,为了让背诵更简单,在背诵完成后,以更简单的方式告诉学生背诵的结果。背***的时候还会有庆祝动画。批改纸笔口算对于数学等作业,老师一般会要求学生将作业拍照后提交,然后自己进行统计批改。对于口算题型,该技术已经支持口算题的识别和批改。因此,我们在保持学生拍照交作业习惯的同时,增加了错题统计能力,让老师更容易向学生解释错题。教师审核批改结果后,可将批改结果反馈给学生。反馈页面的设计也以更有趣的形式呈现,减轻学生的压力。帮助学生复习生字的听写体验。现有的听写方法与背诵相同。需要线下和线上相结合的方式来完成。老师统计家庭口述也不方便。另外,通过研究我们发现:老师们希望通过听写来测试学生对发音、书写、笔顺的掌握程度;家庭听写需要家长的配合才能完成,有时学生会因为家长忙而耽误作业完成。针对以上问题,我们将听写从线下搬到线上,方便统计听写,并专门针对上述场景进行处理。3、作业统计可视化对于作业,老师除了批改,还希望知道作业的整体完成情况。现有的QQ家校群作业应用已经具备作业统计功能,但通过与老师的访谈,我们发现老师主要关注检查作业:知道有多少人没有交;完成作业的总体情况;随机检查一些学生的作业。但是,现有统计页面的布局与老师所关注的有所不同。同时,我们通过分析数据发现,在98%的情况下,老师只会布置一份需要在线提交的作业。因此,为了让教师更高效地查看每份作业的状态,我们重新设计了教师统计页面,让教师关心的信息更加突出,抽查和批改作业也更加方便。4.视觉设计视觉设计也是围绕效率和易用性两个设计目标展开的。如何减轻师生压力,提高教学效率,是QQ家校群项目组不断追求的目标。内容为王:沉浸式导航和基于卡片的内容沉浸式导航。在QQ家校群在线作业等场景中,信息内容较为复杂,因此我们将系统导航栏做了沉浸式处理,简化了界面,降低了层级,有效减少了整体页面的层间关系。导航栏下沉,主要内容上浮,可以将主要内容以最干净的逻辑呈现在用户面前,提高用户效率,达到高效传递信息的目的。卡片类型:可靠且用途广泛的载体。QQ家校群在线作业内容相对复杂,难以驾驭文字、图片、视频等多种媒体形式的混排。此外,学生和老师定制的内容普遍不美观。卡式设计很好地解决了上述问题。卡片作为一个容器,作为一个独立的内容单元,承载着页面最重要的信息。它可以集成多种格式的内容。同时,卡片是一个可操作性和可扩展性很强的载体,可以上下扩展,左右滑动。、呼出和弹窗等。在QQ家校群设计之初,我们在每个环节都坚持把产品本身对线下场景下用户工作惯性的影响和挑战降到最低,让内容本身成为引导用户的方向。色彩搭配:丰富有迹可循每个主题都有自己的个性和气质。“数学是一种精神,一种理性的精神”。在色系中,蓝色也是沉稳与理性的代表。语言是中华文化的传承,红色是中华文化最具代表性的颜色。根据颜色的属性,每个主题都被赋予了独特的颜色。从QQ颜色系统中,我们找到了符合主体性格特征的颜色——蓝色对应数学,红色代表语文。更重要的是,QQ家校集团认为教与学都应该是丰富多彩的。摒弃量化成绩,注重情感教育,是激励受教育者不断追求进步的主要目的之一。QQ家校群相信每个学生都是优秀的,教学无差别。因此,QQ家校群在学校教育方面弱化了裸评分制,不直接用分数,而是用颜色渐变来表达评分的阶段性。同时,QQ大黄脸表情作为QQ独有的IP形象,也被用在了设计中,因为表情可以承载比文字更丰富的信息,也可以向用户传达难以表达的复杂情绪。同时,我们也一改以往普通文案的粗糙表达,注入情感,希望学生在看到作业评改结果时,能感受到倾注其中的温暖鼓励。用纹理讲故事我们还使用每个主题具有代表性和故事性的纹理来表达每个主题的特殊气质。语文教育的基础不仅在于如何学习和使用汉字,更在于引导学生感受汉字之美。汉字作为象形文字,以象形为基础,以形传意,以意抒情。形、意、情融于一方。例如,“旦”字的意思是“日复一日”,从字面上看,可以观察到“地平线生太阳”,这是汉字特有的表达能力。因此,拆解、重组、重新表达汉字,就成了语文教育的标志。数学以“不可能三角”为基本图形重复,而物理学则是牛顿的苹果,两者都显示出各学科的特殊气质。5、一点展望:更美更好的青少年教育产品。家校组项目组的设计思路虽然没有完整发布,但在灰度期间也得到了灰度用户的一致好评。从设计的角度来看,在美育缺失的现状下,年轻人对美的感知大多来自于生活和学习中接触到的书籍、工具、包装等。QQ家校群作为一款互联网教育产品,希望也能承担起青少年美育的责任。我们的设计很可能影响下一代的审美观念,我们的设计很可能潜移默化地影响着年轻人自身审美体系的建立。真正的教育不仅仅是传授知识,更重要的是培养学生的美感,激发学生内心的真、善、美、乐,让这些纯粹的情感滋养他们的生命。