麦当劳午餐(麦当劳里的咖啡是哪种)

笔者从一次糟糕的麦当劳点餐体验开始了对这个系统的研究和分析，并根据点餐过程中出现的问题进行了针对性的优化。

几周前，我和家人去麦当劳买午餐，然后我们发现麦当劳门口安装了三台新的自动点餐机。我让我爸和我哥操作这个系统，我看了用这个系统点餐的互动过程。

其中，父亲和哥哥在浏览菜单时都遇到了问题，尤其是在具体选择哪一餐的过程中。接下来我就来分析一下他们在下单和支付过程中遇到的问题。

问题1. 选择餐款

与这个选择过程相关的交互操作是一个列表。这个列表是图标列表，可以在屏幕最左侧上下滑动浏览。

虽然这里没有任何提示或迹象表明这是一个可滑动的菜单，但幸运的是，人们可以清楚地意识到，这个列表可以向上/向下滑动以获得更多的选项，而不仅仅是当前图片显示的内容。

2. 选择好餐款后的个性化选项

显然，这是最难的部分。

这一部分的流程是，当你选好了想买的汉堡或套餐后，再选择大小、种类、配餐、饮品。当我父亲想换一种饮料时，他找不到他想要的饮料(他只能看到目前显示的六个选项)。

最后只有我帮他点餐。我向上滚动，找到了更多的选项。当我这样做的时候，他很惊讶。他没想到会有这种操作。

而且这个机器也不能提供把套餐里给的玉米换成薯条的选项(不过我猜是因为他们没有更新菜单)。

3. 付账过程中的问题

这是所有过程的最后一步。

我发现这里提供的支付选项很奇怪。这里有两种选择:机器支付或柜台人工支付(传统方式)。

我觉得这里柜台没必要设置人工支付。毕竟机器选好了，不可能所有人都再去柜台排队。不过有趣的是，父亲选择了“柜台支付”，这又引发了一个有趣的用户体验问题。

当他选择这个选项时，机器要求我们记下一个号码牌。我们理解的是，这个号是我们的订单号，工作人员会根据这个号给我们提供新选的餐饮。

但是，我们错了(不完全错)！

屏幕上给我们的数字是53，但号牌是175，很混乱。我们付了钱后，得到了另一张第三个号码的收据:157。

我们等了大约45分钟才吃饭，这对于一个快餐来说是非常糟糕的经历。整个订购和支付系统很讽刺，但它降低了效率。

4. 餐号呼叫系统

在快餐店，人们实际上习惯于在短时间内去柜台取自己的饭菜。系统提供的服务是让客人坐在座位上等待，工作人员会根据号码牌给你送饭。

但事情结束时，工作人员还在喊餐号，让客人取餐。而且这个号牌和真正的订单号是不一样的，也就是说两个不同的号码系统同时在操作。如果我不仔细区分，我不会得到我的订单。

5. 付款后

付款后，我们被要求记下一个桌号，然后输入系统。

研究

我的主要方法是观察。

我的父母和我的哥哥是我这次研究的人物，我也观察了其他路人使用这个系统。

我发现当人们一次只点一个项目时，不会遇到什么大问题，而且还比较顺利。当我们想要订购多个项目时，我们刚刚遇到的一些问题就出现了。还是有一定数量的人会选择“到柜台付款”。最后，他们得知柜台前还有一个队列(是的，有时收银员甚至不在那里，他们必须等待他们来)。

第一天实地考察爸爸和弟弟第一次体验麦当劳点餐系统。

第二天实地考察

一周后，我去了另一家麦当劳店，观察用户的行为。

这家店更糟糕的是，一直需要一个工作人员在点餐机旁边，帮助顾客使用系统点餐。

第三天实地考察

第二天，我带我妈去了同一个麦当劳店，不过这次我自己测试了点餐系统。我妈全程录像，很有意思，有助于洞察。

分析用户画像用户故事板

这是一个我根据上面两个人物创造的故事板，这个故事里的人物的名字叫做 Jhen。这是我根据以上两个角色创作的故事板。这个故事中的人物名字叫珍。

构思和草稿

在我画这个草稿之前，我先 Google 了一下关于快餐行业使用机器点餐系统的情况。我发现 KFC 也有使用这种系统，我无法找到相关短片去了解它是怎样运作的。在我起草这份草案之前，我在谷歌上搜索了机器点餐系统在快餐业的应用。我发现肯德基也用这个系统，找不到相关短片了解它是如何工作的。

但是我发现了一个关于麦当劳推广该系统的宣传视频。这个视频讲的是一个服务员教大家如何使用这个系统。

单个项目订购流程的初稿:

单项订单付款流程示意图:

套餐/多个项目的订购流程示意图:

我定义了几个主要要求:

关于一个物品面临分类重叠时，如何去组织；食物个性化选项如何简化；当用户想退回上一步选项或回主页时，如何让用户得到清晰的指示；为了节省用户等待时间，如何将支付变得更加效率。低保真线框图

