这个作业属于哪个课程	2401_CS_SE_FZU
这个作业要求在哪里	软件工程实践结对作业第一次——原型设计
结对学号	222200329 222200401
这个作业的目标	完成原型设计结对作业、撰写博客
其他参考文献	CSDN、《构建之法》

目录

1. 原型设计地址

墨刀原型分享

2. 阅读《构建之法》

通过《构建之法》第三章的学习，我们意识到，沟通不仅仅是信息的传递，更是思维碰撞和相互启发的过程。它能够提高团队的效率，解决问题的同时也帮助个人成长。对于软件工程师来说，技术固然重要，但沟通能力同样不可或缺。团队开发中的每一个成功，都离不开良好的沟通合作。作业开始初期，我们通过交流沟通确定好分工。原型设计过程，我们通过交流，发现不足和完善细节。文档撰写过程中，我们通过交流沟通完成了整篇文档。交流沟通帮随着我们这次作业的始终，所以说交流与沟通是非常重要的。

3. NABCD

“NABCD”是由Need、Approach、Benfit、Competitors、Delivery五个单词的首字母组成，分别指需求、做法、好处、竞争、推广五部分。通过这五部分，可以清楚简明的把项目的特点概括出来。

3.1 N (Need,需求)

解释：识别市场或用户需求。项目或产品是否解决了用户的痛点，是否有明确的市场需求，是产品成功的基础。

上次的版本只是通过简单的文字来显示信息，不够直观、形象，对用户不友好，为解决这个痛点。我们通过设计一个平台，用图形动画的形式来表示奖牌榜、比赛日程等信息。

