重新设计SportsYapp移动应用程序

南设公众号，第152篇译文，本文5428字，阅读需要约5分钟，记得点击上方蓝字关注我哦～

改善体育应用程序的用户体验，连接世界各地的体育迷
持续时间 5周 角色 用户研究 用户体验和用户界面设计 样式指南和UI组件 交互式原型
使用的工具： 1、图 2、原型 3、米罗
概述
SportsYapp Mobile是一款专门为体育迷提供个性化运动体验的应用程序，同时营造一种游戏般的氛围，让用户不仅参与其中，而且沉迷于成为“游戏日”一部分的超现实感。SportsYapp的愿景是联系和吸引全世界的体育迷。
我的客户来自体育报道行业，她唯一的愿景是为体育迷提供一个社交平台，让他们在任何地方分享他们的支持和能量。
挑战
旧的应用程序没有得到足够的参与。这个项目的实际重点是使应用程序有趣和吸引人，使与其他体育迷的互动更容易，并引入一些功能来提高参与度。 目标
我们的目标是重新设计现有的应用程序，以改善粉丝的整体体验，创建一个美观的用户界面，并包含额外的功能，为用户提供更多的价值。这些附加功能包括：；
1、游戏音频聊天室；想一想俱乐部会所/推特空间，但体育/游戏，因为他们发生了！ 2、博弈预测; 用户可以在游戏开始和结束前预测游戏的赢家和分数。 3、匹配特征; 就像约会应用程序一样，该应用程序匹配两个位置相同的用户，他们跟踪/支持相同的团队和游戏。 4、直接通信；这意味着用户现在可以在这个平台上互相交谈了。 5、硬币激励制度；在这里，当用户喜欢、评论、发布照片、预测游戏等时，他们会收到硬币奖励，当他们的硬币达到一定数量时，他们会获得奖励。
竞争分析
竞争分析研究的是特定行业或市场利基中的公司与潜在的产品或服务争夺市场份额。通常，它有助于了解竞争对手的正确做法、他们的优势、缺点和弱点，但最重要的是，它是一种改进产品以实现企业和客户的竞争优势的方法。我进行了一项分析，仔细比较了与我打算设计的相似的不同的体育应用程序，并同样地分析了SportsYapp的业务特性和需求，以了解这项研究如何有助于改善用户的体验。我调查过的一些应用程序包括：； 1、幻想的 2、雅虎体育 3、棒球场 4、状态24 5、ESPN等
尽管这些平台在功能方面有共同之处，但它们在许多方面仍然存在差异。一个主要的区别是，他们没有提供一种方式直接匹配或开始与其他体育迷谁跟随同一队或在同一地点与你交谈。
用户研究
由于我对体育不太感兴趣，我开始做案头研究、阅读文章、看视频，以便更好地了解体育应用程序的工作原理，获得为目标受众设计最佳体验所需的一切知识。
更进一步，我和客户开了会。我们集思广益，评估了现有的产品，并讨论了我们将拥有的附加功能以及它们将如何工作。在所有这些方面，我注意到我的客户最担心的是，鉴于其低用户参与率，该应用程序不够吸引人。以这个问题作为研究的起点，我进行了一个基于尼尔森启发式检测用户交互时可能出现的可用性问题，并确定解决这些问题的方法。这有助于许多有价值的见解和想法用于缩小路线图的范围。
这个 用户体验阶段从了解用户和他们的行为开始，研究目标是明确问题，因为它直接影响到用户，并揭示他们的需求和挫折，以便更好地理解如何为他们创造更好的体验。
为了了解问题的根源和需要改进的地方，我不得不与我的目标受众进行一些研究。我创建了一个调查表格，并与体育迷和一些sportsYapp用户共享。对大约3名体育迷进行了虚拟采访，了解他们在使用应用程序时的思维过程。我还观察到我的行为和挫折在应用程序中遇到
在我的定量研究中，我专门为我的目标受众量身打造了一份调查表格，以了解他们对使用移动应用程序和其他类似应用程序的看法和经验，并了解他们的难点和改进建议。为了进行定性研究，我采访了3名体育迷。我在调查中提出的一些问题如下：；
1、他们最喜欢的体育应用是什么？ 2、他们为什么喜欢它？ 3、他们面临哪些挑战，他们希望该应用程序能提供哪些改进？ 4、问他们在过去的一年里，他们在最近的体育应用程序中可能遇到的问题。 5、让他们找出现有的sportsYapp移动应用程序的问题以及更多问题
在采访过程中，我带着我的用户浏览了这个应用程序，试图找出他们做不好的地方，他们在应用程序中遇到了什么问题。这样做是为了；
1、收集无偏见的用户意见 2、查找复杂流程的问题 3、以获得帮助创建更好的整体用户体验的见解
用户调查表单中的一些屏幕截图

根据反馈，确定了一些关键挑战。 调查表截图

