这个作业属于哪个课程 | 2023软件工程 |
---|---|
这个作业要求在哪里 | 结对第一次作业–原型设计 |
这个作业的目标 | 设计一个平台,通过图表等形式来直观显示选手信息、正式赛每日结果等 |
结对名单 | 222100219、222100220 |
其他参考文献 | … |
1. 原型地址
2. NABCD模型的详细说明
N (need,需求分析)
上次我们的输出结果只是通过简单的文字来显示,不够直观、具体,对用户不够友好。因此在本次作业里,我们希望能设计一个平台,通过图表等形式来直观显示选手信息、正式赛每日结果等。平台应具备以下功能:
- 选手排名
- 只需完成Women 1m Springboard决赛的排名,需要展示Overall Rank,Country,Athlete,Age,Points
- 每日赛程
- 展示每一天的赛事,显示比赛类型(男子1m跳板,女子10m跳台等),参与选手和比赛时间
- 支持通过切换日期查看不同的赛程
- 支持点击查看详细赛况
- 详细赛况
- 示比赛的成绩,包含本场比赛参赛选手,选手排名,比赛积分,落后积分等
A (Approach,做法)
- 平台功能设计:为了满足上述需求,我们设计了一个集选手排名、每日赛程和详细赛况于一体的平台。平台采用直观的图表形式展示数据,便于用户理解和分析。
- 用户界面设计:界面布局清晰,色彩和字体统一,图标易于识别,以提供良好的用户体验。
- 交互设计:通过定义操作流程、页面跳转逻辑和交互元素,确保用户能够顺畅地在平台中导航和操作。
B (Benefit,好处)
- 信息全面:平台提供选手排名、每日赛程和详细赛况等全面信息,满足用户的不同需求。
- 直观展示:通过图表等形式直观展示数据,帮助用户快速理解和分析比赛情况。
- 良好体验:平台界面美观、操作便捷,提供良好的用户体验。
C (Competition,竞争)
1. 识别竞争对手
- 直接竞争对手:这些平台提供类似的功能和服务,满足相同或相似的用户需求。它们可能已经在市场上建立了品牌认知度,并拥有一定的用户基础。
- 间接竞争对手:虽然这些平台提供的服务与我们不完全相同,但它们可能吸引了同一目标群体的注意力,从而构成潜在的威胁。
2. 分析竞争对手的优劣势
- 优势:竞争对手可能拥有更多的资源、更广泛的用户基础、更强大的品牌知名度等。这些优势使它们更容易吸引用户和市场份额。
- 劣势:尽管竞争对手可能有很多优势,但也可能存在一些不足,如用户界面不够友好、功能不够全面、数据更新不及时等。这些不足为我们提供了机会,可以通过满足这些未被满足的需求来脱颖而出。
3. 制定竞争策略
- 差异化竞争:强调该原型设计与其他平台的区别,突出其独特的功能、更优质的用户体验或更全面的数据覆盖。
- 持续创新:关注市场变化和用户需求,不断优化和创新平台,以保持竞争优势。
- 定期对竞争对手进行分析和评估,了解它们的动态和变化。根据竞争对手的策略调整,及时调整自身的竞争策略,以确保在竞争中保持领先地位。
D (Delivery,实施)
- 原型迭代与优化:需要根据用户反馈、功能测试结果或其他数据,对原型进行迭代和优化。
- 整合和利用各种资源:在学校的游泳队和游泳馆进行宣传,发布问卷调查网站的使用情况
- 用户群体:利用抖音、b站、微博等传播平台,进一步拓展用户
3. 原型设计
3.1 开发工具
本次原型设计的开发工具:墨刀
3.2 设计过程
3.2.1 需求分析
- 确定核心功能:选手排名、每日赛程、详细赛况。
3.2.2 界面布局设计
- 仿照世界游泳锦标赛进行设计
- 确定蓝白的色彩基调,确保界面风格统一且易于识别。
3.2.3 功能页面设计
- 选手排名
- 设计排名列表,展示选手姓名、排名、得分等信息
- 每日赛程
- 设计赛程日历,展示每日比赛时间、地点、参赛选手等信息
- 提供赛程详情页面跳转按键,展示具体比赛的赛制、规则等信息。
- 详细赛况
- 设计赛况详情页面,展示比赛实时数据、选手得分等信息
- 集成表格展示,直观展示比赛数据
4. 结果汇报
4.1 原型介绍
4.1.1 首页
- 图片展示
- 描述:首页设置了一组轮播图,用以滚动播放赛事相关图片;顶部设置导航栏,可以链接至选手排名等其他界面。
4.1.2 选手排名
-
图片展示
-
描述:选手排名页面顶端同样设置了基础导航栏;其次,设置了下拉列表,提供选项给用户切换比赛项目;通过按键可以切换各项赛事的决赛与半决赛的选手排名;下方用表格展示了选手的Overall Rank,Country,Athlete,Age,Points。
4.1.3 每日赛程
-
图片展示
-
描述:导航栏设置与选手排名一致;同时设置了日历模块,通过点击具体的日期来获取当天的赛程,显示比赛类型(男子1m跳板,女子10m跳台等),参与选手和比赛时间,同时设置了【赛事详情】按键跳转至【详细赛况】的页面。
4.1.4 详细赛况
-
图片展示
-
描述:详细赛况页面顶端同样设置了基础导航栏;其次,设置了下拉列表,提供选项给用户切换比赛项目;通过按键可以切换各项赛事的决赛与半决赛的选手排名;下方用表格展示比赛的成绩,包含本场比赛参赛选手,选手排名,比赛积分,落后积分等。
4.2 遇到的困难及解决方法
困难1
- 困难描述:原型设计工具的学习
- 尝试解决:通过学习墨刀官方给出的文档与教程进行学习,但觉得学习周期较长,于是在B站上搜索墨刀使用教程,通过观看视频更加直观快速地熟悉墨刀是使用方式。
- 是否解决:解决了墨刀的入门使用,更深入的使用方法还需进一步的学习。
- 收获:学习了新的技术点,了解了原型设计的基本步骤。
困难2
- 困难描述:在尝试实现所有功能时,发现设计变得过于复杂
- 尝试解决:
- 功能优先级划分:明确哪些功能是核心的,哪些是次要的,优先设计核心功能。
- 简化设计:尝试简化界面和交互流程,去除不必要的元素,使设计更加清晰和直观。
- 是否解决:是,通过优先级划分和简化设计,我们可以降低设计的复杂度,提高用户的体验
- 收获:设计思维提升:学习如何在满足用户需求的同时,保持设计的简洁和高效。
困难3
- 困难描述:某些设计以当前技术水平难以实现
- 尝试解决:调整设计,在必要时调整设计,以适应技术实现的可能性
- 是否解决:部分解决,某些设计进行了妥协或调整,并可以找到可替代的解决方案。
- 收获:技术知识增长,了解不同技术的限制和可能性
困难4
- 困难描述:组内队员存在意见分歧
- 尝试解决:参考赛事官网,确定原型设计期望;通过讨论解决分歧
- 是否解决:是,最后统一了原型设计意见
- 收获:在讨论不同意见的过程中,获得了更全面的用户视角,站在用户视角去进行原型设计,提高了交互性和易用性。
5. 效能分析
5.1 结对过程
- 任务分配:
- 页面设计:参考助教给出的页面进行布局,划分了各自负责的页面并确定了原型设计的大致风格。
- 博客撰写:根据页面设计的分工撰写各自负责的部分,最后进行整合。
5.2 结对感受及队友评价
- 对222100219的评价:跟队友的合作和交流十分愉快,对于原型的设计提出了很多有用的意见,同时分工的效率也很高。希望我们能继续共同努力合作,应对接下来的结对任务。
- 对222100220的评价:队友的能力是毋庸置疑的,在提出问题的时候能够及时地去解决;讨论问题时会勇于提出自己的看法,哪怕存在意见分歧也可以进行很好的沟通,这为我们完成本次结对作业提供了很大的帮助。
5.3 效能分析
- 设计直观性与易用性:我们认为该原型设计直观且易于使用,在设计过程中充分考虑了用户的体验,使原型更加符合用户的操作习惯。
- 需求满足度:该原型设计有效地满足了本次作业的基础需求。
- 在原型设计的过程中,我们投入了大量的时间,主要原因在于初期对原型设计工具的不熟悉。因此,我们不得不在学习的过程中不断实践,这大大降低了我们的工作效率。尽管面临诸多挑战,但总体来说,本次作业进展顺利,这得益于我们团队的共同努力和不断的学习实践。
6. PSP表格
PSP | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 30 | 15 |
• Estimate | • 估计这个任务需要多少时间 | 30 | 15 |
Development | 开发 | 350 | 500 |
• Analysis | • 需求分析 | 30 | 40 |
• Learning | • 学习原型设计工具 | 100 | 110 |
• Discussion | • 结对讨论 | 40 | 50 |
• Design Spec | • 生成设计文档 | 30 | 35 |
• Design | • 界面原型设计 | 100 | 180 |
• Test and Improvement | • 原型测试与改进 | 50 | 85 |
Reporting | 报告 | 100 | 150 |
• Achievements Exhibition | • 原型成果展示 | 40 | 70 |
• Problem Analysis & Postmortem | • 问题的分析和事后总结 | 60 | 80 |
合计 | 480 | 665 |