根据我之前的草图，我做了下面的线框。

我是根据自己的观点提出优化的系统，旨在让用户感觉更舒适，更美观，这也有助于我在整个过程中发现和纠正问题。

重复测试线框。我创建了相同类型操作的更多版本进行比较:

主菜单食物种类选择的展示甜品／配餐的选择食物信息界面饮料个性化选择主菜单比较我去掉了“完成”菜单，因为它没有任何有意义的动作。只有当您更新订单并加入列表时，此菜单才会出现。

食物种类选择展示方式比较更有条理，更关注用户的新选项。

甜品／配餐的选择做了3个版本，但最后我选择了最后一个(最右边的那个)。因为左边的两个都是不必要的白色，所以用户看不到其他内容。

食物信息界面左图和麦当劳门店目前使用的一样。一开始我以为不改继续用没问题，直到测试后才发现，其实这里根本不需要两个不同的按钮(自定义//修改更改选项)。事实上，它们都指向同一个接口。

所以，我把这两个按钮合并成一个，去掉了修改按钮，留下了自定义按钮。点击后，新弹出的界面可以调整大小和细节。

饮品个性化选择

(设计高保真图片的时候，最后放弃了这个想法。)这部分是我最新设计的这个界面，是所有版本中最流畅的。

在随后的高保真原型图纸设计中，取消了原有的线框。这是因为它不支持饮料的温度选择，中间的页面切换太多。

新版本的设计允许用户在一个界面中完成所有个性化的饮料选择。

高保真设计图稿

我从麦当劳官网上画了它的主题色，并在此基础上设计了新的风格。

在整个高保真原型艺术品的制作过程中，我用的软件是Sketch，然后导入Figma(比较容易分享原型)。

欢迎界面

由于我找不到一个好的“用餐”/“带走”图标，我不得不自己用草图画一个。

另外，我把“语言选择”选项移到了右上角。

主界面／餐品选择我用卡片的形式表达了个人用餐，并在选择的项目上添加了黄色高亮边框。此外，我还在屏幕右上角增加了一个搜索栏。

饮品个性化选择正如我之前提到的，这部分完全取代了之前版本的低保标准。顾客会看到他们预选的饮料，并可以随意选择另一种。然后会出现一个确认按钮，表示这里有更改。

甜品／配餐选择当用户只想点甜品或配餐时，不会看到很多不必要的界面。他们只需要选择自己想要的，因为有些物品不需要任何个性化的选择。

订单列表&付款选项为了表达更清晰的信息，我修改了一些按钮上的文字。我还重新组织了支付列表，这样用户可以更清楚地知道将会发生什么可能的操作。

完成界面（打包或堂食）左:包装好的“谢谢”屏幕；右图:唐史

堂食体验的再设计

重新设计的餐厅订单界面与目前麦当劳系统中的界面完全不同。我改变了“用户获取一个表卡号，然后再输入回系统”的流程。

我意识到麦当劳其实可以设计一个桌号系统，它会自动跟踪这些数字。这样，用户只需要在自己的餐桌前等待，当他们的号码牌开始呼叫时，用户就可以去柜台取餐了。

这个新发布的系统，省去了让用户把桌号输入系统，让工作人员送到餐桌的过程(因为人多拥挤的时候，效率会更低)。

最终版本附在这里:McD Kiosk系统。

学会在设计的每个阶段反复测试。基于我做的用户画像和故事板，关于如何解决现有的体验问题，一开始我觉得我的想法还是不错的。一开始我预计新的设计会非常流畅，但实际上最后我在画草图的时候做了很多改动。基本上从低保到高保真，整个过程有各种各样的变化。

建立设计环境的重要性

完成基本生活水准原型后，我并没有立即开始制作高保真原型。

在做之前，我对颜色和字体的使用做了一些搜索和研究，然后对整个系统的风格做了一个设计标准。这提高了我后期设计的效率，节省了很多修改的时间。

可以改进的事情更好的搜索／研究方式

我做研究的时候，除了用用户画像和故事板，我缺乏一些有力的方法。通常，我对手机用户行为的了解来自于朋友的观察和体验，或者facebook上的留言。

用户测试

我把这个高保真的原型发给了我的一些开发者朋友，他们给了我一些非常好的建议。我根据他们的建议对我的最终草案做了一些改进。其实除了程序员和开发者，我还可以展示和测试更多的人，听听他们对整个交互过程的感受。

编译:嘻嘻，多伦多，多媒体设计师

剪辑:皮皮，三部曲的剪辑

作者:Cs Leong

原文地址:https://UX design . cc/McDonald ' s-kiosk-ordering-system-ui-UX-案例研究-fe7b3693f2c

本文由@三支翻译发布。每个人都是产品经理。未经许可，禁止复制。

来自Unsplash的图像，基于CC0协议。