美文网首页
饿了么Android V6.0设计思考:我只想吃饭更快!

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

作者: Amuuuuuu | 来源:发表于2016-08-12 14:49 被阅读0次

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

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

饿了么slogen

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

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

饿了么原搜索页

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

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

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

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

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

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

2.更轻松的点餐下单页

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

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

饿了么原详情页

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

详情页优化前(左);优化后(右)

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

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

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

3.让等餐不再盲目

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

追踪页优化前(左);优化后(右)

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

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

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

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

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

相关文章

  • 饿了么Android V6.0设计思考:我只想吃饭更快!

    现在很多上班族、学生党和懒癌宅团都会在手机里备一些吃饭消费应用,目的很简单就是解决足不出户又能吃到想要的美食,在饿...

  • 饿了么IOS APP产品体验

    体验时间:2016.8.4版本:IOS v6.0(149) 1、首页 如图,饿了么点进去,首页即是外卖页。顶部是定...

  • 饿了么-Android开发

    电话面 自我介绍 String、StringBuffer与StringBuilder之间区别 Java中字符串常量...

  • Tedis:基于 TiKV 构建的 NoSQL 数据库

    作者介绍:陈东明,饿了么北京技术中心架构组负责人,负责饿了么的产品线架构设计以及饿了么基础架构研发工作。曾任百度架...

  • 饿了么,饿了......

    饿了么?多么温情的一句问候,不仅仅是问候,确实也让无数人足不出户就能喂饱肚子,不管你在城市的哪个角落,只要一个电话...

  • 智障的情话系列(十一)

    “你饿了么” “饿了,没得吃” “真好,我正在吃饭,你饿着看我吃” “那也挺好的” “是吗?好在哪?” “看着你吃...

  • 饿了么整体流程设计

    作为一个准产品经理,思考此类问题,需要思路清晰,能够准确找到系统中关联角色(用户、商家、骑手、平台系统),并有效做...

  • 前端UI框架

    1. Vue ElementUI是由饿了么UED设计、饿了么前端团队开发的,基于Vue2.0的桌面端组件库。Vue...

  • EventBus

    EventBus 3.0原理分析 HermesEventBus-饿了么开源的Android跨进程事件分发框架

  • 零秒思考练习--思考2017051704

    思考 1.平时用饿了么叫外卖很多,我不太理解这个拍客是干嘛的。 2.如果饿了么能够把他们的事业做到专、精、优,那会...

网友评论

      本文标题:饿了么Android V6.0设计思考:我只想吃饭更快!

      本文链接:https://www.haomeiwen.com/subject/tyassttx.html