研途网设计总结
研途网的设计是一个从0到1的过程。设计的过程基于对业务特性以及用户需求的分析,梳理整个项目的产品逻辑,进而得出整个产品设计的关键词并将它们贯穿到整个设计作为指导。而具体流程和界面的设计则根据用户的使用场景和功能需求进行针对性的设计。
1、项目背景
考研培训市场存在已久,但是由于缺乏监管,培训机构利用信息不对称,导致市场存在虚假宣传、收费虚高、课程质量难以保障以及售后维权困难等乱象。
研途网定位于通过连接在校研究生和考研学生,为考研学生提供优质的,具有针对性的考研专业课辅导服务。我们的理念是利用互联网的力量,消除培训机构与考研学生之间的信息不对称,去除中介环节,降低考研学生的考研成本。

2、团队角色
在团队中,我负责研途网全产品开发以及日常运营工作中的设计部分,主导并执行产品的设计策略,设计结果接受团队评估。主要工作内容及成果包括:
1)参与产品的定位、发展方向和路径以及具体的功能点的决策。具体产品思考集中见于:《理一理研途网的产品逻辑》。
2)全产品的用户端Web界面及后台管理管理系统的交互设计和UI设计。

从0开始设计一款商业产品,设计的任务除了考虑产品的可用性和易用性等用户体验指标外,还需要配合产品的阶段性发展目标,达到商业与用户的平衡。具体而言,在设计实施之前,主要思考的问题包括:
1)如何做减法,识别最核心的需求,得到最小可行性产品并进行合适的设计?
2)产品的信息架构如何体现并支持产品逻辑?
3)设计如何建立产品形象,从而被用户快速认知?
4)如何建立信任?包括用户对研途网的信任以及教学双方之间的信任?
这些问题的解决,其前提在于对产品业务逻辑和用户需求的深刻理解和把握。
1、业务分析
考研内容分为专业课和公共课两个方面,两者之间的差异表现在:

研途网的定位于让在校研究生为考研学生提供优质的专业课辅导。对于考研专业课而言,同一专业,各个院校之间考察的内容和要求差异性较大,且考纲也经常面临变动。因此很难制定具体的标准去规范并保证课程的质量,而应该尊重各个院校专业的考试特点,让授课老师根据自己在考研过程中对于考试内容的理解和考试趋势的把握,灵活地进行教学安排。同时,也需要配合完善的反馈和监督机制来保证课程的质量。
2.用户需求分析
研途网的用户包括考研学生和在校研究生两种角色。
考生:考研过程中,考研学生对于辅导方面的需求主要有三方面:1)专业课内容重难点讲解辅导;2)考研目标规划及备考计划的指导;3)高分应试技巧等方面的经验交流。而对于每一位考生而言,由于知识基础的差异以及学习习惯的不同,在具体的知识讲解和方法建议方面对个性化具有很强的需求。因此我们得出,考生在研途网上的核心需求是:方便地发现并识别出最适合自己的老师并获得个性化的优质辅导。
研究生:对于在校研究生,在传统培训机构中,对于“好老师”的宣传标准很单一,就是用“考分”作为卖点来凸显研究生的优势。但是事实上研究生作为一名讲师的能力和价值是通过多方面的综合能力来衡量的,除了考试成绩外,还包括表达能力、亲和力、责任心等。因此,对于研究生而言,其核心需求是:充分展示自己的优势和价值,能够顺畅地与匹配的学员进行沟通联系。

3.设计目标
基于对业务特征和用户需求的分析,研途网的设计关键词也渐渐清晰:透明、个性、及时。


1、使用场景
典型用户使用场景如下:
考研学生王小英大三结束的暑假开始决定考研,备考两个月以来,虽然她已经从各种渠道上了解了不少考研信息,但是总是感觉抓不住重点,复习效率很低。在一次搜索中,她搜到了上一届一个学姐在研途网发表的考研经验帖,学姐详细的考研经验分享对她帮助很大。同时她进一步了解到了学姐的考研分数和排名情况,并得知她正准备开设一门专业课辅导课程。于是她与学姐取得了联系,进一步了解了学姐的能力和课程内容等情况后,报名了学姐的课程。
2、信息架构
3、框架结构
围绕以人为中心的思路,同时为了便于展示多维度的信息,研途网采用两栏布局作为主要页面的框架结构,并根据各模块的具体情况进行相应的调整:

例如,在社区模块中,左侧用于显示帖子内容及评论,右侧用于显示发帖人的基本信息;在学长学姐的公共主页中,根据用户的浏览次序,将左侧设置为窄栏用于显示个人信息,右侧宽栏用于显示课程列表等内容。
4、流程设计
1)注册流程:根据不同用户角色进行针对性设计。
对于研究生用户,我们希望把控教师队伍的质量,适当地提高注册门槛,因此,让他们在注册的时候提供足够必要的信息,并进行认证和审核。同时,在注册流程设计上进行优化设计,如分步骤、提供提示或默认值等方式提升注册体验。
对于考生用户,则尽可能降低注册门槛,只需要输入注册邮箱及密码就可以创建账号,并提供随机的默认头像,成功后引导他们进一步完善信息。

2)创建课程流程:事前提醒让创建流程更流畅。
创建课程时,由于课程安排和课程封面都需要用户花足够的精力进行准备,如果在流程中才让用户思考课程安排或者课程封面设计,则无疑将使创建流程的跳出率大大增加。因此,在用户正式创建课程开始前,即提示用户应该做好相应的准备,这样可以使课程创建的流程更加流畅。

3)课程报名流程:精简流程,提高转化率。
通过研究考生支付习惯发现,现今绝大部分考生群体均选择支付宝作为首选支付手段,因此,我们灵活地使用了扫码支付的方式,使课程报名流程达到最简。

5、主界面设计
1)首页:快速建立产品形象,建立用户信任。
首页是网站的门户,决定了用户对产品的第一印象。对于一个全新的产品来说,使用介绍页来传达产品理念,阐述产品特色是最合适的选择。介绍页设计的重点在于图片的选择、插图的设计以及文案的传达。

2)学长学姐:快速建立匹配,多维度满足需求。
我们认为,“学长学姐”的称呼比“教师”更能体现亲密感和信任感,因此将教师资源的聚合模块命名为“学长学姐”。虽然有点另类,也算是个需要勇气的尝试。
一般来说,考生用户在寻找学长学姐的时候目的是比较明确的,即寻找要考的目标院校的相关专业的学长学姐。因此,如果学员用户已登录并且对个人信息进行完善,则系统会根据用户填写的考研目标院校、专业信息为他推荐相关院校专业的学长学姐。同时,推荐结果以“教师”和“课程”两个维度来展示以满足用户多维度的需求。

我们发现很多考研学生对于想考的目标专业的明确称呼不甚明了,导致直接使用关键词搜索常常难以得到正确的结果。但是只使用选择菜单选择又将导致输入效率低的问题,因此产生了将搜索框与选择菜单结合起来的想法。当用户点击激活输入框的时候,输入框为待输入状态,同时会下拉选择菜单,此时用户可以根据分类条件查找到目标院校和专业名称;如用户选择输入关键词,则选择菜单变为联想词推荐,用户可以选择联想词或输入完整字段得到搜索结果。这在一定程度上将挑战用户的使用习惯,但是我们认为该方案的学习成本还是很低的,值得作为一个方案进行尝试。

3)社区:简化界面布局,突出内容显示。
我们想将研途网的社区模块营造成一个比较纯粹的考研经验交流和资料分享的学习社区,因此在设计上尽可能简化界面布局,突出核心内容显示。

在帖子详情页面,对发帖人的信息进行详细展示。如果发帖人是学长学姐,则其他用户可以对ta的分享进行感谢;如果是考生用户,则可以收到他人的鼓励。通过感谢和鼓励行为,让社区中融入更多情感化因素。

4)消息中心:拟人化提升情感体验。
我们将消息中心与在线聊天模块整合,设计了虚拟服务员“小研”,以聊天消息的方式传达系统消息。不但精简了信息架构,降低了产品复杂度,也提升了产品的情感化体验。

6、后台管理系统
针对团队的运营需求,我也简要设计了后台管理系统。主要功能包括产品数据呈现,用户反馈处理、以及用户账号管理等。

从0到1完成研途网的设计,是对系统性设计思维的一次锻炼,对于从全局上把握一个完整产品的设计能力得到了加强。在每个具体功能模块的设计过程中,进行了大量案例学习和理论研究,在设计的细节层面也得到了明显的提升。
由于现实条件的限制,出于实用主义以及敏捷设计的考虑,在整个设计的过程中,诸如故事版、用户体验地图等重要的设计步骤被略过或者简化了。同时,由于是个人独立完成全部设计,缺乏其他更专业的成员的多角度思路,因此虽然经历数次迭代,但也难免疏漏以及对问题理解不够深刻,所以在此也欢迎批评交流~~
最后,奉上网站地址:www.yantuing.com






































