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

[222100335廖晨旭]

这个作业属于哪个课程	2302软件工程社区
这个作业要求在哪里	结对第一次作业--原型设计
结对学号	222100330，222100335
这个作业的目标	根据客户描述的现实困扰，以共同发布一份博客随笔的形式，设计一套方案，向客户推销。理解客户的需求、提供给客户可行的优化的使用建议，给出原型模型，并提供大概的解决方案预期规划。
其他参考文献	《构建之法》，Axure使用教程

文章目录

• 1.原型地址
• 2.设计方案
• 2.1理解客户需求（Need）
• 2.2方法设计（Approach）
• 2.3客户使用的好处(Benefit)
• 2.4竞争(Competition)
• 2.5推广(Delivery)
• 3.模型设计
• 3.1设计过程
• 3.2设计成果
• 首页
• 选手排名
• 每日赛程
• 奖牌榜
• 精彩瞬间
• 4.遇到的困难及解决方法
• 4.1技术性的困难
• 4.2设计方案的困难
• 5.PSP表格和效能分析
• 5.1PSP表格
• 5.2效能分析
• 6.结对总结
• 6.1结对过程
• 6.2相互评价

---

1.原型地址

原型地址

2.设计方案

以下是方案的概述：

2.1理解客户需求（Need）

客户需要一个平台，能够直观地看到选手信息、正式赛每日结果等，其中主要包括选手排名、每日赛程和详细赛况。

2.2方法设计（Approach）

前端展示：使用工具Axure Rp9创建原型，来构建一个响应式网站，确保用户在各种设备上都有良好的体验。

功能实现：

• 选手排名
  设计一个清晰的排名界面，展示女子1m跳板决赛的排名。包括列项：总排名、国家、运动员、年龄、得分。主要参考作业给出的排名界面设计，以表格形式展现。

• 每日赛程
  实现一个日期下拉菜单，计划使用户可以选择日期查看当天的赛程，每日赛程展示比赛类型和比赛时间。并提供一个详细赛程页面，通过点击某一天的赛程可以访问。

• 奖牌榜
  直观展示了各国获得的金牌，银牌，铜牌数，最后还显示了获得奖牌总和，并进行排序形成奖牌榜单。

• 精彩瞬间
  在这一个界面放置了一个总共五张比赛图片的轮播图，每4000ms切换一次图片，可以观看比赛的精彩瞬间。

2.3客户使用的好处(Benefit)

相当于提供了一个一站式的解决方案，方便快捷地获取赛事信息，极大提升客户体验感。

2.4竞争(Competition)

市场上已有多个体育赛事信息平台，包括专注于体育赛事的新闻网站（新浪体育等）、体育数据分析平台（SofaScore、FlashScore等）和官方赛事网站和应用（国际泳联（FINA）等），但可能缺乏一些差异化的内容，为用户提供独特的价值。

因此，我们未来也许可以为客户提供一些特殊服务：
（1）个性化体验：提供用户个人化定制的服务，如订阅特定国家或选手的比赛更新、成绩通知和背后故事。利用机器学习技术分析用户行为，推荐可能感兴趣的比赛和新闻。
（2）社区互动功能：构建一个围绕赛事的社区，允许用户发表评论、分享比赛观后感和预测比赛结果。增设问答区，邀请专业游泳运动员或教练解答粉丝问题，增加用户参与感和归属感。
（3）多语言支持和地区定制：针对不同地区的用户提供多语言版本，包括赛事信息、新闻报道和用户界面。根据用户所在地区定制相关赛事的推送和信息展示，提高平台的国际化程度和用户友好性。
（4）合作与伙伴关系：与游泳运动品牌、训练营和体育媒体建立合作，提供专业装备推荐、训练技巧分享以及最新游泳资讯。这种跨界合作不仅能为用户带来更多价值，也能增加平台的内容丰富度和专业度。

2.5推广(Delivery)

如果我们需要对这个项目进行推广的话，我们觉得应该通过下列方案来合理推广：

• 社交媒体营销
  利用社交媒体平台：在微博等社交媒体平台上创建账户，定期发布赛事更新、幕后故事和互动内容来吸引关注者。
  合作与影响者营销：与游泳、体育和健康生活方式相关的社交媒体影响者合作，让他们分享平台的内容或提供专属优惠码给他们的粉丝。

