前段時(shí)間，美團(tuán)旗下的外賣平臺(tái)KeeTa正式在香港上線的消息引發(fā)了網(wǎng)友關(guān)注，那么，在香港上線的KeeTa，其UI設(shè)計(jì)有哪些特別之處？本文作者便嘗試將KeeTa與其他外賣平臺(tái)的設(shè)計(jì)進(jìn)行了對(duì)比分析，一起來看看吧。

美團(tuán)進(jìn)軍香港了，不但改名為KeeTa，吉祥物從袋鼠變成獵豹。

我下載KeeTa看了一下，UI和美團(tuán)外賣完全不同，但我估計(jì)設(shè)計(jì)師應(yīng)該還是從美團(tuán)內(nèi)部找的。

而香港本土的外賣app長(zhǎng)什么樣呢？下面是AppStore下載量前2名的foodpanda和戶戶送（Deliveroo）。前者是德國(guó)公司，后者是英國(guó)公司：

今天想來和大家對(duì)比一下KeeTa和美團(tuán)外賣以及戶戶送的界面，順便觀察一下海內(nèi)外互聯(lián)網(wǎng)用戶習(xí)慣和設(shè)計(jì)水平的差異。

一、設(shè)計(jì)更簡(jiǎn)潔

把3個(gè)香港外賣的首頁(yè)放在一起，foodpanda是最簡(jiǎn)潔的，其次是KeeTa：

但是foodpanda首頁(yè)根本沒露出幾個(gè)菜品/店鋪，這空間利用率就有點(diǎn)不劃算了。

但是要論頁(yè)面結(jié)構(gòu)，其實(shí)戶戶送比KeeTa更簡(jiǎn)單，但是他們喜歡用大面積的圖片，導(dǎo)致視覺上變復(fù)雜了。

KeeTa的模塊雖然更多，但是因?yàn)橐曈X層次分明，所以顯得更簡(jiǎn)潔。

為什么我不把美團(tuán)外賣放一起對(duì)比？因?yàn)閷?shí)在相差太遠(yuǎn)，單看一個(gè)店鋪打卡就是天差地別：

KeeTa為什么可以比美團(tuán)外賣簡(jiǎn)潔那么多呢？這就要提到下一點(diǎn)了：

二、內(nèi)容更輕量

foodpanda和戶戶送在商戶卡片上更強(qiáng)調(diào)配送時(shí)間，其次是評(píng)分和運(yùn)費(fèi)。

評(píng)分可以理解，強(qiáng)調(diào)時(shí)間和運(yùn)費(fèi)估計(jì)是因?yàn)橥赓u在歐洲的配送時(shí)間較長(zhǎng)而且運(yùn)費(fèi)較貴，需要強(qiáng)調(diào)。

而KeeTa不強(qiáng)調(diào)時(shí)間，可能是對(duì)自己的配送時(shí)間比較有信心。KeeTa會(huì)多加一個(gè)最低消費(fèi)金額，這個(gè)感覺挺有用，不知道為啥那兩家競(jìng)品沒有。

KeeTa缺少的是評(píng)分?jǐn)?shù)據(jù)，這個(gè)應(yīng)該是考慮到剛上線數(shù)據(jù)較少，以后應(yīng)該會(huì)加上。

進(jìn)入店鋪后，KeeTa的菜品分類也是比較少，因?yàn)槭菣M滑菜單，實(shí)在放不了太多。

所以，很多菜品的選項(xiàng)其實(shí)是藏起來了，點(diǎn)菜的時(shí)候再選。

KeeTa

而美團(tuán)外賣應(yīng)該菜品分類是縱向排列，所以可以創(chuàng)建很多菜品。很多店鋪為了讓自己菜品更加復(fù)雜，寧愿把一個(gè)菜品的不同選項(xiàng)拆成多個(gè)菜品。

美團(tuán)外賣

KeeTa這么設(shè)計(jì)菜單，估計(jì)是跟foodpanda和戶戶送學(xué)的：

foodpanda

戶戶送

為什么這兩個(gè)競(jìng)品都用橫向菜單呢？

