结对第一次作业--原型设计

222000229康思雨学生 2023-03-10 13:21:28

这个作业属于哪个课程	2023年福大-软件工程实践-W班
这个作业要求在哪里	软件工程实践作业要求
学号	222000229、081900310
这个作业的目标	完成对澳大利亚网球公开赛平台设计的具体功能的原型设计
其他参考文献	《构建之法》、CSDN、Axure Rp

1. 原型链接

戳一戳

2. 需求理解——对NABCD模型的详细说明

N（Need）-需求

本次结对项目中，客户的需求是对于澳大利亚网球公开赛通过图表等形式来直观显示选手信息、正式赛每日结果等的可视化追求，对此进行具体深入的分析，针对客户所说的需求，采用战略层-范围层-结构层-框架层-表现层五个层级中的”战略层“，”范围层“对其进行分析。首先明确，这是一个信息类产品。在战略层上：作为体育网站，主办方希望提供即时更新的澳大利亚网球公开赛资讯用以提高网站访问率，用户希望通过访问网站了解其资讯，查询相关信息；范围层上：设想作为观众在观赛过程中想要查看的信息，同时结合客户最初表述的需求得出内容需求——以”选手排名“，”每日赛程“，”详细赛况“，“晋级图”，“了解更多”为关键词的信息。

A（Approach）-做法

1.选手排名：完成Singles Aces Leaders的排名，展示Name,Rank,Matches,Aces信息。
2.每日赛程：展示每一天的赛事，显示比赛类型、场地、选手、时间和比分，且为获胜者姓名加粗显示，可切换日期及查看详细赛况。
3.详细赛况：展示比赛的成绩，包含本场比赛参赛选手，每个小场比分和获胜选手，最终比赛的获胜选手等。
4.晋级图：展示选手的晋升路线，包含选手和姓名和比分，并高亮显示晋级选手，当鼠标移动到某一场比赛需要高亮或显示边框提示（从第四轮开始）。

B（Benefit） -好处

对于主办方来说，较为完善的信息内容和友好美观的澳网信息网站可以提升用户点击量。对于观众而言，直接通过访问网站，无需再进行其他搜索就可以了解本届澳网赛事（每日赛程、选手排名等），方便快捷，也更容易上手。

C（Competition）-竞争

1、我们可能会面对各大公众号微博等平台以比赛亮点或有话题度的文章博客吸引而降低用户浏览量和用户粘性；
2、我们的网站决定从视觉设计、设计和交互性进行竞争。视觉设计美观——采用统一的网页制作规范，增加功能导航栏让用户需求得到迅速反应，增加应景的背景音乐使用户观感提升，有多种可视化的“选手信息”，“赛况”，“晋级图”等美观的呈现形式；设计全面——在设计初期站在战略层和范围层面上考虑，以用户和经营者的角度进行信息内容的分析，总结出了较为全面的信息内容关键词，几乎满足了用户以“澳大利亚网球公开赛”为中心辐射的所有相关信息需求；交互性好——“以信息为导向”的设计让我们有较为完整与用户友好型的结构层和框架层。

D（Delivery）-推广

1.通过各国体育网站：在体育网站上开辟出一块澳网专栏入口，位于导航栏或网站其他显眼位置，同时可以在与网球相关的新闻下方开辟一个本次澳网比赛的专栏链接2：购买广告位进行推广：在搜索引擎的相关新闻信息中，购买相关的广告位，以此作为网站之外的流量入口。

3.模型设计

3.1 原型设计工具——Axure Rp

下载Axure Rp安装包后再安装对应版本的中文包，我们用的是10，可以免费体验30天，也够用了，进入后由一人创建好首页的导航栏后分享邀请另一人进行编辑，另一人加入团队项目后可进行自由编辑，编辑好一个页面可进行提交变更-检入-检出，创建人获取变更后即可看到另一人的上传的页面，检出后便可以再网页Axure Cloud上预览两人的最终页面，再继续由此优化直至达到双方都满意的页面。