• 内容营销
  创建高质量内容：制作包括比赛预览、选手专访、技术分析和历史回顾在内的高质量内容，通过博客、视频和播客形式发布。
  搜素优化：确保所有内容都针对相关关键词进行了优化，以提高在搜索引擎中的排名，吸引更多有意向的用户。

• 线下活动
  参与体育赛事和展览：在相关的游泳赛事、展览和会议上设立展位，直接与体育迷和潜在用户互动。
  主办观赛派对或论坛：组织线下活动，如游泳世锦赛观赛派对或体育论坛，增加用户参与度和品牌曝光。

---

3.模型设计

采用的设计工具：Axure RP 9

3.1设计过程

首先具体参考了诸如Axure原型设计进阶教程(40个案例原型)这样的教程，边学边根据WORLD AQUATICS官网的排版，对界面进行了初步排版。然后对界面进行了拓展，分别加入了选手排名、每日赛程、奖牌榜和精彩瞬间。最后对界面进行了个性化完善。

3.2设计成果

首页

首页放置了三张风景图，可通过点击左右侧按钮进行图片切换，并且可以通过中间的导航栏进行页面跳转，总共首页，选手排名，每日赛程，奖牌榜，精彩瞬间五个页面。

---

选手排名

点击下列比赛项目图标，可进行比赛结果的伸缩展示，展开比赛结果后还可以点击上方的Final和Preliminary进行初赛和决赛比赛结果的切换。此外，我还添加了第一位选手比赛成绩右侧的+号按钮，点击后可以展开她的详细比赛成绩。

---

每日赛程

该页面中加入了可以选择日期的下拉菜单，通过日期查询自己想看的比赛。点击比赛图标后可以跳转至选手排名界面查看比赛信息。

---

奖牌榜

直观展示了各国获得的金牌，银牌，铜牌数，最后还显示了获得奖牌总和，并进行排序形成奖牌榜单。

---

精彩瞬间

加入了总共五张比赛图片的轮播图，每4000ms切换到下一张图片

---

4.遇到的困难及解决方法

4.1技术性的困难

在学习和使用Axure RP9的过程中，我们遇到了许多技术性问题，这带来了不少挑战。作为第一次进行这个原型设计的初学者，我们对Axure RP9的功能和操作并不是很熟悉，因此在实际操作中遇到了诸多困难。其中，最显著的问题之一是在界面样式的设计阶段遇到了诸多困难，尤其是表格等结构的设计美观性不尽如人意。使得我们意识到在原型设计过程中，细节的处理至关重要，直接影响到用户体验和整体设计质量。我们为了解决这一问题，花费了大量时间研究软件的操作方法和界面设计原则，尝试不断调整和优化界面设计，使其更加符合用户审美和操作习惯。

另一个技术性问题是在查询比赛结果时需要用到下拉菜单，一开始对于此项功能完全无从下手，陷入了瓶颈期。经过多次的尝试和失败后，我们决定系统性地学习相关知识和技巧，包括查阅官方文档、观看教学视频以及向有经验的同行请教。通过不懈努力和持续的学习，最终成功解决了下拉菜单的创建和处理问题。

第三个技术性问题是在建立各种交互功能时，发现自己并不够熟练完成各种交互关系，导致交互关系的设计有些混乱，甚至出现了一些bug。为了应对这一挑战，我们决定采取更加系统化的方法来规划和设计交互功能。我们对各种交互关系进行了全面梳理和分析，确保每一个交互功能都能够流畅、准确地实现预期效果。同时，我们还利用草稿图清晰展示各组件之间的交互关系，以便更好地管理和调整设计方案。经过持续的努力和改进，我们逐渐提高了对Axure RP9的熟练程度，不仅解决了之前遇到的问题，还为今后的项目积累了宝贵的经验和技能。

总的来说，通过克服一系列技术性问题，我们不仅提升了对Axure RP9工具的掌握能力，也加深了对原型设计和交互功能设计的理解和实践经验。这一过程不仅是知识的获取和技能的提升，更是团队合作和问题解决能力的锻炼。在未来的作业中，我们将继续不断学习和改进，不断完善自身设计能力。

4.2设计方案的困难

