上一篇博客邀请了擦哥测评了【Python 技能树】,本篇博客就由我从产品交互的角度为技能树进行加点 BUFF 吧。
一些小小的交互建议
现内侧地址效果图:  经过 亿点点 的时间改造,修改成下面这个样子。
首页
 新增和移除的内容
- 【新增】参考类似
github 平台,增加最近学习动态,根据完成练习题的题目数,显示方块颜色的深浅; - 【迭代】在知识点卡片位置,设计当读者完成该知识点下 100%练习题之后,如果再次新增题目,出现红点,表示题目上新(用户没有做完,并且是3天内更新题目);
- 【迭代】对知识点卡片增加查看更多操作,防止知识点无法罗列;
- 【迭代】优化右侧技能树文字排版;
- 【迭代】提问与建议直接弹窗填写即可,目前提问层级太多,需要跳转到建议社区,在点击发帖;
- 【移除】移除大纲难度,因大纲难度与知识点难度不一致;
- 【移除】移除模块的继续学习,迁移到学习动态处,成为大纲的全局操作 继续学习;
- 【移除】已经掌握 100%知识点提示,该值由练习题而变化,属于不确定值;
- 【移除】XXX 人已经学习该知识点,目前只有一个数字,参考意义不明,顾移除。
知识点内页,参考资料选项卡
 新增和移除的内容
- 【新增】由单纯的参考资料平铺,修改为专家推荐和社区推荐等权重标签,其余参考文章自动折叠,可由用户手动展开;
- 【新增】PK 这篇,用户可发文与推荐位文章 PK(社区审核),获胜文章出现在推荐流,失败文章折叠;
- 【新增】右侧新增 最近 3 天动态展示区,展示用户自荐博客,自荐题目,PK 文章各种情况;
- 【新增】新增两个快捷操作,提交优质博客,提交练习题;
- 【移除】移除原页面右侧内容。
知识点内页,练习题选项卡
 
新增和移除的内容
- 【迭代】练习题修改为列表展示,便于后期增加更多题目与扩展更多题目属性标签;
- 【迭代】表格增加 上新 列,最近 3 天更新的题目,展示该标签;
- 【移除】移除原页面练习题 所属知识点,练习题题干描述 等冗余信息;
- 【新增】练习题作答页面,增加操作 该选项肯定不对,先折叠,便于将判断出的错误答案进行折叠,对应新增收起操作。
知识点内页,交流讨论选项卡
 新增和移除的内容
- 【新增】增加帖子快速发布入口,提升便捷性;
- 【新增】增加帖子置顶展示;
- 【迭代】帖子回复可展开;
- 【移除】移除分享帖子操作。
其余交互畅想
- 可以大幅度的增加 优质贡献者 的博客入口,提高贡献者曝光率,右侧区域有些空,可以给 优质贡献者;
- 用户的学习过程数据缺少统计与展示,可继续深挖;
没有设计排行榜,担心读者为了榜单而忽视学习的重要性。
|