3.2 原型设计过程

3.3 成果展示

原型设计网页展示

4. 结果汇报

4.1 原型介绍

1、首页由导航栏、轮播图和澳大利亚网球公开赛的比赛背景组成。
导航栏由首页、选手排名、每日赛程和晋级图构成，默认为首页，点击不同栏目可跳转对应网页。
轮播图设置了9张图片，每一页是三张图片，每张图片下都有一个按钮点击跳转查看详情。
图片下介绍了澳大利亚网球公开赛的诞生背景，赛事发展过程和场地比赛类型等介绍。

2、选手排名页由导航栏、男子单打得分排名和女子单打得分排名构成，男女方排名的前三名分别由不同颜色标明以示区分，后续排名默认颜色。
排名信息展示了选手排名、姓名、赛次和得分。

3、每日赛程由导航栏、赛程日历、图片、比赛类型和赛程数据组成，赛程日历显示的是1.16到1.29的天数，可以再赛程日历上点击选择想要查看得天数，赛程日历右边得图片仅供观赏，是为了排版上得对称美观，再往下可以选择比赛的类型，默认显示下拉框的第一个类型也就是男子单打数据，选择好后就是赛程数据，赛程数据由比赛场地、比赛类型、比赛耗时、参赛选手和比分组成，每份数据下都有点击查看详细赛况的链接，点击即可跳转详细赛况的页面，因此我们的导航栏没有显示详细赛况的页面，以防数据太多不方便查找。

4、上述提到的详细赛况由导航栏、场数、最终比赛的获胜选手和比分和每个小场参赛选手、比分和获胜选手，设置导航栏是方便浏览者能够回到想要查看的页面，场数单独列下，其次是最终比赛的获胜选手和比分，最后才是对应的每个小场的参赛选手比分和获胜选手。

5、晋级图采用树状结构进行展示，由此对选手的晋级路线进行突出，每场比赛均有对应的选手姓名及其比分展示，该场次获胜者进行加粗显示，最终获胜者用win进行标识。整体页面较为简洁，主要突出获胜选手，让观众一目了然。

4.2 困难与解决

首先是对原型设计的理解以及对Axure软件的使用，最开始我们并没有接触过原型设计，经过反复讨论之后选择了Axure作为本次实践的工具，不过之前对Axure只是略有耳闻，并没有进行实操。刚开始遇到的问题就是Axure的汉化以及团队项目的使用。最后经过查阅各种资料以及试错，我们在Axure的根目录下引入了lang文件夹进行了汉化，同时也学会了对Axure的团队操作，如创建项目、邀请成员、检入检出等。

5. 性能分析

5.1 结对过程

5.1.1 结对细节（照片）

5.1.2 结对感受及评价

081900310：本次合作过程还挺顺利的，从这个作业发布之初我们就没有拖拉，每天学习并完成一部分内容。队友也很给力，遇到问题直接线下进行沟
通最后都得到及时的解决，希望在接下来的合作中我们也能保持这种效率和积极性！

222000229：本次合作是最初有软件工程实践课程就确认了，所以伙伴比较熟悉，作业发布后就讨论内容分工进行，再一起线下编辑交流，互动性高，问题解决也会很迅速，最后是我负责写博客初版，我的搭档修改后我再补充就得到了最终博客，和我的搭档配合的很好，希望在接下来的合作中也能十分顺利和高效率。

5.2 效能分析

5.2.1 PSP表格

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划
• Estimate	• 估计这个任务需要多少时间	20	20
Development	开发
• Analysis	• 需求理解	20	30
• Learn Prototyping Tools	• 学习原型设计工具	30	60
• Pair Discussion	• 结对讨论	20	35
• Interface Prototype Design	• 界面原型设计	30	50
Reporting	报告
• Blogging	• 博客撰写	30	40
• Size Measurement	• 计算工作量	10	15
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	30	40
	合计	190	290