用户角色
为了支持我的思考过程，并确保我不会创建一个有偏见的解决方案，我使用在研究过程中收集到的定性数据创建了两个人物角色，作为我的指导，使设计过程以用户为中心，因为他们有不同的目标和需求，并做出更好的设计决策。
一些粉丝非常专注于他们的支持团队，希望尽可能的投入，而另一些粉丝则没有那么极端，有时更看重社区联系。
通过研究他们的反馈，我认为让粉丝拥有多个访问点和发布照片的动机是非常重要的。在确定了用户的痛点之后，我开始为应用程序流和一个美观的用户界面设计可能的解决方案。
线框和迭代
当我开始着手解决上述问题时，我勾勒出了一些解决问题的方法。我要反复考虑哪些可行，哪些不可行，然后我将草图转换为中保真线框，这使得视觉设计过程更简单、更快。
线框迭代

了解游戏日体验
为了更好地了解我们的用户，下一步就是了解他们的游戏体验是如何工作的。
因为这个应用程序专注于游戏日的互动，所以我需要考虑如何提高现场球迷的体验，并使场外球迷的现场表演更接近。
旧设计和重新设计的游戏日流程
让我们看看发现的问题！
我为重新设计所采取的一个关键步骤是审核旧设计，以确定哪些是有效的，哪些是无效的。这个想法并不是要彻底更新设计，而是要在现有设计的基础上引入新的功能。我把这一步放在用户研究之后，因为我想根据业务目标和用户需求重新评估特性。
基于这些见解，我注意到这款应用的核心目标是在游戏日拉近球迷之间的距离，但这并不够吸引人。粉丝们只能互相关注和浏览彼此的帖子，但他们不直接互动，没有群组或论坛供粉丝们互相联系。所以我可以说这不符合核心目标的目的。在重新设计之前，球迷之间唯一的互动就是在游戏的日子里，他们可以拍摄游戏的照片和视频，发布到游戏的虚拟场地上，让其他球迷看到。
入职/注册
问题：发现的问题得到了解决从我作为产品设计师的个人经验和来自体育迷和其他用户的研究见解；问题及解决办法如下：

1、没有 船上向新用户介绍此应用程序及其功能的流。
2、按钮缺乏视觉上的一致性使得人们更难验证你的通信的真实性，使他们不太可能转换。缺乏视觉一致性看起来粗心大意和不专业，往往会对用户产生负面影响。
入职/注册屏幕

解决方案：
1、使用结合和渐进式培训帮助用户轻松体验应用程序的方法。而不是一开始就对他们进行轰炸，而是为用户提供足够的信息来保持事情的进展；这种方法确保用户是开明的，并知道在每一点上期待什么。
2、在入职和注册期间保持一致性。
底部导航
问题：
1、旧的底部导航并不那么有效，因为人们发现很难发布。在这里，用户要投球，他们必须进入游戏的“游戏日”，这对他们来说更难。第一次发帖的用户很难弄清楚如何发帖和从哪里发帖。
2、由于没有太多的功能，底部导航包含较少。
解决方案：

1、使主页，发现，游戏室，聊天室和个人资料页面可从底部导航。
2、清楚地认识到导航通常是将用户带到他们想去的地方的工具，定制我的导航，通过添加浮动动作按钮对于这个应用程序最重要的用户操作是“发布快照”。
主页
旧主页

问题：
1、从视觉上看，从层次结构、内容、结构等方面来看，界面看起来并不好。
2、主页占用了太多的空间，只是为了显示游戏，而把应用程序的其他交互部分排除在画面之外。
3、没有快速链接可以让用户在登录后更容易地执行主要操作。
4、没有文字的体育图标会让用户在选择游戏之前三思而后行，并且会让一些只知道运动名称的用户感到困惑。
主页重新设计
解决方案： 1、添加了一个浮动动作按钮在底部导航，用户可以轻松地发布快照。
2、一个搜索图标，方便用户快速搜索
3、在每个运动图标上添加了运动的名称以便于识别，这样用户就不必三思而后行，参照史蒂夫克鲁格的书来选择自己喜欢的运动别让我想。
4、添加了日期选择器，这样用户仍然可以根据日期查找游戏。
5、由于我们试图提高参与度，我们包括了一个积分奖励系统，它的工作方式非常简单。当用户积极参与并发布照片时，他们可以获得硬币。因此，他们的硬币钱包显示在他们的主页上，这个钱包汇总了他们一段时间以来赚来的硬币总数。
6、用户也可以直接从主页开始预测。
7、最重要的操作都包含在主页上，以便于用户访问更多内容。
发现页面
问题：
1、discovery页面没有为用户提供足够的发现功能，因为在这里您只发现游戏。
2、发现页面缺乏一致性，由不同的游戏卡组成，这也不同于主页上的游戏卡。这会让用户思考他们是否都是同一个游戏。
发现页面重新设计

