作为一个临近毕业的大学生，我尝试不吃泡面、三明治和墨西哥鸡肉卷的生活方式，我开始意识到做一个好厨师是非常艰难的。当然，也有做饭的时候，但寻找食谱，寻找配料等，让我在在笔记本电脑和厨房之间来回走动，每一次都让我很受打击。

“大学膳食”的顶级图像搜索结果之一

下厨是一场斗争。可以说，很需要帮助。

进入Yummly

作为一个对优秀的产品和美食有抱负的设计师，我决定仔细研究Yummly iOS应用程序，以帮助我学习烹饪和探索应用程序。

注意：我不以任何方式隶属于Yummly（以防万一我的烹饪技能不到家）。

Yummly为你的tummly！

Yummly是一款可以让烹饪体验个性化的“ 智能烹饪伙伴 ”。通过网络或通过移动应用程序访问，Yummly提供诸如个性化食谱推荐，食谱搜索和保存，购物清单以及快速送货上门等功能。

概观

在为期两周的时间里，我对Yummly iOS应用程序进行了可用性测试，并确定用户在应用程序中保存，排序，搜索和过滤功能时遇到问题。

考虑到用户和业务目标，我设计了解决方案来解决这些难题，并根据用户体验修改了原型。其结果是在使用这些功能的时候更快，更容易，更简洁。

下面是一个简单的例子：我的测试结果显示用户对Yum（保存配方）按钮感到困惑。通过改变按钮的形状和颜色，我使它变得更容易使用。

简化保存功能

让我们深入我的过程！

可用性测试：寻找痛点

无论你每天做一次还是很久做一次，制作食物至少与一大群人有关系。我调查了陌生人在某些时候需要寻找配方。我认为可用性测试是最好的方法，能够快速收集见解，同时让时间和成本最小化。

由于这种烹饪的通用语言和随机性测试的性质，我决定专注于用户要求Yummly解决的工作（乔布斯将完成模型），并设想了Yummly可以满足需求的三种不同情景和工作故事。

考虑到这一点，我着手评估用户的能力来完成以下任务：

找一个配方

找到他们最喜欢的菜并高度评价食谱，保存食谱

仅查看纯素食，不含大豆的食谱

查找只在冰箱中使用某些成分的食谱

随机的在做可用性测试

我在旧金山Yerba Buena地区每个人都有8名优秀的人（为什么只需要5人，每人约15分钟）进行测试，范围从经常使用食谱的厨师到仅烹制几次的新手厨师。

事实证明，没有一个用户熟悉Yummly，所以我能够发现很多关于不同功能的发现性以及整个应用程序导航的便捷性的见解。

分析：优先考虑疼痛点

在收集所有痛点之后，我注意到粘滞便笺上的见解并由用户分组。然后，我使用亲和力映射将相关疼痛点组织成类别，以便我可以识别常见主题。

痛点排列和亲和力映射

随着痛点中的主题开始出现，我使用了2×2的优先级矩阵来了解他们如何按照对业务的重要性和对用户的重要性进行排名。这需要对Yummly及其用户做出一些假设。

关于业务的假设： Yummly拥有基于广告的商业模式，因此成功与否取决于日常活跃用户。

关于用户的假设：根据我的情景和工作故事，我认为能够找到适合其特定需求和情况的食谱将是最重要的。

作为一名意识到商业和用户需求的设计师，这帮助我决定了哪些痛点对我来说至关重要。

2x2优先级矩阵显示我发现的最重要的痛点

解决方案：消除疼痛点

我绘制了任务流程，以此查明用户在执行每项任务时遇到麻烦的确切位置。在这些旁边，我绘制了用户如何无痛地完成相同任务的理想任务流程。为了空间的缘故，我只包含一组任务流程。

说明搜索功能不明显或不可达的任务流程（疼痛点1）

现在我可以直观地看到用户遇到麻烦的位置以及我必须改变的目标。考虑到这一点，我生成了基于这些理想任务流程的设计解决方案，在InVision中创建了一个原型，并与五位额外用户验证了我的解决方案。

以下是我如何解决每个痛点的总结。

痛点1：搜索不明显或不可及

第一眼看去，我不知道在哪里可以找到搜索栏。

试图找食谱时，用户所做的第一件事就是点击Explore，意识到无法从分类中进行搜索，然后不得返回导航栏寻找一种搜索方式。

尝试从主屏幕搜索

