4.产品结构图
产品结构图
超星学习通也采用了市场上主流的 Tab导航,逻辑结构清晰、明快。这一点,无需多言,从内部体验的结果看,有一些功能,个人感觉有点混乱,不知道这样设计的目的是什么?
举个APP上的例子,假设某个用户存在需要书籍的需求。针对这样的用户,会存在两种情况,一、用户知道书名,直接在搜索框搜索即可;二、用户不知道自己看什么书籍?这里面就有一个问题,怎么帮助用户更高效地找到用户需要的书籍呢?这涉及到一个效率匹配的问题。
在超星学习通上,针对这一问题,仅仅有一个书籍分类模块,并且推荐的书籍,不知道按照什么算法规则推荐的,好像也不是按照收藏量,从多到少依次排序的。目前,超星学习通上,内容与用户的需求之间的匹配效率很低。像专题、报刊等模块,同样存在类似的问题。
在「微信读书」上,通过设置各种排行榜以及读书达人推荐,来提高匹配率,而「网易蜗牛读书」则是引入了「领读人」的机制,这一点类似微博的大V,不仅能快速帮助用户找到高质量的书籍,还可以增强用户之间的粘性,值得借鉴。
超星学习通·文本样式
网易蜗牛读书·文本样式
超星学习通上面的所有文本内容,都应该借鉴「掌阅」、「多看」、「网易蜗牛读书」等读书APP的文本排版方式以及视觉效果,那里已经有很成熟的文本呈现形式。目前,超星内容排版以及内容视觉效果体验很差,仍然停留在Web时代。
个人建议:借鉴成熟优秀的文本排版方式,为用户带来更好的阅读体验,目前,超星学习通上的问题,或许是延续了超星Web时代的风格,导致当下的问题积重难返。一个字概括「老」
5. 视觉分析
学习通截图
视觉上,超星采用了市面上普遍沿用的灰白色作为背景颜色,显得干净整洁。而首页搜索框上端,则采用了淡蓝色,实际上在首页上存在两种色块(背景色灰白、上栏淡蓝);在其他页面则是采用灰白与白色作为区分。
目前市面上的主流APP,背景色一般都是统一的,并不作区分。建议:背景色统一为一种色块,视觉效果或许更优,这是一个权衡问题,通过用户调研,根据用户反馈的结果,决定选择的方案。
参照上面截图,一般情况下,banner栏一般置于内容分类栏的上方,我把玩过近百个APP,无一例如都是遵循这样的原则,当我第一眼,看到学习通这样的摆放方式,感觉很不舒服,不符合用户的视觉审美习惯。建议:区域1与区域2掉换位置。
其次,区域1、区域3(导航栏)与区域4无论是从字体的大小,还是图标的尺寸都存在一些微小问题,需要缩小区域1和区域3大小和尺寸,否则呈现出来一种哑铃状的视觉效果,并且内容的主次关系处理的也不到位。原则:一般同一页面上的文字大小、颜色,层级变换不超过三种,其次还要遵循亲密性、重复性、对齐性等原则。(参考书目《写给大家的设计书》)
6. 交互设计
学习通数据加载截图
交互设计这一块,学习通的问题很严重,体验的整体感受就是「慢」、「阻隔」感、「迟钝」感。从一个页面跳转到另一个页面加载时间竟然长达几秒钟,不可思议。一个字概括「卡」。
个人建议:优化服务器!优化服务器!优化服务器!(重要的事情,说三遍)
7.问题与改进建议
超星学习通的优势:20余年的内容积累,拥有大量的优质内容;常年与各大高校合作,拥有良好的线下推广渠道。
超星学习通存在的问题:内容源偏老,无论是书籍还是教学视频,没有近几年的新内容的补充;而超星学习通APP仍然停留在Web时代,无论是交互设计,还是视觉效果,都显得很「老」,用户体验很差。
改进建议(按照优先级):
1.做「减法」,删除无用的功能。想清楚超星的优势在哪里,为什么人解决什么问题?请专注于核心功能,对核心功能不断迭代更新,提高用户体验。
2.修复一些重要问题:登录不上;APP闪退;卡顿严重;数据加载慢(优化服务器)
3.补充新鲜血液(购买一些新的内容源,正版书籍或者最新教学视频)。(请参考:学堂在线;中国大学生MOOC;Coursera等针对大学生的在线学习视频网站)