O2O订餐平台的三巨头分别是饿了么、百度外卖和美团外卖。笔者通过对比三者，总结了这篇交互体验笔记，在此分享拙笔，笔者对产品和交互设计的理解有疏漏的地方欢迎指正，转载请先询问笔者意见并注明出处。

注——测试平台：iPhone6 Plus（ios 8.4）；应用版本：饿了么v5.7.0、百度外卖v3.4.3、美团外卖v4.1.0.311

下面分别从“功能内容”和“交互细节”两个方面展开。

一、功能与内容

订餐应用的功能架构简图如下：

订餐应用框架图

三者主导航模式均采用底部tab导航，有各自的主题颜色和标识形象。

饿了么和百度外卖全局使用4个tab，而美团外卖只采用了最基本的三个tab，更为扁平实用。

底部tab导航

异同：三个基础功能tab分别是订餐、订单和用户中心，饿了么增加了“发现”tab，百度外卖增加了“吃啥”tab。

“发现”和“吃啥”

这两个功能本质都是推荐，用于向用户推荐更多订餐乃至订餐以外的选择，提高app转化率和使用率，其中的一些电商元素可能是应用尝试拓展格局的伏笔。

“发现”和“吃啥”页面

饿了么的“发现”主要是对自身平台的横向拓展，功能有积分兑换、附近团购（内容由大众点评提供）、热卖美食和礼品抽奖（内容为抽取的部分积分兑换的内容）。

有些积分兑换带有限制，比如xx活动仅上海用户专享，订餐是基于地理信息的，活动内容也应该尽量考虑结合地理信息处理，对用户更加友好。

“发现”的三个二级功能页面

百度外卖的“吃啥”主要是用户推荐店铺和商品，主要内容是一个“我常吃”的入口和“猜你喜欢”的推荐列表，列表内容的推荐维度有很多——

（1）时间上：有最近热门的美食、近期值得吃的美食等

（2）空间上：从附近的人吃啥推荐（按吃的人数多少排序）

（3）根据用户最近浏览记录进行店铺推荐

（4）通过人群最常点推荐

（5）通过添加美食标签的方法进行推荐等等

各种推荐形式

繁多的推荐方式一定程度上达到了应有的推荐作用。然而仍然存在两个问题。

（1）多种推荐方式在排版上极高的相似度加上大量图片文字堆叠使可读性变差。

（2）繁多的推荐方式反而易使用户变得迷茫，可用性变差。（吃啥功能本身应该是为了有效率地帮助用户解决选餐问题的）

笔者以为“发现”和“吃啥”功能都是为了在用户不知道吃什么时为用户提供合理建议，他们应该像私人秘书一样懂得用户所想，提供贴心推荐。每个人都有自己的口味偏好，而且短期内不会出现大的变动，因此通过分析用户之前订餐的历史纪录，浏览记录以及用餐评价，来进行私人推荐，维度上的综合能使推荐更加精准。体现了应用服务的人性化，使得应用更有温度，体贴入微。

二、交互细节

1、“店铺列表”

首页店铺列表是此类订餐应用的核心功能，饿了么、百度外卖、美团外卖在列表排版上几乎相同；在距离、起送价等的次级信息内容选择上也差异不大。然而在带缩略图的内容列表中，饿了么有一点不足——图片尺寸略小。既然选择了左图右文的排版，用户从左到右浏览时最容易注意的内容是图片，那么图片必须给用户提供足够的导航能力，因为用户需要快速的接收和筛选信息。美食图片需要在口味和品相上有辨识度，以引起用户的食欲。

商家列表页面

2、“搜索”

三大平台的搜索入口采用了两种不同的展示方式。饿了么和百度外卖选择了带提示输入框的形式展示搜索入口，而美团外卖使用简化的搜索入口，只在首页右上角放置搜索图标。

不同搜索入口展示方式

用户订餐常用的两种主要方式，分别是直接通过商家列表选择订餐和通过搜索功能选择订餐。

从形式上看，饿了么和百度外卖的搜索入口使用带提示语的输入框式按钮，有更强的隐喻性，但点击操作后的响应均是从右侧滑入搜索页面，使原来的输入框式设计带上了欺骗性，因为用户第一次点击时可能会习惯性地以为要在当页进行输入。

从操作上看，经常使用搜索功能的用户心里有明确的目的，因此会主动寻找搜索入口。笔者以为搜索入口的关键是放在用户习惯的位置，当用户（这里主要考虑中间用户）需要搜索时自然会去找已经约定俗成或者说习以为常的搜索入口位置。

因此笔者认为美团外卖在首页右上角放置搜索图标的搜索入口位置比较合理，这样把位置留给了其他主要内容，比如列表区块的内容可以占有更多的显示空间。（毕竟移动设备上的显示空间寸土寸金）如果我是交互设计师，订餐应用的搜索功能入口还应该可以做得比周边元素做的醒目一些，提高其可交互性（比如改变颜色，大小等）。

从搜索输入的响应体验上看，三大平台的搜索结果都会根据用户输入实时显示，省去了用户点击搜索的动作。但是搜索结果出现的敏捷度却有所不同。

饿了么和百度外卖至少需要输入一个字才会出现搜索结果，而且搜索结果出现较缓慢需要用户等待（这使得点击搜索和自动搜索的速度优劣性已经区分不大）。

而百度外卖在用户输入第一个拼音首字母时已经出现搜索结果，而且同网速条件下结果出现的速度较快基本不需等待，使得体验优于前两者。

搜索结果展示的敏捷度不同

3、“订单删除”

笔者在使用中发现，美团外卖在删除单一订单里，一次完整的订单删除操作需要四次点击（N份订单删除则需要2的N次方+2次点击），手指的操作距离也较大，需要横跨屏幕。

单个订单删的4个步骤

同情景下，饿了么一次完整的订单删除需要两次点击（即N份订单删除需要2的N次方次点击），而且操作距离则较短。百度外卖的订单可以左滑删除，需要两次点击（N份订单需要2的N次方次点击）。相比百度外卖的订单删除功能有些过于隐蔽不易被用户发现。

如果我是交互设计师，订单编辑中在保证点击流程合理流畅的前提下，用户点击数应该尽量越少越好。因此笔者建议加入批量删除的功能，以减少多订单删除情景下的点击次数。

三、总结

通过对三大主流订餐应用的“内容结构”和“交互细节”的浅析，笔者发现目前市面上主流的订餐应用大体上都做得比较相近，主要不同在一些细节上。

但是细节的处理对用户体验产生着重要的影响，因此更细致入微，体贴人心的设计会更受用户的欢迎。想用户所想，节省用户思考的设计会给用户更佳人性化的交互体验。

初次写交互体验笔记见解浅显。如有疏漏，欢迎指正交流^_^