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

[222000333谢奕]

这个作业属于哪个课程	2023年福大-软件工程实践-W班
这个作业要求在哪里	结对第一次作业--原型设计
结对学号	222000333_222000118
这个作业的目标	阅读《构建之法》第3章和第8章
其他参考文献	无

目录

• 一、原型地址
• 二、原型工具
• 三、原型设计思路及成果展示
• 3.1原型设计思路
• 3.2成果展示
• 四、NABCD模型
• 五、遇到的困难以及解决方式
• 5.1Axure的安装
• 5.2 Axure的使用
• 5.3 结对分工问题
• 六、PSP表格以及效能分析
• 6.1PSP表格
• 6.2效能分析
• 七、结对体验
• 7.1 沟通和讨论
• 7.2 评价和感受

一、原型地址

原型地址

二、原型工具

原型设计使用了Axure

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

3.1原型设计思路

根据用户需求，设计了主页和导航栏，其中导航栏包括了“首页”，“每日赛程”，“排名”，“晋级赛”，“新闻”总共五部分，每个页面都在顶部设置了该导航栏，可以进行不同页面之间的切换。

3.2成果展示

• 首页展示

首页添加了部分选手和新闻预览

• 选手排名
  

  

• 每日赛程
  

  

可以选择日期查看当天的赛程

• 详细赛况

  点击对应比赛场次可以查看详细赛况
  

• 晋级赛

• 新闻

四、NABCD模型

• “NABCD模型”是一种营销策略的模型，其中“NABCD”是由五个单词组成，分别是Need、Approach、Benfit、Competitors、Delivery,对应翻译过来就是需求、做法、好处、竞争、推广。通过五个部分可以有条理的帮助我们制定好的营销策略
• N(Need，需求):设计一个直观的，具体的，对用户友好的平台显示选手排名，正式比赛结果等信息，同时具有排名，每日赛程，详细赛况，晋级图功能，并在此基础上增加新功能。
• A(Approach，做法):设计了一个首页导航方便用户索引，其中导航栏包括首页，排名，每日赛程，晋级赛，新闻选项；每个页面都有该导航栏，可以在任意页面进行与其他页面之间的跳转；在每日赛程页面中，展示了不同选手的个人信息和成绩，获胜者高亮显示，点击每场比赛就可查看详细赛况，点击日期实现查看不同天的每日赛程；晋级赛页面显示选手比分，晋级者高亮显示；首页增加了部分新闻预览，可以点击”all news“查看更多新闻。
• B(Benfit，好处):页面简洁明了，方便用户查看信息；网页不需要注册也能使用，无需担心个人信息安全问题；信息全面详细，有助于用户了解比赛和选手；操作简单，适用于绝大多数群体。
• C(Competitors，竞争):主要的竞争对手还是各大官方媒体关于体育赛事的网站，这些网站一般成立时间长，用户群体多，且拥有一套较为成熟的运营方式；关于我们原型的竞争优势，我们的原型只包含了澳网的相关赛事信息，没有其他多余的要素，对于只想查看澳网信息的用户体验良好。
• D(Delivery，推广):可以在社群中进行宣传，如微信群和qq群，也可以在社交媒体网站上发表网站的演示进行引流，如贴吧，微博等，或者将演示做成视频发布到视频网站上进行宣传和推广，如bilibili。

五、遇到的困难以及解决方式

5.1Axure的安装

• 困难描述：上网搜索时发现Axure有好几个版本，而且不同版本不仅有功能差异，各个版本的Axure制作出来的原型源文件还互相不兼容，也就是说通过Axure10制作的原型文件无法用Axure9打开。
• 解决方法：最后统一意见安装了Axure9来制作原型
• 收获：当发现可能存在分歧的地方时，要及时联系交流，可以节省时间

  5.2 Axure的使用

