Design in Singapore 篇一

新加坡,花園城市,有著許多出自大師之手的世界知名建築,有著大大小小的博物館、藝術館,處處充滿著藝術的氛圍。另一方面,新加坡許多科技也處在世界前列。這裡有世界上最快(之一)的網路,有著政府對創新技術的大力支持。

這是一個信息化的城市,一個充滿藝術的城市。

那今天,我們來看一些新加坡的設計,看一下設計如何與新技術結合,推動時代的發展。

好吧。

畫風不是這樣的。

這是一篇吐槽篇。

而且其實想吐槽的有很多很多。

沒那麼多精力寫。

先寫上周末碰到的兩個。

+ + + + + + + + + + + + + + + + + + + + + + + + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + +

周末跟朋友出去吃喝玩樂。

現在坡縣的餐廳等等用iPad來點菜之類的已經見怪不怪了(政府有補貼)。好多時候餐廳會提供一隻全副武裝的iPad。但是需要自己下App來操作的似乎並不多見。我們竟然一天碰到了兩次。

作為一個還算跟得上時代發展的宅,對此還是感到欣喜的。我並不在意下載App所需的時間和流量。任何新鮮的東西都值得體驗一下。

但是,當App打開的瞬間,之前的欣喜頓時飛到了九霄雲外。

你們,到底是都是找誰做的App。

你們,到底是都是找誰做的App。

你們,到底是都是找誰做的App。

你們,到底是都是找誰做的App。

你們,到底是都是找誰做的App。

你們,到底是都是找誰做的App。

待我來一個個吐槽(次序不分先後)。

板長壽司:

吐槽之前,先聲明一下:板長壽司的服務還是不錯的,東西也很好吃,價格也算公道,App也並不是強制使用。這裡純粹是吐槽一下他們在推廣的App。另外,板長壽司之所以打頭陣,只是因為它就是我們上周去吃的。相對其他某些 App/網站來說,他們算好的了。奇葩的在後頭呢。

* * 吐 * 槽 * 開 * 始 * *

打開App,首先映入眼帘的是它們的各家分店。以下為手機截圖:

一見到這個頁面,一口老血差點沒噴出來。

這不明所以深紅色的邊框是怎麼回事?你們公司的色調並不是深紅色的吧。這先不說,為啥邊框還對不齊?需要這麼多橫線么?圖片與邊框之間的處理到底是怎麼一回事?為啥圖片上還有粗細不等時有時無不在邊上的白邊?

其次,你們各家門店能不能找個好點的攝影師來拍?實話說,可能現在的小學生拍這些都能拍的更好看一點。

(門店都長得差不多,有必要每個放一張照片么,就沒有更好的呈現方式?)

視線轉向左上角。

左上角不大的空間內,塞入了兩個logo。「板長壽司」的 logo 還能理解,你那個「いつも感謝を」的 slogan 確定能看得見?

我們再把視線轉向右上角,這個災難性的地方。

現在是2017年。iPhone 4 的視網膜屏已經出現了7年。7年了啊,都7年了啊,你都沒法弄一個高解析度一點的圖標?人家都已經全部切換成矢量的 icon font 了,這裡竟然 Hamburger Menu 的三條橫線都能是糊的。(有關 Hamburger Menu 是否適用這種設計界還在爭論的東西這裡不作討論。這種設計還遠遠不夠格去討論這種第一世界的話題。另外幾個圖標用在這裡是否合適也不作討論)

另外,你那個 「Assistance」 和 「View Order」 文字,為什麼不一樣大?幸好我是射手座,萬一碰到個處女座的怎麼辦?這個小的角落,塞下這麼多文字,你確定它能承受的了嗎?

哦對了,當你選擇了一家門店後,右上角還會出現門店的坐標(PS:Star Vista 是我為了截圖隨便選的,我們並不是在那吃的)。

這個右上角真辛苦。應該給它漲工資。

這個右上角真辛苦。應該給它漲工資。

這個右上角真辛苦。應該給它漲工資。

該表揚的一點是支持中文(不過並不支持日文——你是一家「日本壽司」店啊)。但是中文?「呼叫服務」的腳底被砍了。

可能之前已經吐過了,進入主頁後竟然感覺賞心悅目——在忽略 Top Bar 和左邊那9個點的前提下。圖片不再辣眼而讓人頗有食慾。雖然格子的交界處還有不明所以的間隙,但只要不是處女座一般也不會感覺什麼。圖片也是懶載入,在這種情況下是不是應該鼓掌一下呢。

