Plated Cuisine——UI / UX案例研究
Plated Cuisine是由Rayo Odusanya创建和管理的Plated Cuisine餐厅的食品订购和配送应用程序。
| _Rayo Odusanya毕业于美国路易斯维尔的沙利文大学。作为家庭中唯一的女孩，她在特别的场合跟着母亲为亲戚们做美食。毕业后，她决定回到拉各斯做生意。Rayo融合了非洲和外国美食，完全掌握了烹饪的艺术。_ |
该应用程序允许用户直接在办公室订购各种美味佳肴，并提供跟踪订单和建议餐点组合的方法。这家公司的受众是特别的——工人阶级公民。
随着大型的食品应用程序，如Jumia foods、Bukka hut、Kilimanjaro等主导了市场空间，大部分用户开始抱怨该应用程序的使用体验。大多数用户抱怨（假设这是面临的挑战）在应用程序中导航很困难（不容易记住）、糟糕的用户界面（不一致的设计）、复杂的结帐系统，尤其是无法跟踪其订单。
在本案例研究中，这些是我决定要改进的UX / UI挑战，以及订单跟踪系统。为了进行这项研究，Plated Cuisine将被用来描述为Rayo用来提供服务的应用程序。Plated Cuisine餐厅将作为Rayo管理的餐厅。
01
设计挑战
- 改善和设计更好的食物跟踪体验。
- 移动设计方法。
- 最小的UI（现代和新颖）。
- 在整个应用程序中轻松导航，减少用户操作。
02
设计目标
解决方案是为一个想要为目标受众（工人阶级）提供餐饮服务的新厨师设计应用程序。我的第一步是使自己熟悉Plated Cuisine和业务流程。通过在办公室与她进行面对面的交流，我了解到以下几点：
- 她的商业展望、目标和目的
- 这个应用程序的核心目的是“舒服的坐在你的办公室里使用”
获取了所有信息之后，我便能够将项目分解为多个模块，这使我能够密切关注甚至是微小的细节。这样做的本质是为我提供必要的信息以供使用，并为用户提供解决方案。
03
用户研究与竞品分析
现在，我对Plated Cuisine有了更好的了解之后，我开始进行竞争分析，以了解哪些公司/应用程序目前正在食品配送领域主导市场，了解其模式并得出相关发现，例如：
- 为什么用户当前正在使用此应用程序？是因为品牌形象吗？还是因为食物的品质？
- 当前用户使用这些应用程序时面临的问题。
- 与食品跟踪系统有关的具体问题。
在得出这些发现之后，我开始在全球范围内进行研究，以了解新功能，并与设计风格和趋势保持联系。我的重点是改进食品配送跟踪系统，通过研究发现了用户为什么会基于一些重复出现的问题而放弃或取消订单，比如：
- 价格差异会使用户不高兴
- 用户对他们的食物何时到达感到困惑
- 派遣不熟悉像google等导航系统的骑手，这会导致路线未优化=客户不满意。
- 配送食物的质量（因为大多数有问题的应用程序提供来自不同供应商的食物服务）
- 复杂的菜单
为了获得更多洞察，我针对工人阶级（23-30岁）进行了一次小型调查，我需要更多有关他们日常活动的数据，以及他们在忙碌的日程中订购食物如何影响他们的日常活动，这使我能够得出相关结论，以下是我的发现：
以下是我提出的一些相关问题和反馈：
1.你平常的一天是如何度过的？
2.你为什么使用送餐服务？你使用了哪些？3.你对目前的应用程序有什么问题？4.你使用我们的解决方案的原因可能是什么？5.你对食品质量有何看法？6.你当前使用的送餐服务如何有效地帮助你跟踪订单？
深度访谈的结果：
| _“我的一天非常忙碌，工作时间是上午9点到晚上10点。我真的没有时间和精力出去买食物，坐了几个小时后我就会走在拉各斯的阳光下吗？不，谢了。我用Jumia和Kilimanjaro。好吧，不知道什么时候能拿到食物让我感到沮丧，所以我通常很早点餐“<br>“说实话，我对所有这些食物应用程序感到厌倦，因为点餐的焦虑，以及我不知道是否已经开始配送我的食物或到达需要多长时间。我总是忙个不停，所以当我不在我的办公室开会时，我喜欢它，因为我可以预定食物到我的办公室并通过应用程序进行跟进，而不必打电话”<br>“我对所点的食物非常挑剔，所以，如果你的食物质量很好会怎样？当然，我会再点。我的日程有时很忙，我会早上6点出门，然后在晚上11点回来，所以有时点餐有助于减轻压力。如果你提供的解决方案可以简化流程，那么我会加入”_ |
这项研究的重要性在于找到如何使Plated Cuisine在其竞争对手中脱颖而出，从而为用户创造更好的体验。为了赋予我的研究个性，我创建了一个用户画像。
用户画像
利用调查和访谈中的报告，我创建了一个体现目标受众特征的用户画像。创建的用户画像有助于我更好地理解我要解决的问题。
用户流（User Flow）
这个过程就是定义Plated Cuisine的流程，从而为应用程序的布局和结构带来更多洞察。这有助于为应用程序定义导航流程，旨在简化流程和步骤，让用户难忘，这将增加交互性。首次使用该应用程序时，用户（在本例中为Zik）只需注册或登录一次。
该应用程序的结构设计可以减少用户完成订单的操作，只需4次单击即可订购一餐，这非常简单且操作最少。
用户故事板和草图
为这个研究案例创建一个故事板和草图有助于我通过向用户（Zik）强调他的旅程，从而为我提供更明确的上下文构思，并找出可能发生的或用户无需考虑的挑战。
在绘制过程中进行了几次迭代之后，我想出了一种更好的食物跟踪体验的解决方案。
上面的草图旨在为最初研究中发现的痛点提供解决方案。这是低保真线框的一种形式，它使我对界面的外观有了更清晰的了解，同时涵盖了基本的内容结构。
在此过程中，我精心设计了每个屏幕如何连接在一起以提供无缝且流畅的体验。
高保真和原型
通过使用从以上草图、用户流和线框中获得的所有信息，我将它们转换为应用程序的高保真可视化表示。通过使用冷色和中性色，我能够想出一种新颖而简约的设计。
功能一：点餐
用户首次启动应用程序时，将显示启动页面，然后将用户定位到注册页。注册之后，用户将被定位到主页，可以在其中进行各种美食的订购。
在主页上，用户可以选择自己喜欢的菜，也可以在单个页面上添加配菜或饮料以补充订单。用户还可以根据自己的心情在深色和浅色模式之间进行选择。同样，在结帐时，用户可以在他们的订单中添加更多的食物。
| 根据一天中的时间，应用程序会向用户建议不同的用餐选择，以使用户的选择更好。 |
用户可以设置自己想经常订购的食物。首次启动应用程序时，可以单击“自定义”，然后应用会显示完整的菜单，鼓励用户选择所需的组合。这将使订餐过程更快、更简单。
| 如果用户想要获取更多详细的订购信息，则可以通过在食物选择页面上向右滑动（下图从左数第三个页面）来查看食材。 |
功能二：追踪订单
通过研究和用户反馈，我想出了一种更简单且友好的订单跟踪解决方案（这样就可以安心开会了）。
下单后，将显示一个确认屏幕，为用户提供跟踪订单的选项。当用户单击“跟踪我的订单”按钮时，将显示一个显示订单进度的页面，向用户提供有关何时完成订单的信息。
开始配送时会通知用户，且可以选择跟踪骑手，用户也可以更新其当前位置。当跟踪骑手时，用户可以选择呼叫骑手。
在完成订单后，将向用户发送通知，鼓励用户查看食物和骑手的表现。
为了方便跟踪和导航，下订单后屏幕右上角会显示一个导航图标，单击该图标就会显示正在进行的订单（只要订单还在进行中，就可以在应用程序的任何位置进入访问）。
在没有网的情况下，可以选择每隔一段时间发送短信给用户，以根据预估的到达时间跟踪订单。
原型测试：
为了给人一种更真实的感觉，我使用了iPhone 7（需要尽快升级）进行测试，但其屏幕尺寸与iPhone X相同。
视觉语言：!Image
设计工具：
原型和设计都是用Figma完成的。
参考文章：
作者：Cheche Uduma
译者：设计小菌
原文请戳【阅读原文】
为尊重版权和译者
转载请联系我们
我 们
服务.体验.交互设计传道者
公众号
「yizhizhaojun」
一只朝菌设计学园
联络微信
平菇老师
「zhaojundesign」
「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办，致力于创造卓越的设计知识学习课堂，专注交互设计、用户体验设计、服务设计领域的专业知识教育。
教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校，以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。
清华大学有训曰：行胜于言。「一只朝菌」谨承母校百年教诲，时刻铭记师者之责，为好学者传道授业，为有志者掌灯引行。