3.2 A (Approach,方法）

解释：描述如何满足这些需求，采用什么技术或方案来实现。项目的技术实现方案是否合理、有效，是项目是否顺利开展的重要因素。

设计工具：我们通过原型设计工具墨刀来设计。
功能模块：有首页、奖牌榜、比赛日程、出战列表、详细赛况、对阵表、了解更多等模块。

3.3 B (Benefit,收益）

解释：项目或产品为用户和市场带来的收益是什么？

用户：提高了用户的体验性，通过图形展示，是的数据能够更加直观地传达给用户，被用户吸收。
市场：使得产品元素多元化，促使自己和其他竞争不断提高产品质量，提高竞争力。

3.4 C (Competition,竞争）

解释：市场上是否有类似的产品或竞争者？如何面对竞争，项目是否具有竞争力，是否能形成差异化优势。

竞争对手：Olympics官网、第三方平台
竞争优势：

• 快捷：通过我们的平台可以快速查询奥运赛况。
• 优雅：画面优雅，使用我们的平台，可以给用户舒服的体验。
• 简洁：平台简介无广告，让用户能更专注与奥运赛况，避免被其他事务影响，从而降低了用户体验。

3.5 D (Delivery,交互）

解释：项目的交互方式及执行计划，包括开发周期、资源分配和市场推广策略。确保项目能够按时、按质交付并推向市场。

推广：通过QQ空间、微信朋友圈等渠道推广。、
定期更新：通过更新，不断优化平台，给予用户更好的体验。

4. 模型设计

4.1 开发工具

此次原型设计采用墨刀这个专用的设计工具。墨刀提供了一种脱离传统PRD文档的产品表达方式，即在制作的原型周围书写产品逻辑、规则，快速的完成“简易PRD“，把整个需求到研发的周期缩短很多。帮助我们完成此次原型设计。

4.2 原型设计过程及成果

• 需求分析：确定全部需要完成的模块，包括首页，查询奖牌榜，赛事日程，详细日程，对战表，了解更多。
• 初步制定框架：确定初步的原型框架的设计，页面布局以及功能的交互方式。
• 进步原型设计：确定组件的颜色，尺寸等详细信息，并且进行原型设计。
• 最终设计优化：仔细调整页面布局，使得原型设计更加完善。
• 成果展示：我们完成了2024巴黎奥运会原型设计，包含了所有核心功能模块。

5. 结果汇报

5.1 成果展示

1. 首页

简单展示巴黎奥运会，可导航到其他页面。

2. 奖牌排行榜

滚动屏幕，可以查看不同国家的奖牌获取情况。

3. 每日赛程

可以切换日期，查看不同时间的赛程信息。

4. 赛况

可以切换不同的组，也可查看出赛名单、比赛详情、团队数据和运动员数据。

5. 对阵表

可以切换男足和女足的对阵表。

6. 了解更多

关于2024年巴黎奥运会的英文介绍。

5.2 遇到的困难与解决办法

第一次使用墨刀这个原型设计工具时，遇到的困难和解决方法。

• 困难描述

  • 初次使用
    原型设计工具墨刀包含大量的功能和选项，初次使用需要一段时间来熟悉这些工具的使用方法。
  • 缺乏设计灵感
    在设计过程中，会遇到创意瓶颈，难以产生新的设计想法，纠结如何展示内容，尤其是同时展示大量数据。
  • 原型保真度不足
    原型过于简单或粗糙，无法准确反映最终产品，看起来也不美观，需要仔细调整。
  • 交互逻辑不清晰
    原型中的交互逻辑可能不够明确或易于理解，用户难以使用，不能快速准确查找到相关信息。
  • 组件复杂交互
    为了更好的展示内容和实现人机交互，就需要复杂的组件交互，这种组件不好实现，实现起来也很繁杂。
  • 组件复用
    一些通用组件或者同类组件会在不同的地方使用，为了提高实现效率，需要采取合适的措施来复用组件。

• 解决方法

  • 查看官方文档和教学
    为了快速上手墨刀，我们选择观看官方的使用教程，有图文教程和视频教程。实践是最好的老师，除了观看官方使用教程，我们同时也通过实际操作来加深对工具的理解。
  • 上网查询或沟通
    浏览设计网站、社交媒体平台或设计杂志，寻找灵感和创意。与团队成员进行头脑风暴，集思广益。
  • 团队沟通
    根据项目需求和时间限制，确定合适的保真度水平。提高原型的质量和细节,与开发团队保持沟通，确保原型符合技术实现的要求。
  • 交互说明
    绘制详细的流程图或故事板，明确用户的操作流程和页面跳转关系。使用交互说明或注释来解释复杂的交互逻辑。
  • 查找相关教程
    通过互联网查找相关教程，然后根据实际情况进行修改，最后通过墨刀自带的功能和组件来实现。
  • 封装组件
    将同类组件封装在一起，直接或简单修改后就能使用，显著提升开发效率。

5.3 收获

• 增强沟通能力
  在设计过程中，需要将抽象的概念转化为具体的界面元素，并展示给其他团队成员。通过原型设计的讨论和反馈，团队成员可以共同探讨问题、分享想法，从而加深对产品的理解和认识。
• 培养创新思维
  在设计过程中，需要不断思考如何优化用户体验、提高产品性能以及降低成本等问题，这有助于培养的创新思维和解决问题的能力。同时，通过与其他团队成员的交流和合作，还可以从不同的角度和视角看待问题，拓宽自己的思维视野。

6. 结对过程

6.1 结对照片

6.2 贡献度情况

6.2.1 222200329徐文彬（50%）

• 负责原型设计的首页、奖牌榜、对阵表、了解更多模块的设计。
• 负责文档部分的撰写。

6.2.2 222200402丁昌彪（50%）

• 负责每日赛程和赛况的原型设计。
• 负责文档剩余部分的撰写。

6.3 队友互评

6.3.1 222200329徐文彬对222200401丁昌彪的评价

我对我的队友丁昌彪充满感激。在合作中，他表现得非常出色，能够及时解决技术上的难题，并对项目进度产生了积极的推动作用。无论是在讨论技术实现还是优化细节时，他都展现出了卓越的沟通能力和专业水准。

6.3.2 222200401丁昌彪对222200329徐文彬的评价

我的搭档在本次合作表现得十分出色，他的组织能力和对细节的关注真是令人印象深刻。每次会议，他都能迅速抓住关键点，确保每个人都清楚自己的任务和目标。而且，他总能在关键时刻提出创新的解决方案，帮助我们克服了一个又一个挑战。在他的配合下，我们顺利完成了此次作业。

7. PSP

PSP阶段	详细描述	预估时间(分钟)	实际时间(分钟)
任务阅读	阅读任务细节	30	25
需求分析	分析设计的需求	240	180
工具学习	对墨刀相关功能的学习	360	300
结对讨论	和队友沟通设计需求，以及分工	120	180
原型设计（一）	首页设计	90	90
原型设计（二）	奖牌榜设计	120	90
原型设计（三）	每日赛程设计	150	180
原型设计（四）	详细赛程设计	120	150
原型设计（五）	对战列表设计	90	150
原型设计（六）	对阵图设计	60	90
原型设计（七）	了解更多设计	60	60
调整修复设计	进行一些细节的处理和bug的修复	120	180
文档撰写	撰写文档	900	840
总计		2460	2515