唯一想吐槽的是,為啥 「Season special」 只是一個 「S」 大寫,其他的都是全部大寫呢?

如果說是其餘因為是食物種類而大寫的話,那麼,列表最後的那些:

「LIMITED PROMOTION」: 全大寫

「BLUE FIN TUNA FESTIVAL」:全大寫

「Kochi Fair」:首字母大寫

這又是怎麼回事呢?

點進去一個食物看看。

右上角的那兩個圖標是啥??

右上角的那兩個圖標是啥??

右上角的那兩個圖標是啥??

右上角的那兩個圖標是啥??

還有這麼浮誇的 SOLD OUT。字和邊框還不平行。

我去洗洗眼睛。

要知道這是在手機上。我看這幾個字眼睛都要瞎了。

突然發現,App 竟然「貼心」的提供了圖標點擊放大功能。

哇塞,這麼多字能縮成這麼小的圖片。佩服佩服。在下獻上膝蓋。

再來看一下這個頁面。

每個方塊左上角右上角是什麼?小荷才露尖尖角么?

那個淡黃色我還能說是「素雅」,那麼這個土黃色真的好么?

字體突然轉變成 Serif,有何用意?(自答吧:估計沒有,應該只是懶得寫 style 了)

為啥,「Last order Timing」 里 「order」 的 「O」 沒有大寫?

...

關於此 App 還想吐槽一些,不過這裡沒發截圖展示。

首先,雖然之前稱讚了... 主頁的圖片還算好看,似乎可以讓人產生食慾。但是...

我們一桌這麼多人要對著一個手機小小的屏幕點菜啊!

我們一桌這麼多人要對著一個手機小小的屏幕點菜啊!

我們一桌這麼多人要對著一個手機小小的屏幕點菜啊!

我們一桌這麼多人要對著一個手機小小的屏幕點菜啊!

你們的菜單又多,一本一本又一本。翻完那些大大小小的菜單,最後... 要回到手機屏幕上點菜...

iPad版?我掏出了iPad,望著那蹭亮的 120Hz 的屏幕...

iPad版那是不存在的。

iPad上運行的也是手機的2x版

2x版

2x版

2x版

2x版

—— 也就是,細節放大了兩倍,更更更更更更更更更更更更更更更辣眼睛了。

回到點菜。雖然可以大家合作,Assign 一個人當 leader.... 但我們又不是在團建...

幾個手機同時點菜?似乎是不行的(誰可以去試一下)。切換回人工點菜?被告知,你之前用手機點了,只能繼續用手機點...

媽蛋,這是入了坑就出不來了么?

吃完一輪,友人聊天正興,這邊想加幾個菜,不得不讓其翻出手機,報上編號,發送訂單。

哦,這個菜有 Promotion 啊。

此時,App 會提示你有 Promotion,然後你必須切換會主頁,進入 Promotion 的分類,選擇剛才選的菜...

你這個 App 都不能自動幫我算 Promotion 的價格么?

飯畢,可抽獎。

只見 App 中出現了9張卡,嘩嘩嘩嘩嘩嘩嘩嘩嘩 Shuffle 了好久好久好久好久好久好久好久好久好久,然後讓你選一張。一股青煙冒起,這是 SSR 的吉兆。一定是。

你們的錢都燒在了抽獎浮誇的特效上了吧(註:僅為吐槽。實際挺容易做的)

+ + + + + + + + + + + + + + + + + + + + + + + + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + +

MyKara:

吃完板長壽司,大家興緻高昂,決定去隔壁唱K。

話說各大 KTV 一般都有一個觸屏控制中心——一般來說,UI/UX 都挺爛、各種切換賊卡、經常需要特殊技巧來找歌的一個控制中心。不過我也一兩年沒去唱了,不知道現在有沒有改進。

這次來到一個 KTV,被告知,我們必須先要下載一個 App 來點歌。

哦,終於不用再用那個煩人的控制中心了。想著一來 iPhone 上至少輸入各國語言都十分方便,二來覺得,做 iOS 開發的一般都比較注重UX,不說很好么至少也不會差到哪裡去(雖然才被板長壽司打臉過)。

但我為什麼這麼傻呢。

但我為什麼這麼傻呢。

但我為什麼這麼傻呢。

但我為什麼這麼傻呢。

但我為什麼這麼傻呢。

這是個叫 MyKara 的 App。先來看看 App 的介紹:

似乎感覺還不錯的樣子。雖然我不知道這個二維碼是幹嘛的也沒法掃自己手機里的二維碼,但至少,像個樣.......

我表示收回那個「子」。

