交互设计作品案例分析-你能通过交互设计平衡学习、工作和爱好吗？ 互动案例研究：Hobble

总是忙于学习/工作，留给兴趣爱好的时间很少，甚至不得不放下？ 谁说爱好、学习和工作不能同时进行！ 今天的交互案例，站长就带大家了解一下什么样的交互设计才能满足大家的爱好需求！

几周前，我的一位朋友表示，由于没有空闲时间，她不得不停止自己最喜欢的爱好之一，她对此感到多么沮丧。 学习和工作占据了她越来越多的时间。

我和几个朋友讨论了这个话题，我惊讶地发现这是一个常见问题。 造成这个问题的主要因素是长时间的工作（加班）、学习和通勤。

作为一名交互设计师，这个问题激起了我的好奇心。 也许我可以提供一个可行的解决方案。 这种求知欲和解决问题的意愿促使我创建了 Hobble，这是一款专为忙碌的人们寻找业余爱好的应用程序。 通过Hobble，用户可以根据自己的需求和空闲时间找到并体验自己的兴趣爱好，分享自己的成就和兴趣爱好经验，并与他人联系。

当我开始研究这个问题时，我提出了一个假设：如果人们没有时间去追求自己的爱好，那么他们可能需要寻找耗时较少的活动或可以在短时间内练习的爱好。 不过，我需要验证这个假设。 我的下一步是绘制“精益调查画布”并开始进行调查。 我需要知道这是否确实是一个问题，为什么会发生这种情况，以及如何开始构建解决方案。

▲精益调查画布有助于明确第一次调查的问题

由于第一次调查结果尚无定论，并且我需要额外的定量数据才能得出结论ip形象，因此我发布了第二次调查以帮助我获得必要的信息。

调查结果显示：

-大多数人（69.5%）经常觉得自己没有足够的时间

-65.2%的受访者认为他们没有足够的时间发展自己的爱好

-按照 1（更少）到 5（更多）的评分标准，大多数受访者表示他们的爱好是耗时的，3 分其次，4 分紧随其后

-65.2%的受访者表示，他们经常或总是把自己的爱好放在一边，把其他事情放在第一位。

-大多数人（65.2%）因为没有足够的时间而放弃了自己的爱好

-87%的受访者愿意学习新的爱好，78.3%的人更喜欢耗时较少的爱好（几分钟内就能完成）。 其余的人（21.7%）更喜欢学习更耗时、需要更多投资的爱好。

这些结果表明，人们觉得他们没有时间从事自己的爱好。 由于有其他优先事项，爱好常常被搁置。

在分析了定量数据后，我开始编写一份指南来寻找适合研究过程的有趣候选人。 我采访了 5 位来自不同背景的受访者，请他们带我度过典型的一天。 我的目标是找出他们日常生活中的痛点，以平衡他们的责任与休闲/空闲时间。 此外，我还询问了他们的爱好和最喜欢的活动。 采访证实了我的假设，并表明需要以更有意义的方式利用我们的时间。 人们希望学习不那么耗时的爱好并获得新知识，同时仍然能够放松。

▲通过亲和图，我整理了信息，得到了更具体、更有价值的数据。

痛点与机遇

这些是人们现在面临的痛点：

-人们很难平衡自己的爱好

-人们没有时间专注于自己的爱好

-人们最终会因为时间和金钱等因素而放弃爱好

此外，一些数据使我能够找到帮助人们的机会：

– 人们想要学习新的、更节省时间的爱好

– 人们有兴趣利用时间获取新知识

– 人们希望更有效地管理自己的时间交互设计作品案例分析，包括当他们不知道该做什么时

问题陈述

在这个阶段，我已经定义了我要解决的问题以及如何解决它，并定义了问题陈述——忙碌的人需要一种方法来找到不那么耗时的爱好。 因为他们想利用时间来学习和体验新事物。

角色

为了将所有的研究成果综合并结合到一个点上，我还创建了一个用户角色。

卡拉·梅迪纳 (Carla Medina) 是西班牙北部小城市布拉内斯的学生兼学校老师。 卡拉从家乡到巴塞罗那有2小时车程，她在那里攻读硕士学位并担任教师。 她因为没有像她希望的那样有效地利用通勤时间而感到沮丧。

理想情况下，她应该在笔记本电脑上工作，但火车有时非常拥挤，甚至无法坐下。 在那段时间里，她一直在思考学习新的东西。 由于她没有太多时间从事自己的爱好，她不得不放弃一些爱好。 所以她想找到一种新的爱好，可以在上下班途中或短时间内进行。

功能优先级 MVP

下一步是定义产品的核心并建立最小可行产品的必要功能。 MVP 的定义基于对 Carla 等用户最有价值的内容（研究）以及开发人员的建议（易于构建）。

Hobble 的核心支柱是“查找、体验、分享和联系”。 因此，产品需要具备一系列的功能来满足这些核心部件的工作需求。 为了定义 MVP 功能和产品的未来，我使用了以下 MoSCoW 图：

构思、原型和迭代

定义 MVP 和用户流程后，您可以开始产生想法并进行迭代。 我首先创建一个低保真度纸质原型，以便与用户快速测试一些想法，然后将其迭代为中保真度线框。

如上面的纸质原型所示，一旦用户登录（第一行），他们就会进入主屏幕（第二行）。 此选项卡允许用户根据所需的时间和设置（在家、通勤、户外……）浏览活动。 此外，用户还可以搜索、过滤、保存和共享事件。 一旦用户选择了一项活动，他们就会被带到活动页面并开始练习一项爱好（第三行）。

