主流订餐应用的交互体验浅析

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次方次点击)。相比百度外卖的订单删除功能有些过于隐蔽不易被用户发现。

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

三、总结

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

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


初次写交互体验笔记见解浅显。如有疏漏,欢迎指正交流^_^
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容