我的解决方案：我将Explore选项卡重命名为Search，以便用户立即知道他们可以去哪里搜索食谱。我还添加了搜索栏和搜索选项，以便用户可以手动搜索，除了探索类别。

痛点2：关于保存食谱的困惑

我如何保存它？

调研的8个用户都对Yum功能感到困惑，Yummly喜欢和保存食谱的方式。其中一些用户没有意识到Yum是他们可以点击的按钮，而另一些用户却不知道Yum是什么意思。

调研发现，3/8用户一开始并不确定他们能在哪里找到他们保存的食谱。

我的解决方案：我将Yum按钮从圆形更改为心形，因为心形是熟悉的最喜欢按钮指示符，并将未保存的按钮状态更改为白色而不是橙色，因为白色比橙色更有意义，表示未点击的按钮状态。

我也改变了Yums的数量，让数量在一个色带上而不是一个圆圈上显示。功能区与书签图标相似，充当辅助符号。

我将标签栏中的人物图标适当地更改为心行，以明确保存食谱的位置。

痛点3：无法排序

我认为有一种方法可以让你观看最流行的菜谱。

在搜索结果屏幕上，用户无法快速看到这个食谱是不是值得保存的信息。两位用户特别指出，看到菜谱的平均评分是需要他们点击配方才能显示，因此多了一步操作，用户希望能让评分提高层级，更加可见。

4/8的用户希望有某种方法可以根据某些特性对食谱进行排序，例如最佳评分或最受欢迎的食谱。

我的解决方案：在搜索结果屏幕上添加一个排序按钮，使用户能够按照评分，烹饪时间或者Yum的数量来查看食谱。我还添加了评分显示，以便用户无需浏览即可了解配方的质量。

痛点4：过滤按钮缺乏可视性和反馈

缺乏可见性：当提出发现素食，无大豆的选项时，只有1/8的用户使用Yummly的内置过滤器。其他人都手动搜索了一些“素食不含大豆”的变体。我观察到这是由于两个主要因素造成的，在主搜索屏幕上不存在过滤按钮，即使存在也很难看到过滤按钮。

我的解决方案（用于缺乏可视性）：使过滤器按钮更清晰可见，并且在应用过滤器时指示状态更改。我还在主搜索页面上放置了一个过滤器按钮，以便用户从开始就可以过滤访问权限。

缺乏反馈：特别值得注意的是我对一个实际上对大豆过敏的人的测试。她能够成功找到并应用适当的过滤器，但想确认他们是否点亮，但没有反馈意见。

因此，在这一点上，我不信任该应用程序，不会再使用它。

她手动查看了食材，看看她是否可以吃，并且实际上发现其中一种假定的不含大豆的食谱实际上含有大豆产品。这使她对APP失去信任。

我的解决方案（缺乏反馈）：在配方概览中提供标签，以显示食谱是纯素和无大豆。

总结

我从这个项目中获得的一些具体内容是：

对于新用户来说，服务特别重要。由于我所测试的每个人都是Yummly的第一次使用者，我发现的很多痛苦点（保存，过滤，搜索）都是用户不熟悉产品并且不知道他们可以做什么的全部范围。必须解决这些痛点，强化在没有帮助的情况下使用可用性和使系统可用的重要性（或者至少使帮助易于检索）。

品牌和可用性之间可能存在权衡。Yum按钮带有橙色和徽标标记，是最喜欢按钮上的独特功能。不幸的是，它使用户感到困惑，并降低了可用性。使用更传统的最喜欢的按钮会使功能更清晰，但是Yummly会失去一些品牌和特征。我重新设计的按钮是现有按钮和通用按钮的混合体，因为我试图平衡权衡。

Yum按钮设计有不同的选项，每种都有可能的折衷

边缘情况需要考虑。令我吃惊的是，一位用户与其他人进行互动的方式完全不同：对大豆过敏的用户。她必须采取额外的预防措施，并深入研究配方，而不是其他用户。她的工作比其他用户更大。像这样的情况需要在设计过程中考虑，否则拥有这些较大工作需求的用户会离开这个APP。

特别感谢Zac Halbert，Jake Fleming，Amy Weibel和Jeff Nissen。来自www.flaticon.com的Yannick制作的手指水龙头图标。

希望你也受用

祝开心

本文翻译来自Medium感谢https://uxdesign.cc/designing-a-better-cook-a-look-at-yummly-4d7fb1dac340