通过用户测试，我获得了必要的数据来找出哪种布局更直观并且更符合我的目标。 我继续根据用户测试结果生成迭代。 数字中保真线框继续探索多种选项和布局，同时测试仍在继续。 在中保真线框图阶段，我专注于应用程序的导航方面。

▲中保真线框图用于探索多种导航可能性。 此时，标签栏包括主页、兴趣、书签和个人资料。

例如，“书签”选项卡已移至用户个人资料选项卡，并相应地替换为“胜利”选项卡。 向高保真度过渡的另一个变化是将搜索功能移至其自己的选项卡中（请参阅下面的最终原型）。

用户还对“主页”和“爱好”选项卡感到困惑，经常询问为什么它们是分开的。 在中等保真度阶段，这些标签应该一起工作：第一个标签允许用户浏览兴趣吉祥物，第二个标签允许用户将兴趣添加到列表中。 “主页”选项卡上显示的活动基于“爱好”选项卡上用户的兴趣。 但这个逻辑对于用户来说还不够清晰，超过一半的原型测试失败了。

此外，“Triumphs”标签的目的和用途尚不清楚。 正如研究阶段提到的，用户希望根据自己的兴趣与朋友联系。 此选项卡的目的是显示完成活动后您的连接所完成的工作。 然而，该选项卡的命名和用途都令人困惑。 用户测试表明，人们希望在此选项卡上查看性能历史记录，而不是社交功能。

为了改进和迭代产品，形成性可用性评估过程中产生的所有反馈都至关重要。 当产品达到“高保真”原型阶段时，大多数必要的更改都已应用。

▲ 导航根据用户反馈进行了很多改动

上图显示了所有选项卡栏的迭代。 最终的选项卡栏解决方案将之前的“发现”和“爱好”选项卡合并为一个选项卡。 这一新的“兴趣”选项卡对用户来说更有意义，它将所有浏览和发现功能合并到一个强大的选项卡中。

此外，苹果的iOS人机界面指南也出现了明显的转变。 这是因为大多数受访者和用户测试参与者都是 iOS 用户。

过渡到高保真度后，我继续探索一些视觉变化，特别是在主屏幕上。 当涉及内容、视觉隐喻和视觉设计时，评估哪一种似乎更有效很重要。 我也开始思考交互设计和微交互。 例如，首页的内容卡片经历了多次迭代，包括轮播、堆叠组和文件夹。 就可用性而言，最有效的解决方案似乎是对那些不特定于爱好而是特定于情景元素（例如：通勤友好、流行等）的内容卡使用文件夹。

▲主屏布局的探索与迭代

正如您在上面看到的，同时主屏幕发生了变化，导航栏也发生了变化。 顶部导航（包括搜索和个人资料部分）也进行了相应迭代。 对于最终设计，导航仅显示页面标题、后退按钮和所需的操作按钮。

视觉设计

Hobble 的设计考虑到了用户的需求：生活在充满活力的世界中的年轻人和千禧一代交互设计作品案例分析，正在寻求友好的体验以了解新的爱好。 因此，Hobble 具有圆形和动态的形状，它们融合在一起并在需要时提供对比。

▲圆& 动态的

最初的色彩探索围绕红色和灰色色调，强调图像。 然而，根据五秒可用性测试后提供的反馈，这些最初的探索似乎有点过于激进。 因此，我改用了更轻盈、更友好的浅灰色调色板，并以蓝色和粉色作为强调色。

▲Hobble 的视觉风格旨在让人感觉友好、整洁，并配有插图帮助用户理解内容

交互设计

Hobble 设计过程的一个关键部分是交互设计，更具体地说，是微交互和动画。 我在 Hobble 的目标是创建一个视觉线索和隐喻系统，帮助用户理解产品是什么和做什么。

微交互不仅有助于更好的导航和定位（刚刚发生了什么？现在正在发生什么？将要发生什么？），而且还增强了内容的含义并将其链接到特定类型的用户。

例如，“爱好”屏幕上推荐的活动显示在分组文件夹中，单击这些文件夹会展开以显示该类别的活动卡。 这种视觉隐喻可以帮助用户理解哪些活动属于更广泛的类别。 此外，每个推荐类别都会显示一个动画插图，直接反映用户对这些活动的可能兴趣。 这样可以更好地理解内容方面的预期。

结果

总体而言，hobble 的设计感觉像是一款现代应用程序，用户可以在其中舒适地度过时间并找到适合现代需求的爱好。

综上所述

Hobble 是我作为一名设计师面临的一个复杂问题的答案——了解人们想做什么和需要休闲是一项复杂的任务。 当您开发娱乐应用程序时，您面临着无法实现目标或最终结果过于模糊的风险。 我们如何管理内容？ 我们应该采取什么方法？ 它应该更类似于社交网络还是待办事项列表？ 因此，研究阶段是整个过程中最具挑战性的部分之一。 例如，我没有预料到第一次调查的失败和不确定性，所以我决定再试一次，做一项新的调查，重点关注人们对爱好的感受、想要和需要。 这次，它成功了，这让我能够继续定义后来变得困难的解决方案。

霍布尔给我们上了一课，让我们了解作为设计师可能面临的挑战。 在设计过程中，我们应该做好失败的准备并采取相应的行动。 寻求分歧，产生尽可能多的选择，并尽早失败，这样你就可以从中学习并创造出更好的东西。

原文链接：

/hobble-finding-hobbies-tailored-to-your-needs-case-study-f15fad84d329