這個主頁,這圖標怎麼總覺得有點怪呢。

設計師一定是想表達,我們的地球其實是個橢圓的吧。

但問題是,要橢圓也是赤道寬吧。(註:實際情況,這點區別,在這尺度上,地球就是個正圓)

好吧,正經來說,

為什麼這麼多設計師連怎麼縮放圖片都不知道?

為什麼這麼多設計師連怎麼縮放圖片都不知道?

為什麼這麼多設計師連怎麼縮放圖片都不知道?

為什麼這麼多設計師連怎麼縮放圖片都不知道?

為什麼這麼多設計師連怎麼縮放圖片都不知道?

連個等比例縮放都做不到么?

大家洗洗眼睛,辣眼睛的到了。

3

2

1

大家自由發揮吧。我已經無話可說了。

或許你會說,至少能用吧。

來。

使用前,你需要:

1. 連接 KTV 房間的 Wi-Fi

2. 更新總庫

更新總庫

更新總庫

更新總庫

更新總庫

更新總庫

App 提示,可能需要幾分鐘...

幾分鐘...

幾分鐘...

幾分鐘...

可是,你這個總庫怎麼更新不完的呢。

沒有進度條,只有個菊花轉啊轉啊轉啊轉啊轉啊轉啊轉啊轉啊轉啊轉啊轉啊轉啊轉啊......

想想不就是一堆歌的 Meta data 么。不就整個 XML 或者 JSON 發過來能有多大?

別告訴我你是一首歌一首歌 fetch 的?

網速太慢?非也。要連房間Wi-Fi的話基本是內網傳輸。房間的 Wi-Fi 確認沒問題,因為通過房間的 Wi-Fi 連外網也很快——我這個app就是這樣通過房間的 Wi-Fi從 App Store 下載的。

等了幾分鐘,還沒反應。我把手機退掉,換 iPad... 還是一樣。

最後無奈,只能叫服務員。

服務員也試了半天,最後他們提供了一台「超強防護」的 iPad 給我們...

好吧,20分鐘就這麼耗過去了。(當然要求延時了)

iPad。

iPad。

iPad。

iPad。

iPad。

嗯,App 還是只有手機版的。

瞎眼的細節再次被放大了兩倍

放大了兩倍

放大了兩倍

放大了兩倍。

(看了下手機里的MyKara,裡面當時似乎是有載入了一部分數據。App本身6.7MB,數據有35.4MB。不知道全部載入完會有多大,會用多久。)

那開始點歌吧。

那個蜜汁搜索框。。。這個我很難形容是什麼樣,只能自己實地去試。總有一種蜜汁膈應的感覺。

那個蜜汁切換動畫。。。每次切換會有個半透明的黑方塊是怎麼回事?

那個略遲鈍的反應。。。你這個App有這麼耗資源?

還有那個堪。。。。比。。。。閃(shu)。。。。電(lan)。。。。。的彈齣動畫。

還有那個怎麼也點不到的列表最後兩格 —— 因為一鬆手,列表就自動彈回去了,最後幾格就被雪藏在底部欄背後了。

怎麼也點不到

怎麼也點不到

怎麼也點不到

怎麼也點不到

雖然我們最後靠我們的無影手還是點到了。

你說我拿兩隻手指,一隻固定著列表,另一隻去點?

嗯。

我們來看下歷史。

2007 年,十年前,喬布斯發布了 iPhone,開創性的將 Multi-touch 帶入了尋常百姓家。

十年過後,一個 iOS App,跟我說,我不支持 Multi-touch。

喬布斯的棺材板都要蓋不住了。

+ + + + + + + + + + + + + + + + + + + + + + + + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + +

今天的吐槽到此完畢。

來下預告吧。

- SMRT地鐵內災難性的新信息屏幕

- MOE(教育部)的 TGOnline 網站

- Citibank 的網站

- STGCC 的網站(現在進不去,看他們有沒有更新吧。前段時間被我們吐槽死了)

- 微軟的Exchange(還賊多機構用,被坑死了)

什麼時候寫先寫哪個到時候看心情。

本來還有一些當年很想很想吐槽的App,現在發現他們更新了,似乎好多了,就先放過吧:

- Comfort Delgo 的計程車訂車(競爭啊,終於改進了)

- SPH 的 MeRadio

- Nandos


推薦閱讀:

GUI 常用元素中英對照表 / 8. Selection
GUI 常用元素中英對照表 / 9. Button
讓移動交互更好的 7 個提示

TAG:設計 | 用戶界面設計 | 新加坡 |