5

美团外卖进军香港,UI竟然改头换面了!

 11 months ago
source link: https://www.woshipm.com/pd/5848100.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

前段时间,美团旗下的外卖平台KeeTa正式在香港上线的消息引发了网友关注,那么,在香港上线的KeeTa,其UI设计有哪些特别之处?本文作者便尝试将KeeTa与其他外卖平台的设计进行了对比分析,一起来看看吧。

f677f94e-d9e9-11ed-a6e8-00163e0b5ff3.jpg

美团进军香港了,不但改名为KeeTa,吉祥物从袋鼠变成猎豹。

美团外卖进军香港,UI竟然改头换面了!
美团外卖进军香港,UI竟然改头换面了!

我下载KeeTa看了一下,UI和美团外卖完全不同,但我估计设计师应该还是从美团内部找的。

美团外卖进军香港,UI竟然改头换面了!

而香港本土的外卖app长什么样呢?下面是AppStore下载量前2名的foodpanda和户户送(Deliveroo)。前者是德国公司,后者是英国公司:

美团外卖进军香港,UI竟然改头换面了!

今天想来和大家对比一下KeeTa和美团外卖以及户户送的界面,顺便观察一下海内外互联网用户习惯和设计水平的差异。

一、设计更简洁

把3个香港外卖的首页放在一起,foodpanda是最简洁的,其次是KeeTa:

美团外卖进军香港,UI竟然改头换面了!

但是foodpanda首页根本没露出几个菜品/店铺,这空间利用率就有点不划算了。

但是要论页面结构,其实户户送比KeeTa更简单,但是他们喜欢用大面积的图片,导致视觉上变复杂了。

KeeTa的模块虽然更多,但是因为视觉层次分明,所以显得更简洁。

为什么我不把美团外卖放一起对比?因为实在相差太远,单看一个店铺打卡就是天差地别:

美团外卖进军香港,UI竟然改头换面了!

KeeTa为什么可以比美团外卖简洁那么多呢?这就要提到下一点了:

二、内容更轻量

foodpanda和户户送在商户卡片上更强调配送时间,其次是评分和运费。

美团外卖进军香港,UI竟然改头换面了!

评分可以理解,强调时间和运费估计是因为外卖在欧洲的配送时间较长而且运费较贵,需要强调。

而KeeTa不强调时间,可能是对自己的配送时间比较有信心。KeeTa会多加一个最低消费金额,这个感觉挺有用,不知道为啥那两家竞品没有。

美团外卖进军香港,UI竟然改头换面了!

KeeTa缺少的是评分数据,这个应该是考虑到刚上线数据较少,以后应该会加上。

进入店铺后,KeeTa的菜品分类也是比较少,因为是横滑菜单,实在放不了太多。

所以,很多菜品的选项其实是藏起来了,点菜的时候再选。

美团外卖进军香港,UI竟然改头换面了!

KeeTa

而美团外卖应该菜品分类是纵向排列,所以可以创建很多菜品。很多店铺为了让自己菜品更加复杂,宁愿把一个菜品的不同选项拆成多个菜品。

美团外卖进军香港,UI竟然改头换面了!

KeeTa这么设计菜单,估计是跟foodpanda和户户送学的:

美团外卖进军香港,UI竟然改头换面了!

foodpanda

美团外卖进军香港,UI竟然改头换面了!

为什么这两个竞品都用横向菜单呢?

我在欧洲时感觉他们的饭店规模比较小,菜品种类也不多,可能这样的设计更符合他们的需求吧。

三、运营更随意

刷了一下KeeTa的店铺,我发现他们在封面图上没有美团外卖那么“用力”。基本上都是某个菜品的特写,加个标题那都算非常罕见了。

而且KeeTa大部分店铺没有任何优惠,有也一般只有一个优惠规则,例如满$100享9折,很少出现2个或以上的。

美团外卖进军香港,UI竟然改头换面了!

KeeTa

对比一下美团外卖的封面,很少有不做设计的,很少有只放图片那么简单。

而优惠条件则是动辄三四条,比KeeTa复杂多了。

美团外卖进军香港,UI竟然改头换面了!

对比一下foodpanda和户户送,发现他们也是用这种纯图片的封面为主。

而且他们的店铺信息里根本没有放优惠规则的地方,只能往封面图上放,不是左上角就是左下角。

美团外卖进军香港,UI竟然改头换面了!

foodpanda

美团外卖进军香港,UI竟然改头换面了!

这么一对比,好像美团外卖的规则复杂度和他们都不是一个层级的。

四、风格更“复古”

虽然KeeTa更简洁,但还是有一些让我不习惯的地方。

首先是左上角的这个logo,咱们这好像很早以前就不流行了,所以对我来说有点儿复古。

美团外卖进军香港,UI竟然改头换面了!

但是对香港人来说可能算很正常,因为YouTube、Instagram、Twitter等很多海外app都在标题栏放logo。

美团外卖进军香港,UI竟然改头换面了!

不过另外两家竞对手可没有这个logo:

美团外卖进军香港,UI竟然改头换面了!

还有一点,我之前发文说过现在很多app都不放banner了,这里面就包括美团外卖:

美团外卖进军香港,UI竟然改头换面了!

上图来源:大厂APP正默默撤下banner

所以KeeTa的那个大banner还真是让我有点不习惯。

美团外卖进军香港,UI竟然改头换面了!

但是可以理解,因为foodpanda和户户送也有,虽然样式不太一样。

美团外卖进军香港,UI竟然改头换面了!

咱们的app去掉banner是为了更高效的空间利用,换句话说就是塞更多信息。

香港的外卖app没那么多信息要放,保留banner也正常。

五、内容国际化

KeeTa大部分店铺都会在中文名后写英文名、分钟用min、配送两个字用图标……这些细节估计是为了适应当地的语言环境,毕竟老外占比多些。

美团外卖进军香港,UI竟然改头换面了!

不过有个让我意外的点是双语菜单——不是中文和英文写一行,而是特意为英文加一行小字。

美团外卖进军香港,UI竟然改头换面了!

其实现在主流的观点是,UI界面不应该同时显示多种语言。所以不管是中国还是美国,主流app都是通过系统语言识别+手动切换来显示不同的语言的。

所以,就连英国和德国出身的竞品都没有提供这种双语结构菜单。

美团外卖进军香港,UI竟然改头换面了!

但是KeeTa加上这个东西,我是可以理解的,因为几乎所有的店铺都要在中文名后面加上英文名。

你觉得KeeTa的UI如何?

一方水土养一方人,不同市场的产品形态也相差很大。

然而但从技术上看,你觉得为香港而生的KeeTa的设计水平如何呢?

专栏作家

ZoeYZ,一名前华为腾讯留英设计师;公众号:体验进阶;人人都是产品经理专栏作家。

本文由@体验进阶的ZoeYZ 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK