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

这个作业属于哪个课程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表格

PSPPersonal Software Process Stages预估耗时(分钟)实际耗时(分钟)
Planning计划3015
• Estimate• 估计这个任务需要多少时间3015
Development开发350500
• Analysis• 需求分析3040
• Learning• 学习原型设计工具100110
• Discussion• 结对讨论4050
• Design Spec• 生成设计文档3035
• Design• 界面原型设计100180
• Test and Improvement• 原型测试与改进5085
Reporting报告100150
• Achievements Exhibition• 原型成果展示4070
• Problem Analysis & Postmortem• 问题的分析和事后总结6080
合计480665
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值