• 困难描述：安装好后，发现Axure9的页面是全英文，虽然不至于完全看不懂，但是语言不同会很大程度地影响开发速度，而且Axure9有使用期限，未授权只能使用30天，对于往后开发过程长期的原型制作不利。Axure9之前大家都没接触过，完全不知道从什么地方开始设计和制作原型
• 解决方法：为了方便开发，在网上搜索到了Axure9的汉化包，把对应的汉化文件复制进Axure9的安装目录后，软件的页面就变成中文了；关于授权，还是同样地在网上搜索到了自动生成授权码的软件，选择对应的版本输入授权码之后，Axure9就可以永久免费使用了；至于如何使用Axure9，就是观看网上的教学视频，一边学，一边跟着视频的演示做，这部分主要看的是b站上的黑马程序员的Axure9教学视频。
• 收获：要善于利用搜索工具和网络资源，软件的使用中遇到困难可以上网搜索遇到的问题，如果对于软件如何上手完全没有头绪，不要自己一个人瞎鼓捣，看网上的教程视频可以少走很多弯路，还有就是下载软件最好走官方渠道，第三方网站的安装包有可能无法使用甚至根本就不是我们想用的软件的安装包，上网下载时也要仔细甄别，之前因为下错了汉化包导致Axure9打不开只能卸载重装。

  5.3 结对分工问题

• 困难描述：因为是第一次结对作业，而且之前也从来没有接触过原型设计相关的知识，所以一开始的时候连要做什么都不清楚
• 解决方法：在进行分工之前，先自行学习了原型相关的知识，然后确定了原型设计要使用的软件，最后跟队友在qq上交流确定了各自负责的部分。
• 收获：其实结对作业，每个人都是第一次接触，原型设计大家都要从零开始学，没有必要去排斥跟别人合作交流，在今后工作时也需要跟同事交流合作，在大学期间培养交流合作意识，并运用到学习工作中可以提高效率。

六、PSP表格以及效能分析

6.1PSP表格

PSP	Personal Software Process Stages	预估消耗时间（分钟）	实际消耗时间（分钟）
计划	Planning	30	单元格
•估计这个任务需要多久	•Estimate	5	5
开发	Development	800	900
•需求理解与分析	•Analysis	40	30
•选择原型设计工具	•Tool Choice	5	5
•原型设计工具学习	•Tool Learning	400	300
•结对讨论	•Group Discussion	30	30
•原型界面设计	•Concrete Design	600	600
•设计复审及改进	•Design Review	20	10
•撰写博客	•Reporting	100	120
•计算工作量	•Size Measurement	10	15
•事后总结	•Postmortem	10	15
总计		2020	2030

6.2效能分析

因为是第一次进行原型设计，所以在决定使用Axure9进行原型设计后，还花了部分时间去学习Axure9的使用,设计原型比预想中的要花时间，原本以为有了原网站的界面作为参考，可以减少一部分设计构思页面布局和功能实现的时间，但是因为软件使用熟练度的问题，所以在开发的时候会遇到各种意想不到的问题，而且原型的设计有时还要在加入图片，网页图片素材的获取比想象中的更花时间，要如何对文字和图片进行排版也要花时间考虑，有时候在软件中放置好了图片和组件的位置，但在网页预览中呈现的又跟想象中的不同，为了达到预期效果，又要花时间去重新调整页面的布局。

七、结对体验

7.1 沟通和讨论

7.2 评价和感受

• 222000333评价：LMH同学在合作方面一直很配合，虽然交流不多，但是信息回复地很及时，同时动手能力也很出色，学Axure学得很快，共同分担设计原型设计的同时，也弥补了我审美不足的缺点，值得我学习。
• 222000333感受：毕竟是第一次结对合作，还是跟完全陌生的同学一组，所以可能在交流沟通上有些缺失，导致在一些方面的统筹安排出现了问题，希望第二次结对作业的时候能够改善解决这个问题。
• 222000118评价：XY同学务实且靠谱，说话少做事多。不同于我注重实际工作而轻视编写博客，XY同学不但实际工作完成得好，博客的内容和排版也十分优秀。
• 222000118感受：在我之前几次的团队实践经历中，我大多是团队里不得已挺身而出的那一位，而这次实践终于久违得体会到了被大佬带飞的感觉，XY同学是个很靠谱的工作伙伴，这次的结对作业中，她不但提前做完了自己的部分，还把我的部分工作也做完了。但这未尝不是沟通缺乏导致的结果，事实上我并不喜欢一个团队只是由一个人带动的，希望接下的工作中能够更好的沟通协作，更好的发挥团队的力量。