美團外賣進軍香港,UI竟然改頭換面了!

3 評論 7350 瀏覽 29 收藏 11 分鐘

前段時間,美團旗下的外賣平臺KeeTa正式在香港上線的消息引發了網友關注,那么,在香港上線的KeeTa,其UI設計有哪些特別之處?本文作者便嘗試將KeeTa與其他外賣平臺的設計進行了對比分析,一起來看看吧。

美團進軍香港了,不但改名為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協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 感覺是在追趕競品階段

    來自北京 回復
  2. 感覺三個軟件的差異不算特別大,KeeTa還行吧

    來自福建 回復
    1. 個人感覺設計很亂,尤其是實物圖片太多,字體正負極相差太小,而且那logo感覺就找個外行設計的,很過時

      來自浙江 回復