谷歌地圖iOS版的一些設計細節

發表於2012-12-14

英文原文:Sacha Greif,編譯:創事記——楊帆

谷歌昨日釋出了iOS版谷歌地圖應用,支援iPhone、iPad和iPod touch。由於蘋果iOS 6“地圖門”的影響,在上架僅僅7個小時後,就已成為App Store中下載量排名第一的免費應用。生活在日本京都的設計師和創業者薩查·格里夫(Sacha Greif)隨後在他的部落格中分享了第一手試用體驗,並從設計師的角度指出谷歌地圖介面的種種細節。他認為,雖然iOS版谷歌地圖還存在一些不足,但總體上是一款不錯的應用。

設計師眼中的iOS版谷歌地圖細節
谷歌終於來拯救蘋果地圖了

 

我沒有私家車,所以蘋果地圖應用中有沒有公共交通導航與我關係不大。這也是我目前為止一直避免升級至iOS 6的原因。但這一切隨著iOS版谷歌地圖的釋出而徹底改變。我已經試用了這款應用,它的設計給我留下了深刻印象,在此與大家分享一下我的體驗。請注意,以下評論僅適用於iPhone版谷歌地圖。

設計師眼中的iOS版谷歌地圖細節
谷歌風格的介面

 

谷歌風格

UI(使用者介面)設計的“谷歌風格”(Google Style)是平面設計的一種子風格。根據這種設計風格,一切東西都是白色或淺灰色的,圖示沒有文字標籤。我不能說自己在網頁設計上非常推崇這種風格,但給我感覺它就是為移動應用量身打造,特別是對地圖應用而言。

白色UI重新專注於內容,與網頁上的體驗不同的是,你不會有一種空洞的感覺,潛意識裡認為頁面CSS已中途停止載入資訊。谷歌地圖本身具有彩色觸控點,讓所有元素都融合在一起。

設計師眼中的iOS版谷歌地圖細節
白色背景讓人更專注於內容

 

順便說一句,要想驗證谷歌設計的好壞,可以看一看Haraldur Thorleifsson(精於網頁設計的平面設計師)為谷歌各類專案設計的作品。迄今為止,我尚未發現一款具有相同創作水平和精緻程度的真正谷歌應用,雖然谷歌地圖肯定是朝著這個方向上邁出的一大步。

設計師眼中的iOS版谷歌地圖細節
標籤定位功能,不會隨著地圖本身旋轉

 

標籤導航

谷歌地圖讓使用者僅僅通過兩根手指就能讓地圖旋轉。我比較欣賞的一個細節是,標籤不會隨著地圖本身旋轉,相反,它們仍然保持水平位置,供使用者讀取資訊。這確實會帶來一些問題,例如兩個標籤會“撞到”一起,導致其中一個消失。但總體而言,我認為谷歌地圖的標籤定位功能相當不錯,有助於你在旋轉地圖的過程中,把握正確的行駛方向。

設計師眼中的iOS版谷歌地圖細節
側邊選單有細微的縮放效果

 

側邊選單

谷歌地圖的側邊選單(Side Menu,亦稱“Basemen”選單)具有非常微妙的縮放效果,給人感覺就像是選單各個元素正距離我們越來越近。由於UI發生的變化,這類簡單而細微的效果在傳遞意思或緩解互動影響時最為有效,同時又不會減慢使用者的開車速度,或分散他們的注意力。

搖動iPhone啟用反饋對話

我始終認為應用應該能夠覺察到使用者心情的細微變化並作出相應調整。谷歌地圖是這樣做的:當使用者搖晃iPhone,就能啟用一個反饋對話方塊。不過,由於必須使勁搖晃iPhone才能啟用這一功能,我懷疑是否有人會輕鬆找到這個對話方塊。儘管如此,我仍然對谷歌地圖在這方面的表現感到滿意。如果UI對我們的行為更加敏感,而不是讓我們來明確告訴UI每個操作,那會是怎樣的一種情形呢?

設計師眼中的iOS版谷歌地圖細節
路線自下而上顯示

 

垂直/水平過渡

iPhone一開始就抱著水平導航概念,致使左側或右側的螢幕總是餘出來一些。這一概念已經在設計者的頭腦中根深蒂固,以致於他們很容易忘記我們其實是在與兩維空間打交道。在谷歌地圖中,使用者在獲取方位資訊時,路線圖是自下而上顯示的,在檢視特定地點的多餘細節時,同樣是以這種形式顯示。兩軸設計具有很大的用途:左右軸用於在不同螢幕間切換,自上向下的軸則用於在單個螢幕中顯示額外資訊。

結論

總體而言,這是一款非常不錯的應用,不僅從功能上講是如此,還因為它採用一種獨特的設計理念,併成功將它落到實處。在經歷了蘋果的現實主義和微軟的極簡主義之後,谷歌也開始逐漸找到自己的聲音,這的確令人感到高興。

相關文章