我在歐洲時(shí)感覺他們的飯店規(guī)模比較小，菜品種類也不多，可能這樣的設(shè)計(jì)更符合他們的需求吧。

三、運(yùn)營(yíng)更隨意

刷了一下KeeTa的店鋪，我發(fā)現(xiàn)他們?cè)诜饷鎴D上沒有美團(tuán)外賣那么“用力”?；旧隙际悄硞€(gè)菜品的特寫，加個(gè)標(biāo)題那都算非常罕見了。

而且KeeTa大部分店鋪沒有任何優(yōu)惠，有也一般只有一個(gè)優(yōu)惠規(guī)則，例如滿$100享9折，很少出現(xiàn)2個(gè)或以上的。

KeeTa

對(duì)比一下美團(tuán)外賣的封面，很少有不做設(shè)計(jì)的，很少有只放圖片那么簡(jiǎn)單。

而優(yōu)惠條件則是動(dòng)輒三四條，比KeeTa復(fù)雜多了。

美團(tuán)外賣

對(duì)比一下foodpanda和戶戶送，發(fā)現(xiàn)他們也是用這種純圖片的封面為主。

而且他們的店鋪信息里根本沒有放優(yōu)惠規(guī)則的地方，只能往封面圖上放，不是左上角就是左下角。

foodpanda

戶戶送

這么一對(duì)比，好像美團(tuán)外賣的規(guī)則復(fù)雜度和他們都不是一個(gè)層級(jí)的。

四、風(fēng)格更“復(fù)古”

雖然KeeTa更簡(jiǎn)潔，但還是有一些讓我不習(xí)慣的地方。

首先是左上角的這個(gè)logo，咱們這好像很早以前就不流行了，所以對(duì)我來說有點(diǎn)兒復(fù)古。

但是對(duì)香港人來說可能算很正常，因?yàn)閅ouTube、Instagram、Twitter等很多海外app都在標(biāo)題欄放logo。

不過另外兩家競(jìng)對(duì)手可沒有這個(gè)logo：

還有一點(diǎn)，我之前發(fā)文說過現(xiàn)在很多app都不放banner了，這里面就包括美團(tuán)外賣：

上圖來源：大廠APP正默默撤下banner

所以KeeTa的那個(gè)大banner還真是讓我有點(diǎn)不習(xí)慣。

但是可以理解，因?yàn)閒oodpanda和戶戶送也有，雖然樣式不太一樣。

咱們的app去掉banner是為了更高效的空間利用，換句話說就是塞更多信息。

香港的外賣app沒那么多信息要放，保留banner也正常。

五、內(nèi)容國(guó)際化

KeeTa大部分店鋪都會(huì)在中文名后寫英文名、分鐘用min、配送兩個(gè)字用圖標(biāo)……這些細(xì)節(jié)估計(jì)是為了適應(yīng)當(dāng)?shù)氐恼Z(yǔ)言環(huán)境，畢竟老外占比多些。

不過有個(gè)讓我意外的點(diǎn)是雙語(yǔ)菜單——不是中文和英文寫一行，而是特意為英文加一行小字。

其實(shí)現(xiàn)在主流的觀點(diǎn)是，UI界面不應(yīng)該同時(shí)顯示多種語(yǔ)言。所以不管是中國(guó)還是美國(guó)，主流app都是通過系統(tǒng)語(yǔ)言識(shí)別+手動(dòng)切換來顯示不同的語(yǔ)言的。

所以，就連英國(guó)和德國(guó)出身的競(jìng)品都沒有提供這種雙語(yǔ)結(jié)構(gòu)菜單。

但是KeeTa加上這個(gè)東西，我是可以理解的，因?yàn)閹缀跛械牡赇伓家谥形拿竺婕由嫌⑽拿?/p>

你覺得KeeTa的UI如何？

一方水土養(yǎng)一方人，不同市場(chǎng)的產(chǎn)品形態(tài)也相差很大。

然而但從技術(shù)上看，你覺得為香港而生的KeeTa的設(shè)計(jì)水平如何呢？