解决方案：
1、用户可以从他们跟踪的团队和他们的朋友跟踪的团队中发现游戏。这是因为有些用户喜欢看到其他人在做什么，找到他们的朋友正在跟踪的游戏会启发他们，而这种启发是需要让他们保持投入的。
2、用户现在可以发现游戏的预测分析；这有助于激励他们预测比赛。
3、用户现在可以发现他们的比赛和新的团队跟踪；这是为了让他们能够与平台上更多的人联系，跟随更多的团队观看更多的比赛。
4、使所有的游戏卡在所有页面上保持一致。这有助于不断证明用户关于用户界面对，创造一种控制感、熟悉感和可靠性。
搜索页面

问题：

1、没有过滤器和排序选项来帮助搜索用户，即使是一个精心设计的搜索查询也可能不够，因为它会在搜索结果中显示太多的选项。
2、搜索栏中的底部nav对于用户来说可能会非常混乱，因为它对于像模态一样工作的搜索来说不是必需的。

解决方案：

1、我提供了用于排序的选项卡，这样用户在切换首选项时不必离开搜索结果页面。在这种情况下，过滤器将支持交互流，并允许用户更好地调整搜索。
2、删除了底部导航，因为搜索过程中不需要它。
个人资料页
旧外形设计

问题：
1、editprofile页面上的输入字段看起来很混乱，而且输入字段很短。输入字段的长度应与字段中预期的信息量成比例。字段的大小作为用户的视觉约束。
2、editprofile页面上的输入字段看起来不像输入字段，很可能会混淆用户。谷歌在2017年悄然改变了材料设计文本字段在发现许多用户不知道他们可以与这种类型的输入进行交互之后。
3、在配置文件上显示团队名称的水平滚动只适用于有限数量的团队，如果用户跟踪超过5个或更多团队，则不会很好地工作。
4、用户没有办法知道他们发布的照片的总数随着时间的推移，他们也看不到其他人发布的照片总数。 配置文件和编辑配置文件页面重新设计

解决方案：
1、将标签放在字段上方，以改进用户扫描表单的方式。通过使用眼球追踪技术，谷歌显示出用户需要更少的固定，更少的固定时间，更少的扫视提交表单。 2、使用顶部对齐的标签是因为它们为标签提供了更多的空间。使它们足够大以显示用户的全部输入。
3、删除了显示团队名称的水平滚动条，因为它不适用于大量团队。
4、添加了一种方式，让用户可以查看他们的照片总数随着时间的推移和总的照片数由其他人发布。
聊天功能
由于我们正在努力推动更多的参与度，我们包括了一个直接消息传递系统，允许一个粉丝直接向另一个粉丝发送消息。现在，粉丝（用户）不仅可以选择跟随他们喜欢的个人，还可以直接与他们联系。
就像他们在约会应用程序中做的那样，他们也可以与那些拥有相同地点、兴趣爱好和团队的用户匹配。
音频聊天功能

这是用户最喜欢的一个有趣的部分。一个基于音频的聊天室，体育迷可以在这里进行音频聊天和文本聊天。它是如何工作的？

单人游戏室

扬声器音频聊天室

非常类似于俱乐部会所/推特空间；用户可以创建和加入文件室。每个游戏只有一个房间，这意味着如果已经为游戏创建了一个房间，你只能加入并请求发言，如果还没有创建，你可以创建它。
用户可以在文本和音频之间导航。听起来很有趣，是吗？
这是另一个有趣的特性。在投注商店里，人们预测游戏，要么赢要么输。虽然有些人只是想看看别人的预测，从中他们会知道哪个队更有机会（但事实是，更高的获胜预测并不保证实际获胜）。 预测的用户会收到自动添加到硬币钱包中的硬币奖励。他们如何得到回报？ 他们被要求获得一定数量的硬币，之后他们有机会赢得免费游戏票、团队商品、礼品卡等。 我也可以叫这个应用程序，体育迷和游戏爱好者的社交媒体。 学习和主要收获 在这个产品上工作对我来说是一个很好的机会来深入研究信息架构、用户研究和视觉设计。我期待着实施和测试这个设计与任何项目一样，测试是必不可少的。 学习： 1、对设计决策的深入分析对于确保通过同理心来满足用户的需求是非常重要的。 2、我要了解常见的UI和UX范例。 3、设计上的小变化会对整个用户体验产生巨大的影响。 4、为了得到正确的解决方案，我进行了多次迭代。在这个过程中，我意识到没有什么比迭代次数多的了，因为迭代次数越多，找到最佳解决方案的机会就越大。 5、在为这个问题设计解决方案时，我遇到了一些微小的挑战，这使得整个项目更加有趣。我学会了如何在不影响主要设计解决方案的情况下解决这些挑战。 ❤️谢谢你的阅读！ 作者：Atasie Esther，译者: 南设 来源：https://medium.muz.li/case-study-redesigning-sportsyapp-mobile-app-6d3bdf1eb566 免责声明：本作品的内容仅供学习、交流使用，本作品的版权归原创作者所有，如有问题请及时联系我们以做处理。本声明未涉及的问题请参见国家有关法律法规，当声明与国家的法律法规冲突时，以国家的法律法规为准。

---