• 1. 我的课堂 用户体验报告 User Experience Center@优秀网页设计1
    • 2. 目标: 浏览器: 输出: 角色: 背景:我的课堂 IE9 常规逻辑顺序 UE,清除cookie 先后体验无/有 课程两种情况体 验2
    • 3. 我的课堂中部分功能实用性不强,缺乏人文关怀。在最有归属感、最能让用户感受到我们产品强大的“我的课堂”内,陈列着如“输入座右铭”、“同课异构”等鸡肋的功能和导航。而真正体现对用户学习和账户人文关怀的引导功能则没有,且部分操作中有着“要在自己的家里反复出示身份证” 确认密码等防盗验证的尴尬。小偷都进屋了,这一步也太。。 侧栏菜单过于冗长,操作没有归类。用户在进入我的课堂后,左侧的5大分类中,下设26小类的操作给用户,提供的功能很丰富,但是有必要为用户做减法。减轻操作负担。 主设课程、测试、账户、设置4类即可。然后右侧再巨细设计tab分类操作,达到缓冲效果。 我的课堂主界面缺乏学习引导、功能之间联系不密切。目前进入我的课堂后,在功能使用和学习引导上欠缺一定引导,譬如在文字上引导用户让他了解当前学习课程、学习计划及状态、账户情况等。不能只是生硬的给出功能,而相互之间没有联系。特别是让用户感觉不到对学习的促进和提升有帮助。我的课堂主要问题简述3
    • 4. 噢~基本上我的时间全部被学习/作业占满了~除了玩的时候。是的,我给他买了很多书,报了很多的辅导班。1、学生:你拿什么吸引我?我的课堂需要拿出十足的诚意,在课程视频、学习计划、考试测评中充分满足他们的成就感、优越感、归属感,围绕着这三点夹杂细节优化才能让学生真正喜欢爱学网,觉得爱学网是他个人以至于他的朋友们都推崇、可信赖的学习园地。 2、家长:这里真能靠得住么?我的课堂应该减少繁杂信息对孩子们学习的干扰,节省孩子的宝贵时间。让这里所有的操作都高效辅助孩子掌握学习方法,吸取视频课程精华。不要产生诸如:观看视频缓慢、下载学案困难、缴费选课受阻等影响效率的事情。基本上,钱不是问题。因为网校优势在于不用让我的宝贝孩子排队上课、酷暑外出补课了。用户对我的课堂的质疑Point:此处对话采集于5.1活动期间,均属与学生和家长的真实谈话内容。对于我那即将要参加高考的儿子来说:他的时间太宝贵了。4
    • 5. 注释说明 为显现爱学网与时俱进和社会责任感,可酌情根据社会教育热点和节日气氛,调配LOGO区域的背景图,烘托积极向上的氛围。 通过设置下拉箭头,增强“我的课堂”易用性和快捷功能。一键多用。 (注:我的课堂依然是点击区域) 设置了课堂内的常用四个快捷菜单,此处不要添置四个以上,否则会在视觉上和操作上降低“我的课堂”权重。1235
    • 6. 注释说明 建设好我的课堂之前,如果用户连登录区域都看不到了, 那该是一个多么心急如燎的事情。 同上,这里的登录框也没有了。 满足以下条件会出现上述问题: 使用高级浏览器(偶尔)。 网速过慢。 上周也出现一次服务器宕机,网站无法登录的情况。 121、2 两处的登录居然没有了~!6
    • 7. 首页这里的高考倒计时功能怎么实现延续性。当高考完成后,新的倒计时还长,那么这里有否考虑如何展现呢?希望将icon提示的功能早日实现。7
    • 8. 主页登录某天我们走在路上有人强制向我们推销东西,感兴趣还好,不感兴趣就觉得讨厌了。 如果自己有急事,心无旁骛的话。不管是有木有兴趣,肯定都会推开这个人。 建议取消该弹窗,因为已经阻扰到用户的行为了。应该潜移默化,放到合适的地方。经过测试,验证邮箱和验证手机过程中,都会有一定时间的延迟,甚至无法收到验证码。8
    • 9. 建议修改“让您爱上的学习网”文案。 口号有些拗口,没有掷地有声。 这里着重体现完成验证后对用户有哪些好处。主页登录163 邮箱9
    • 10. 主页我的课堂为了打造便捷清爽的我的课堂, 实施左栏拆迁计划: 去除该处的立即体验。一般能进入我的课堂的猎奇用户,应该在首页体验过“免费试听”了。节省占地,该拆迁的拆迁。可将免费体验迁至“我的课程”内。 账户状态也去除,拆迁至右方。 去除“同课异构、优质、备考指南“该处鸡肋功能移除,这里放账户信息和会员状态信息,同时也提供会员修改密码和修改头像的快捷操作。实现课堂首页顶部信息栏改造。 课堂寸土寸金,应打造用户实用需要的功能。 如同教室内必须得清扫干净剔除垃圾干扰信息,并有学习氛围,有人文关怀。这是开发出一个好课堂好中心的精髓。10
    • 11. 主页我的课堂欧阳锋倒练 “降龙十八掌” 一样成就了他的盖世无敌,我们的部分用户也会有驳于常规的习惯逆行浏览。钟情在底部完成各项操作。 目前爱学网没有用下划线来标识可点链接,所以已经培养我们的用户见到文字就习惯性的点一下了。 所以这里是否可以添上链接,并引导用户更好的使用网站。而不是仅仅是一张图片摆设。【个人推荐整站用下划线标识可点文字链接】 11
    • 12. 主页我的课堂这里的学案下载按钮太过精致,可以比关闭按钮更大、更醒目些。 对于学案采取用swf作为载体,对低网龄用户来说,好比无字天书,而且有部分学生都会在看视频的时候,同时看学案,那么是否可以直接将学案内镶至播放器旁的功能区展开。 下一页有模拟设计稿 演示。12
    • 13. Point:此处课程学案、笔记本、书签三模块设计成与播放器是可拆卸的,可以自由缩放大小, 拉伸窗口。模拟设计稿
    • 14. 主页我的课堂 说明 错题本和收藏课程、学案下载内置于我的课程内。 消息管理可放置于设置中心内。 试卷收藏,学习资料收藏等内置于测评系统中。 具体栏位可部门间商榷后定夺取舍。 14
    • 15. Hi~俗套的超人总爱干些维护世界和平惩善除恶的体力活,完全没有替孩子们着想过。 阁下您是否需要雇佣一位 像我这样潇洒的 Study superman 来帮助可爱的孩子们 加速学习效率呢?Study superman早期愿景爱学网除了VI和口号外,似乎应该有个网络形象代言人一起来维护我们的爱学家园。除了加强辨识度和增进亲和力,在活动和推广开展的时候,Study superman也能帮助同事们干些什么,至少跑堂赚个吆喝也是不错的。  争~分~夺~秒~!15
    • 16. 他山之石 可以攻玉 企鹅NB, 是因为他拣了 足够多的石头丢人。Point:下面采集了几个不错的个人中心,有利有弊,个人谨从他们的靓点上做剖析。
    • 17. 帮考网:http://www.bkw.cn/member/index.aspx用户名:kingtent 密码:peng1311 测试账户,请勿擅自修改优点:一进入个人中心,就有“我的学习顾问”,特别是加上“我的”所彰显出来的一种专属尊贵意境。 为用户配备的学习顾问,主要是引导前期低网龄用户在使用和学习中产生的疑问。 典型的 助教+客服 合体。 这正是学生在课堂内最想要的人。 这与我们规划的班主任功能也有异曲同工之妙,希望尽早实现。优点:左栏只有纯净的导航菜单,没有多余的广告和鸡肋信息。17
    • 18. 帮考网:http://www.bkw.cn/member/index.aspx用户名:kingtent 密码:peng1311 测试账户,请勿擅自修改优点:帮考网对支付方式做了详细的说明,并用了人性化的文案展现。 从用户角度出发考虑出了可能存在的5种付款途径。 18
    • 19. 帮考网:http://www.bkw.cn/member/index.aspx用户名:kingtent 密码:peng1311 测试账户,请勿擅自修改优点:人性化设计,考虑到用户银行汇款时,先得知晓开户名和帐号,与其让用户费力抄录(可能还有一定几率疏漏),不如直接通过系统发送到用户的手机上。并且也可以在这里获取用户的手机号码。一举两得。19
    • 20. 考试大:http://s.233.com/search/service/user_center/用户名:kingtent 密码:peng1311 测试账户,请勿擅自修改 注释说明 进入我的课堂后,主界面显示课程及学习计划、爱学币账户信息等。并提供密码和资料修改。 可显示上次登录时间,如果用户1一个月没有登录,可以委婉提醒:亲爱的kingtent,不管您有多忙,爱学网一直在这里等您。若您有不满意我们的地方,请给我们留言。 正在学习的课程,收藏的课程,学习计划等可以按这种tab样式展现。 无论用户有没有买课程,都将免费听课按钮做的抢眼一些。便于与注册进行好关联,达成转化。12移动一下位置20
    • 21. 嗨学网:http://highso.org/cus/cuslimit!toUserCenter.action用户名:kingtent 密码:peng1311 测试账户,请勿擅自修改优点:用户的聚合与分享,分享彼此的心得和购买的课程。利用用户的猎奇和围观心理。提升学习交流氛围。 不足:嗨学网目前这里还没有开发完全,只做了购买课程的提示,无多大交互意义。优点:人人网、QQ空间SNS式的清爽布局,让用户一目了然的操作。字段前配置icon做视觉优化,便于操作定位。 缺点:设计上如果没有特色创新,会有抄袭的嫌疑,并会让部分善于标新立异个性鲜明的学生抵触唾弃。我们一直在给自己做思维导图,却没有给用户做清晰的思维导图。学生问: “我们需要做哪几步才能最快的提升成绩呢?”21
    • 22. 嗨学网:http://highso.org/cus/cuslimit!toUserCenter.action用户名:kingtent 密码:peng1311 测试账户,请勿擅自修改注释说明 嗨学网通过对我的课堂视觉、内容架构上的优化,实现了封闭式管理,脱离了主页海量的信息,属于闹中取静,让用户真正安心学习,两耳不闻窗外事的设计。(当然,中心肯定会提供购课、咨询的快捷栏位。) 采用 我的课堂封闭式设计 的网校还有:个人推荐使用封闭式中心的设计,利于后期维护学习环境和大社区交流的分享以及自助业务的拓展。 望部门间讨论权衡后逐步调整。22
    • 23. 总结体验问题前,不妨再来看一个生活实例这一期的报告 基本体现了 2个问题。。。
    • 24. 排水钢筋护栏:主要用途是排水,防止下雨天马路积水,影响日常交通运输。 它不同于沙井盖密封式设计,为了增大排水量,护栏必须有足够的间隙空间。 而在早期的设计中,设计者并没有严谨考虑到钢筋间隙大小和排列方向对行人和交通工具造成的“卡”“掐”“陷”等影响。照片摄于黄埔大道西 跑马场1、以人为本。如果不考虑最终的受众,设置的钢筋疏密度不严谨,虽能解决根本问题:排水。但是行人的脚或自行车也会一并卡在里面。投诉和客服电话会被用户打爆的。 2、匹配环境。产品的生产最终是为用户的衣食住行带来便捷或解决问题。如果不考虑环境而投放会没有效果,甚至带来负面影响。(譬如这里的护栏钢筋竖缝没有垂直于公路,而是和公路平行的话。。。)护栏体验综述护栏钢筋竖缝是与公路垂直的,但早期的设计中有平行的。
    • 25. 主页我的课堂退出退 出 虽然用户的退出,基本以关闭浏览器作为结束动作,但是对于低网龄用户来说,他们会一定程度上觉得【安全退出】才是个不错的选择。 所以,接下来我们的爱学网 需要如下改进:25
    • 26. Thank You!欢迎各位领导和同事, 对我PPT的展现方式 提出更好的意见。 让我们一起为产品 用户体验品质的提升而 努 力26