UX设计：使用proto.io进行强大的原型制作
我是一名UX设计师，并被一位私人客户要求为iOS设计网球比赛追踪器。
左侧的消耗性滚动摘要显示了“ 我的玩家”部分，用户在其中添加通常跟踪其比赛的那些孩子。
这是“ 新比赛”部分，这是用户开始比赛的捷径，而无需先创建有关球员，位置和日期/时间的信息的比赛记录。
第三部分显示了接下来的七天内用户的玩家即将进行的比赛。
左侧是展开的“ 我的玩家”部分。
用户可以在此处向该部分添加其他玩家，并获得最重要玩家信息的概述。
用户还可以从此处访问“ 玩家”页面，在该页面中管理所有玩家（ 我的玩家和其他玩家）。
玩家页面的主要访问点是通过主页底部工具栏中的组符号。
展开的即将进行的比赛部分显示了球员的姓名，日期，星期几，时间和位置。
在这里，用户还可以通过点击浮动操作按钮来添加将来的比赛。
轻触展开部分中的任意位置可打开日历页面，通常可通过页面底部工具栏中的日历图标访问日历页面。
消耗性的过往比赛部分允许用户快速访问上周比赛的比赛分析。
Lee的最新比赛和Maud的最新比赛显示了Lee的最后一场比赛最重要的比赛统计信息的概述。 当用户点击卡片时，卡片会展开以更详细地显示匹配分析。 用户可以从扩展卡中访问其他比赛的比赛分析以及Lee的发展分析。
用户决定要在首页上显示哪些匹配分析。
该用户的滚动供稿的最后部分概述了过去两个季度中该用户的玩家的Win总结 ：
球员，他们的比赛及其比赛分析采用颜色编码和颜色匹配，以便用户可以快速找到他们感兴趣的球员信息。用户可以决定哪种颜色属于哪个球员。 例如，在这里，李是蓝色，莫德是橙色。
未包括在“ 我的玩家”列表中的对手将以浅灰色进行颜色编码。
胜出摘要显示了每个用户的“ 我的玩家 ”在当前和最后一个季度中获胜和输掉的比赛数。
如果用户在“ 我的玩家”列表中有四个以上的玩家 ，则仅显示当前的四分之一比赛结果。
要开始跟踪比赛，用户点击要跟踪的比赛旁边的开始按钮。
要查看匹配条目的信息，用户点击匹配条目。
要创建新的匹配项，用户点击浮动操作按钮。
当用户点击开始按钮时，将出现一个模态对话框，要求用户将手机转到水平位置。
在网球跟踪器的更高版本中，用户还将能够以纵向使用跟踪器。 这很重要，因为取决于用户相对于进行比赛的网球场的位置，以纵向或横向模式输入比赛数据可能会更容易：
用户填写了屏幕上的所有必填字段后，“ 完成”按钮就会启用。
下一步是什么
现在可以在比赛期间由父母和教练对跟踪器进行测试。 我正在准备用户测试会议，在那里我将能够收集有关跟踪器优点和缺点的见解。
目前，“分析”部分非常基础。 此部分最终将是最重要的部分。 例如，匹配数据将以不同的方式可视化，用户可以选择如何可视化数据。 另外，将跨时间分析各个球员的比赛数据，以查看球员随时间的表现。
同样重要的是共享原始比赛数据和比赛数据分析：比赛数据和分析可以在家人，朋友和教练之间共享。
有什么问题吗 反馈？ 给我发电子邮件cornelia.mrose@gmail.com
我的投资组合： https : //www.corneliamrose.com/