| 这个作业属于哪个课程 | 2021春软件工程实践/S班 |
|---|---|
| 这个作业要求在哪里 | 结队作业一 |
| 结队学号 | 221801430 221801438 |
| 这个作业的目标 | 学习项目的前期准备、进行需求分析、学会使用原型工具进行设计 |
| 其他参考文献 | ... |
一、PSP表格和效能分析
| PSP2.1 | Personal Software Process Stages | 预估耗时（分钟） | 实际耗时（分钟） |
|---|---|---|---|
| Planning | 计划 | ||
| • Estimate | • 估计这个任务需要多少时间 | 15 | 20 |
| Design | 原型设计 | ||
| • Analysis | • 需求分析 | 20 | 30 |
| • Learn | •学习原型设计工具 | 15 | 30 |
| • Design Spec | • 生成设计文档 | 20 | 25 |
| • Design Review | • 设计文档复审 | 15 | 10 |
| • Design | • 具体界面原型设计 | 360 | 420 |
| • Design Review | • 原型设计复审 | 20 | 35 |
| • Test | • 原型运行测试 | 10 | 15 |
| Reporting | 报告 | ||
| • Size Measurement | • 计算工作量 | 10 | 15 |
| • Postmortem & Process Improvement Plan | • 事后总结, 并提出过程改进计划 | 20 | 25 |
| 合计 | 490 | 625 |
二、原型地址
三、NABCD模型
1、N (Need 需求)
首先，我们团队根据小刚提出的要求他希望可以有一个平台方便实现对计算机顶会相关论文的检索，根据他所提出的需求，我们利用Process on协同创建了功能分析图：
2、A (Approach 做法)
- 根据小刚希望平台可以对论文进行针对性地检索和查看，考虑到论文的篇幅以及一些操作的方便，同时由于我们团队都对网页设计技术更加熟悉，所以我们最后决定通过网页的形式来搭建我们的平台；
- 我们考虑到每个用户的论文列表都不相同，所以平台需要登录注册后才可以进行相关功能的使用。
3、B (Benefit 好处)
- 通过我们的平台用户则不需要通过论文列表一个个查看自己想要的论文，提高了效率；
- 同时平台对顶会的资讯进行了数据的分析和整理，方便用户更加直观的了解顶会的有关信息，同时针对性地检索。
4、C (Competitors 竞争)
- 考虑到用户的使用习惯，我们在设计之处就将我们平台的设计风格定位为“简约”，同时尽量的简化用户操作，使得用户更好的上手；使用了较为商务极简的配色和设计理念，提高了用户的使用体验。
- 在我们的平台用户可以个性化地导入需要的论文，而不是看了还要通过浏览器的收藏夹来管理自己需要查看的论文。
5、D (Delivery 交付）
- 对于平台的推广，我们可以利用目前主流的一些社交平台制作H5、或者撰写推文进行推广；
- 并且我们的平台的受众更多的是学生，则可以和学校进行合作来推广我们的平台。
四、原型介绍
1、设计思路
根据我们的需求分析图，划分了四大模块。
由于我们对网页的设计接触的比较少所以我们通过查看站酷网上一些设计师的设计汲取灵感，最后我们定下了平台风格为：
- 拟物化的设计方式（按钮更具象），模块划分明确；
- 同时主色调采用蓝色；
- 简约、商务。
2、具体功能设计
（1）登录/注册
由于需要对论文列表和用户1对1的联系，所以我们的平台需要用户先进行登录/注册。
（2）论文查询
根据需求我们论文查询分为：单个导入和批量导入两个模块；
登录成功后，首先进入的是单个导入界面，用户可以论文标题进行搜索查询，同时也可以根据下方的热搜词条直接进行搜索。
搜索后会显示查询的结果，用户可以对搜索的列表中的文章进行查看和筛选：
- 点击可以查看论文详细信息；
- 可以单独选择一篇文章进行导入；
- 可以通过右上角的
全部导入导入进自己的论文列表； - 也可以删除掉不需要的文章，再通过右上角的
全部导入导入进自己的论文列表。
用户还可以选择批量导入论文，我们平台采用的是通过Excle表格的形式进行导入。
（3）论文列表
- 在论文列表中可以查看、搜索、删除自己之前导入的论文，对自己的列表进行管理；
- 可以通过
排序方式对论文列表进行排序； 检索历史查看之前搜索的历史记录。
点击相关的文章可以查看到文章的详细信息，通过原文链接进行论文详细的查看。
（4）数据分析
根据数据我们平台可以对顶会的关键词的热度，以及近几年的趋势通过图表的形式进行展示，更加直观的对顶会资讯了解。
（5）设置
- 在个人中心中，用户可以对自己的个人资料进行修改。
- 在安全中心，可以对账户的手机号、邮箱以及微信号进行绑定，从而加强用户的隐私安全。
五、困难解决
- 由于还未返校，队友之间沟通交流比较麻烦，交流中也会出现词不达意的情况，线上协作效率没有线下协作效率高。由于也是第一次两人合作完成作业，开始时没有找到合适的合作方式，效率较低，后来才渐入佳境。
- 在原型制作中，需求分析的确定相对于原型设计本身要困难一些，要讨论出合理的方案，解决所有用户需求，并且功能分配合理，我们小组通过画思维导图整理出了所有功能。
- 原型设计风格的确定也是决定用户体验的一部分，风格要与功能匹配，并且要看起来舒适美观，我们小组在开始前参考了大量的优秀的网页设计，学习了一些网页设计的规范、排版，然后确定了这次原型设计的风格。
- 原型质量在一版一版的推翻和重新设计中不断提升，由于这次时间比较短，加上工具的一些局限，原型设计还存在可以改进的地方。
六、原型工具的使用
工具选择了墨刀，墨刀有网页版，上手简单，虽然对比其他原型设计工具，功能有一些局限但对于这次作业也足够使用了。对比作业要求，墨刀也可以实现团队协作、原型设计和实现原型的交互，墨刀中还有许多内置组件，使用方便简单。由于墨刀工具的局限，我们小组也使用了一些其他的工具协助，比如ps，制作了一些设计元素放入原型中。
七、结队过程
1、结队过程截图
2、队友评价
（1）余兰同学对林楚婷同学的评价
这次团队合作中，搭档林楚婷给了我很多正面的影响，虽然在刚开始合作时磕磕绊绊的不是很顺利，但是随着合作的推进，我们也渐入佳境了，后期合作很顺利，我们会在想法上形成互补，互相督促，楚婷同学也很认真，有很多很好的想法，也很会查找资料，能力强。这次合作很愉快！
（2）林楚婷同学对余兰同学的评价
由于余兰同学本身在UI设计上能力就比较强，所以在原型工具使用等方面在余兰同学的帮助下我也很快上手。同时我们的设计审美上也不谋而合，加上余兰同学很好的设计基础，对于素材查找等方面比较有经验，使得我们的界面设计上进展的很顺利，后期都达到了我们起初想象的风格和样式，在合作中我们也相互学习，相互进步，是一次很愉快的合作！
