目录

一、原型地址

原型地址

二、PSP表格

三、NABCD模型说明

3.1 N（Need 需求）

我们通过各方面的调查，发现了澳大利亚网球公开赛的数据量非常大，用户经常为无法快捷的在网站中从庞大的数据里找到自己想要了解的东西。鉴于当今社会快速的生活节奏，人们会更倾向于网站设计能够更加简介直观。

3.2 A（Approach 做法）

1.我们首先对数据进行预处理，从官方网站爬取数据（怎么爬取数据详见上个帖子）
2.用Swiper第三方插件来制作首页的轮播图，丰富网页的内容，展示赛事的精彩图片以及相关的解说，让赛事变得更有趣，从而吸引更多的潜在用户使用。

3.3 B（Benefit 好处）

1.我们在使用时无需注册登录，方便快捷；
2.网站所提供的服务均免费；
3.网页布局简洁大方，重要信息占据网站主要界面位置，使用户能够快速了解主要信息；

3.4 C（Competitors 竞争）

经分析，我们的主要竞争对手有：福州大学软件工程专业2022级的同学。

3.5 D（Delivery 推广）

1.通过同学之间的友好交流可以有效快速推进本网站的传播。
2.通过CSDN发布的帖子可以和网站的其它小伙伴相互交流。

四、原型工具的选择

我们小组选择使用Axure进行开发，Axure开发有许多优点，它可以画图，又可以做文档，画图的难度比PS低，写文档比word灵活，最重要的是使用成本几乎为零。

五、原型设计思路及成果展示

5.1澳大利亚网球公开赛网站构架图

5.2 具体页面设计

为了使用户对各个界面都有清晰的认识，并且能够简单地实现在不同页面间切换，我们在每个界面顶端都设计了一个导航栏。

5.3 页面总体介绍

1.首页：我们将首页分为两部分，包括导航栏，首页轮播大图，这样既美化了页面又丰富了内容
2.排名：使用了两个表格分别展示了女单和男单的前二十名选手，有选手的形象小图、名字、排名、比赛场次和分数。
3.赛程：我们可以查看当天的所有赛程。赛程按照不同的场馆进行展示。结果框有移入高亮效果，并且点击第一个结果框会跳转到详细赛况页面。
4.晋级图：它展示了四分之一决赛、半决赛和决赛的信息，使用折现和列表的设计，有选手的国家、姓名、得分和胜利方的信息我们可以直观的看到所有队伍的胜负情况，以及比赛日期，简洁明了，大大方便了用户。

5.4 页面设计成果

首页效果

晋级图

每日赛程

选手排名

六、开发中遇到的问题与解决方案

1.我们组比较头铁，傻乎乎的第一个弄的项目是晋级图，晋级图中需要展示出来的小场比赛过多，里面的数字，国旗，姓名，勾等不好对齐,我们初期在这上面研究了好久都没确定解决方案，使用的解决方案是使用axure9的模板来使每个小场比赛内部原件在形状和位置上的统一，等到晋级图的结构确立后，将所有拖出的小场比赛脱离模板，从而实现了不同比赛在展示上的差异性。

2.在设计点击比赛跳转详细赛程功能时，发现表格的交互中跳转很难实现，并且为了用户体验增加的“鼠标触摸特殊显示”功能也很难清晰的显示。解决的方法是在表格上层增加一个大小一致、透明的矩形，构成一个组合。

七、结队设计过程

7.1合作历程

在本次设计过程中，我们两人通过线下，QQ等方式不断沟通，规划模块、查漏补缺。

7.2线上设计过程沟通展示

7.3线下设计过程沟通展示

八、本次合作对队友的评价

越越的评价：
本原型设计是第一次和圣鑫合作完成大作业，设计前我们就先详细规定好了分工模块，各司其职，任务完成的效率很高。他的开发经验丰富，在设计过程中提出了很多宝贵的意见，加快了工作的进度。总体来说这次合作设计过程非常顺利，我也收获颇丰，学到了很多新知识。

圣鑫的评价：
在需要进行结对之时，我便迅速与鸿越同学关于结对达成一致意见，在我眼里，鸿越同学有较好的规划能力，有较好的语言组织能力，并且文档的编辑与撰写能力相当之高，让我与他结对十分放心。鸿越同学的理解能力很强，与他讨论总是能让作业进度顺利推进。