美團外賣(mài)進(jìn)軍香港，UI竟然改頭換面了！
前段時(shí)間，美團旗下的外賣(mài)平臺KeeTa正式在香港上線(xiàn)的消息引發(fā)了網(wǎng)友關(guān)注，那么，在香港上線(xiàn)的KeeTa，其UI設計有哪些特別之處？本文作者便嘗試將KeeTa與其他外賣(mài)平臺的設計進(jìn)行了對比分析，一起來(lái)看看吧。
美團進(jìn)軍香港了，不但改名為KeeTa，吉祥物從袋鼠變成獵豹。
我下載KeeTa看了一下，UI和美團外賣(mài)完全不同，但我估計設計師應該還是從美團內部找的。
而香港本土的外賣(mài)app長(cháng)什么樣呢？下面是AppStore下載量前2名的foodpanda和戶(hù)戶(hù)送（Deliveroo）。前者是德國公司，后者是英國公司：
今天想來(lái)和大家對比一下KeeTa和美團外賣(mài)以及戶(hù)戶(hù)送的界面，順便觀(guān)察一下海內外互聯(lián)網(wǎng)用戶(hù)習慣和設計水平的差異。
一、設計更簡(jiǎn)潔
把3個(gè)香港外賣(mài)的首頁(yè)放在一起，foodpanda是最簡(jiǎn)潔的，其次是KeeTa：
但是foodpanda首頁(yè)根本沒(méi)露出幾個(gè)菜品/店鋪，這空間利用率就有點(diǎn)不劃算了。
但是要論頁(yè)面結構，其實(shí)戶(hù)戶(hù)送比KeeTa更簡(jiǎn)單，但是他們喜歡用大面積的圖片，導致視覺(jué)上變復雜了。
KeeTa的模塊雖然更多，但是因為視覺(jué)層次分明，所以顯得更簡(jiǎn)潔。
為什么我不把美團外賣(mài)放一起對比？因為實(shí)在相差太遠，單看一個(gè)店鋪打卡就是天差地別：
KeeTa為什么可以比美團外賣(mài)簡(jiǎn)潔那么多呢？這就要提到下一點(diǎn)了：
二、內容更輕量
foodpanda和戶(hù)戶(hù)送在商戶(hù)卡片上更強調配送時(shí)間，其次是評分和運費。
評分可以理解，強調時(shí)間和運費估計是因為外賣(mài)在歐洲的配送時(shí)間較長(cháng)而且運費較貴，需要強調。
而KeeTa不強調時(shí)間，可能是對自己的配送時(shí)間比較有信心。KeeTa會(huì )多加一個(gè)最低消費金額，這個(gè)感覺(jué)挺有用，不知道為啥那兩家競品沒(méi)有。
KeeTa缺少的是評分數據，這個(gè)應該是考慮到剛上線(xiàn)數據較少，以后應該會(huì )加上。
進(jìn)入店鋪后，KeeTa的菜品分類(lèi)也是比較少，因為是橫滑菜單，實(shí)在放不了太多。
所以，很多菜品的選項其實(shí)是藏起來(lái)了，點(diǎn)菜的時(shí)候再選。
KeeTa
而美團外賣(mài)應該菜品分類(lèi)是縱向排列，所以可以創(chuàng )建很多菜品。很多店鋪為了讓自己菜品更加復雜，寧愿把一個(gè)菜品的不同選項拆成多個(gè)菜品。
美團外賣(mài)
KeeTa這么設計菜單，估計是跟foodpanda和戶(hù)戶(hù)送學(xué)的：
foodpanda
戶(hù)戶(hù)送
為什么這兩個(gè)競品都用橫向菜單呢？
我在歐洲時(shí)感覺(jué)他們的飯店規模比較小，菜品種類(lèi)也不多，可能這樣的設計更符合他們的需求吧。
三、運營(yíng)更隨意
刷了一下KeeTa的店鋪，我發(fā)現他們在封面圖上沒(méi)有美團外賣(mài)那么“用力”。基本上都是某個(gè)菜品的特寫(xiě)，加個(gè)標題那都算非常罕見(jiàn)了。
而且KeeTa大部分店鋪沒(méi)有任何優(yōu)惠，有也一般只有一個(gè)優(yōu)惠規則，例如滿(mǎn)$100享9折，很少出現2個(gè)或以上的。
KeeTa
對比一下美團外賣(mài)的封面，很少有不做設計的，很少有只放圖片那么簡(jiǎn)單。
而優(yōu)惠條件則是動(dòng)輒三四條，比KeeTa復雜多了。
美團外賣(mài)
對比一下foodpanda和戶(hù)戶(hù)送，發(fā)現他們也是用這種純圖片的封面為主。
而且他們的店鋪信息里根本沒(méi)有放優(yōu)惠規則的地方，只能往封面圖上放，不是左上角就是左下角。
foodpanda
戶(hù)戶(hù)送
這么一對比，好像美團外賣(mài)的規則復雜度和他們都不是一個(gè)層級的。
四、風(fēng)格更“復古”
雖然KeeTa更簡(jiǎn)潔，但還是有一些讓我不習慣的地方。
首先是左上角的這個(gè)logo，咱們這好像很早以前就不流行了，所以對我來(lái)說(shuō)有點(diǎn)兒復古。
但是對香港人來(lái)說(shuō)可能算很正常，因為YouTube、Instagram、Twitter等很多海外app都在標題欄放logo。
不過(guò)另外兩家競對手可沒(méi)有這個(gè)logo：
還有一點(diǎn)，我之前發(fā)文說(shuō)過(guò)現在很多app都不放banner了，這里面就包括美團外賣(mài)：
上圖來(lái)源：大廠(chǎng)APP正默默撤下banner
所以KeeTa的那個(gè)大banner還真是讓我有點(diǎn)不習慣。
但是可以理解，因為foodpanda和戶(hù)戶(hù)送也有，雖然樣式不太一樣。
咱們的app去掉banner是為了更高效的空間利用，換句話(huà)說(shuō)就是塞更多信息。
香港的外賣(mài)app沒(méi)那么多信息要放，保留banner也正常。
五、內容國際化
KeeTa大部分店鋪都會(huì )在中文名后寫(xiě)英文名、分鐘用min、配送兩個(gè)字用圖標……這些細節估計是為了適應當地的語(yǔ)言環(huán)境，畢竟老外占比多些。
不過(guò)有個(gè)讓我意外的點(diǎn)是雙語(yǔ)菜單——不是中文和英文寫(xiě)一行，而是特意為英文加一行小字。
其實(shí)現在主流的觀(guān)點(diǎn)是，UI界面不應該同時(shí)顯示多種語(yǔ)言。所以不管是中國還是美國，主流app都是通過(guò)系統語(yǔ)言識別+手動(dòng)切換來(lái)顯示不同的語(yǔ)言的。
所以，就連英國和德國出身的競品都沒(méi)有提供這種雙語(yǔ)結構菜單。
但是KeeTa加上這個(gè)東西，我是可以理解的，因為幾乎所有的店鋪都要在中文名后面加上英文名。
你覺(jué)得KeeTa的UI如何？
一方水土養一方人，不同市場(chǎng)的產(chǎn)品形態(tài)也相差很大。
然而但從技術(shù)上看，你覺(jué)得為香港而生的KeeTa的設計水平如何呢？
專(zhuān)欄作家
ZoeYZ，一名前華為騰訊留英設計師；*：體驗進(jìn)階；人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。
本文由@體驗進(jìn)階的ZoeYZ 原創(chuàng )發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉載。
題圖來(lái)自Unsplash，基于CC0協(xié)議。
