新角度，python 技能树，交互畅想曲｜Python技能树测评

超、凢脫俗 2022-09-12 13:49 192阅读 0赞

上一篇博客邀请了擦哥测评了【[Python 技能树][Python]】，本篇博客就由我从产品交互的角度为技能树进行加点 BUFF 吧。

## 一些小小的交互建议 ##

现内侧地址效果图：  
![新角度，python 技能树，交互畅想曲｜Python技能树测评][python _Python]  
经过 **亿点点** 的时间改造，修改成下面这个样子。

### 首页 ###

![新角度，python 技能树，交互畅想曲｜Python技能树测评][python _Python 1]  
**新增和移除的内容**

1.  【新增】参考类似 `github` 平台，增加**最近学习动态**，根据完成练习题的题目数，显示方块颜色的深浅；
2.  【迭代】在知识点卡片位置，设计当读者完成该知识点下 100%练习题之后，如果再次新增题目，出现红点，表示题目上新（用户没有做完，并且是3天内更新题目）；
3.  【迭代】对知识点卡片增加查看更多操作，防止知识点无法罗列；
4.  【迭代】优化右侧技能树文字排版；
5.  【迭代】提问与建议直接弹窗填写即可，目前提问层级太多，*需要跳转到建议社区，在点击发帖*；
6.  【移除】移除大纲难度，因大纲难度与知识点难度不一致；
7.  【移除】移除模块的继续学习，迁移到学习动态处，成为大纲的全局操作 *继续学习*；
8.  【移除】已经掌握 100%知识点提示，该值由练习题而变化，属于不确定值；
9.  【移除】XXX 人已经学习该知识点，目前只有一个数字，参考意义不明，顾移除。

### 知识点内页，参考资料选项卡 ###

![新角度，python 技能树，交互畅想曲｜Python技能树测评][python _Python 2]  
**新增和移除的内容**

1.  【新增】由单纯的参考资料平铺，修改为专家推荐和社区推荐等权重标签，其余参考文章自动折叠，可由用户手动展开；
2.  【新增】**PK 这篇**，用户可发文与推荐位文章 PK（社区审核），获胜文章出现在推荐流，失败文章折叠；
3.  【新增】右侧新增 **最近 3 天动态展示区**，展示用户自荐博客，自荐题目，PK 文章各种情况；
4.  【新增】新增两个快捷操作，**提交优质博客**，**提交练习题**；
5.  【移除】移除原页面右侧内容。

### 知识点内页，练习题选项卡 ###

![新角度，python 技能树，交互畅想曲｜Python技能树测评][python _Python 3]  
![新角度，python 技能树，交互畅想曲｜Python技能树测评][python _Python 4]

**新增和移除的内容**

1.  【迭代】练习题修改为列表展示，便于后期增加更多题目与扩展更多题目属性标签；
2.  【迭代】表格增加 **上新** 列，最近 3 天更新的题目，展示该标签；
3.  【移除】移除原页面练习题 *所属知识点*，*练习题题干描述* 等冗余信息；
4.  【新增】练习题作答页面，增加操作 **该选项肯定不对，先折叠**，便于将判断出的错误答案进行折叠，对应新增收起操作。

### 知识点内页，交流讨论选项卡 ###

![新角度，python 技能树，交互畅想曲｜Python技能树测评][python _Python 5]  
**新增和移除的内容**

1.  【新增】增加帖子快速发布入口，提升便捷性；
2.  【新增】增加帖子置顶展示；
3.  【迭代】帖子回复可展开；
4.  【移除】移除分享帖子操作。

### 其余交互畅想 ###

1.  可以大幅度的增加 **优质贡献者** 的博客入口，提高贡献者曝光率，右侧区域有些空，可以给 **优质贡献者**；
2.  用户的学习过程数据缺少统计与展示，可继续深挖；

> 没有设计排行榜，担心读者为了榜单而忽视学习的重要性。

[Python]: https://bbs.csdn.net/skill/python
[python _Python]: /images/20220828/42d54367ecba4a198ca9689c0c065f01.png
[python _Python 1]: /images/20220828/357f55dd62b44e688ff6695f6803ac25.png
[python _Python 2]: /images/20220828/8dd1a58f35b24b2382a08c9a5ae32884.png
[python _Python 3]: /images/20220828/21eda2c6ee684059975197651208cfb5.png
[python _Python 4]: /images/20220828/da9db700e9494561ac2047eee9e5111c.png
[python _Python 5]: /images/20220828/11afc4cb39b64e9296349b45d4f8aaf2.png