麦当劳自动点餐系统案例分析

在之后的高保真原型图设计中，最初的线框图被废除。这是因为它并不支持饮料的温度选择，并且中间有过多的页面过渡。

新版本的设计使得用户可以在一个界面里，完成所有的饮料个性化选择。

高保真设计图稿

我从麦当劳官方网站中汲取了它的主题颜色，并以此设计了一个新的样式。

在整个高保真原型图稿过程中，我所使用的软件是 Sketch，然后导入到 Figma（共享原型更容易）。

欢迎主界面

由于我找不到比较好的“堂食（Dine In）”／“打包（Take Away）”的图标，我只好自己用 Sketch 画了一个。

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

主界面／餐品选择

我把单个餐款用卡片的形式表达，并且给被选中的项目添加了黄色高亮边框。此外，我也在屏幕右上角添加了一个搜索栏。

饮品个性化选择

如我之前所提到的，这个部分完全替换了之前低保真的版本。客户会看见他们预选择的饮品，并可以随心改变选择另外一个。随后有一个确认按钮出现，指示出来这里有一个改变发生。

甜品／配餐选择

当用户只想点甜品或者配餐的时候，他们就不会看见一大堆没有必要出现界面。他们只需要选择他们想点的物品，因为有些物品并不需要任何个性化选择。

订单列表&付款选项

为了能表达更加清晰的信息，我改变了一些按钮上的文字。我也把付款列表重新组织分类了，这样就能让用户更清晰意识到有哪些可能的动作会发生。

完成界面（打包或堂食）

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!