饿了么Android V6.0设计思考：我只想吃饭更快！

现在很多上班族、学生党和懒癌宅团都会在手机里备一些吃饭消费应用，目的很简单就是解决足不出户又能吃到想要的美食，在饿的第一时间里就能填饱肚子。同样的目的，饿了么也是我会选用的吃饭应用之一。

各类店家引荐、快速订餐、上货上门一条龙服务之下，饿了么也在功能和视觉上不断的迭代和完善，但讲究快和高效保质对于快消行业而言很关键，如何在信息类繁多的店铺和商品里能快速定位自己想要的消费品也很重要，从饿了么的界面视觉和交互设计上仍有很大的优化空间。

饿了么slogen

1.最大程度的匹配搜索结果

在内容信息型产品里搜索功能最为常见，饿了么在action bar里也做了置顶突出。点击搜索栏键盘直接弹出输入，并提供热门搜索tag作为筛选，降低输入操作；搜索结果页里也提供更为精确的筛选排除，这对有心里有预期和希望有参考的用户是不错的选择。

饿了么原搜索页

从搜索输入栏的提示语看，饿了么遵循以商家、商品两大类关键词，搜索结果也是两类答案的综合，视觉排版也很相似，默认下由商家店铺起头引出商品。但在商家名字不再是关键词时，你可能会越过这些不相关的信息，重新寻找关键词商品，无形增加了搜索行为的压力。

因此，我会先做出视觉差异化，从两类搜索关键词中将不同信息分离出来。目的为在第一时间里最快判断答案属于哪一边，方便我直接查阅。

优化后的搜索：商家和商品视觉差异化

利用tab是随时切换和展示同类信息的高效途径，更为专一显示结果。

不同类型下的热点词展示的主体信息也不同，商家和商品两种类别前者偏向店铺保证和优惠等商业信息，后者更偏向产品自身特色吸引点。

Key word的颜色引导和重整的列表布局，很容易垂直阅览，而不是“ ) ”弧形线地跳跃视线。

2.更轻松的点餐下单页

锁定店铺和餐品，必定会进入详情去了解合不合适自己再快速决定下单。饿了么在一个页面里也设定了浏览菜单和消费买单两个行为并用。左滑、顶部切换、借用下拉显示优惠活动等多个手势操作都在当前页里实现，节省了再进入多个入口操作的时间。

但菜单的主导者是在商家，不同商家对于表格的填写都会不同，当出现不一致下，界面视觉很可能会出现混乱，展示的信息也参差不齐，读取信息变慢。

饿了么原详情页

重新组织和规划元素，可以成为优化的一个切入点。我的优化基于利用和隐藏。

详情页优化前（左）；优化后（右）

标签、气泡确实能醒目提醒我们信息，但过度使用适得其反，尤其标签也会占位符。换成角标为不稳定的字符腾出空间也避免视觉阻挡。

组织信息。关于次信息，下拉、收起的手势一定程度上为这些信息提供很好的便利，如果需要可以把关键词简约提出；分隔位置，预留次信息。

购物车元素利用。数字气泡的总数和购物车里的清单数目一致，统一入口就好。

3.让等餐不再盲目

饿了么在完成下单后做了地图定位，实时追踪餐品的状态和联系骑手，体验很棒。但如果能让数据信息可视化，不用全屏地图就能一眼看到进度，时刻准备吃饭的心情是不是会更好？

追踪页优化前（左）；优化后（右）

饿了么原图中，数据可变是列表的时间和地图上科比的距离。当需要看到我和餐品距离时，只能点击进入地图全屏，多步操作。

那么我的优化是，数据可视化方式简要地告知距离和时间，自己对获取餐品有预期时间估算。

图形模拟场景，商家、骑手、家(我们)，数据跟随变动可以更有趣。

通屏设计，减少多分割视觉。

对于饿了么的体验，也是自己在使用过程中想“快点吃就行”的一些想法。我主要还是从视觉界面去谈，信息的展示流、引导都会关系到查阅餐品时的速度和效率，甚至是线上怎么去得知商家的质量保证，以上是我的一些优化浅谈和方案，还请多多指教～