在项目中遇到方案上的难题是一个常见的挑战，特别是对于我们这种没有太多项目经验的团队。一开始意识到最初设计的方案可能有些粗糙，缺乏细致和直观性，于是深刻认识到方案设计的重要性。为了克服这个问题，我们通过查阅资料和研究网上的项目案例，学习和借鉴了他人的经验。

首先，我们深入研究了相关领域的设计原则和最佳实践，以确保方案的可行性和用户友好性。还分析了类似项目的成功案例，并从中汲取了一定的灵感，将其应用到我们的设计方案中。通过梳理和整理各种设计要素，逐渐完善了方案的内容和结构，使其更加细致和直观。

其次，我们意识到方案设计需要与团队成员进行充分的讨论和沟通。在项目初期，我们多次讨论，共同分享想法和意见。也和其他结对小组交流，我们获得了更多的视角和建议，有助于改进和优化方案。这一过程不仅促进了团队合作，还提高了方案设计的质量和效果。

在实际操作过程中，也发现了一些值得注意的经验教训。我们意识到在设计方案之前，需要充分了解项目的需求和目标，明确设计的目的和意义。这样可以避免盲目设计和频繁修改，节省时间和精力。

其次，我们学会了时刻保持开放的心态，接受他人的建议。通过积极接纳反馈意见并进行改进，我们不断完善方案，使其更加符合项目需求和用户期望。

最后，我们还认识到方案设计是一个渐进的过程，需要不断调整和改进。即使我们已经完成了一个较为满意的方案，仍然需要持续关注和评估其效果，并根据实际情况进行适当的调整和优化。

总结起来，通过面对方案设计上的困难和挑战，我们不仅获得了宝贵的经验和教训，也提升了团队的设计能力。这次项目经历让我们更加深入地理解了方案设计的重要性和技巧，为未来进一步的设计提供了有力的指导和基础。我们将继续积极学习和成长，不断提升自己的设计水平，为后面的项目呈现出更加满意的方案。

---

5.PSP表格和效能分析

5.1PSP表格

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
•Planning	计划	20	20
• Estimate	• 估计这个任务需要多少时间	5	5
• Analysis	• 需求分析 (包括学习新技术）	30	30
• Discussion	• 结对讨论	20	20
• Design	• 界面原型设计	100	100
• Improvement	• 原型改进	180	298
• Reporting	• 报告	120	120
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	60	60
	合计	535	653

5.2效能分析

可以看出我们在原型改进上实际花费的时间远超期望的时间。
我们对此结果的分析主要为：

• 设计方案过程中没有一个很明确的目标，导致设计过程有些迷茫，没有一个确定的方向支持我们的高效开发。
  • 分析原因：对设计项目方案的步骤和流程不熟悉，可能会花费较长时间来弄清楚应该从何处开始、如何制定计划。
  • 改进方法 ：在开始制定设计项目方案之前，与队友或是同学进行充分的沟通，确保对项目目标和需求有清晰的理解，避免后续在设计过程中频繁修改。
• 学习原型设计工具所花费时间较高，严重降低了原型设计的速度，导致该子任务效率低下
  • 分析原因：原型设计工具通常功能复杂，需要一定时间学习掌握，如果团队成员不熟悉工具，则会耗费大量时间在学习上，而非实际设计工作上。
  • 改进方法：通过不断学习、实践和尝试，逐渐提高原型设计的效率和质量。
• 界面原型设计美观性难以把控，需要耗费相当大的时间优化界面内容，使其看起来工整美观，结构严明。
  • 分析原因：我们缺乏对美学和界面设计的深刻理解，导致设计出的原型难以保证美观，需要反复修改和优化。
  • 改进方法：通过不断学习、实践和尝试，逐渐提高原型设计的效率和质量。

---

6.结对总结

6.1结对过程

6.2相互评价

222100330黄舒怀：和结对伙伴的合作过程是一次愉快的经历，廖晨旭同学很可靠，对自己负责的部分非常尽心尽力，完成这次结对作业的效率很高，我们能相互交流以及和别组讨论，廖晨旭还专门选择了风格较为美丽的二次元插图。对于最后的成果我也很满意。

222100335廖晨旭：这次作业的分工大大提高了我的效率，黄舒怀是一个组织安排能力较强，且善于表达的人，非常靠谱地完成了他的部分的内容，我们共同做出了一个较为满意的项目。