設計師眼中的iOS版谷歌地圖細節(jié):簡潔貼心

0 評論 2114 瀏覽 0 收藏 7 分鐘

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

谷歌終于來拯救蘋果地圖了

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

谷歌風格的界面
谷歌風格的界面

谷歌風格

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

白色UI重新專注于內(nèi)容,與網(wǎng)頁上的體驗不同的是,你不會有一種空洞的感覺,潛意識里認為頁面CSS已中途停止載入信息。谷歌地圖本身具有彩色觸摸點,讓所有元素都融合在一起。

白色背景讓人更專注于內(nèi)容
白色背景讓人更專注于內(nèi)容

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

標簽定位功能,不會隨著地圖本身旋轉(zhuǎn)
標簽定位功能,不會隨著地圖本身旋轉(zhuǎn)

標簽導航

谷歌地圖讓用戶僅僅通過兩根手指就能讓地圖旋轉(zhuǎn)。我比較欣賞的一個細節(jié)是,標簽不會隨著地圖本身旋轉(zhuǎn),相反,它們?nèi)匀槐3炙轿恢?,供用戶讀取信息。這確實會帶來一些問題,例如兩個標簽會“撞到”一起,導致其中一個消失。但總體而言,我認為谷歌地圖的標簽定位功能相當不錯,有助于你在旋轉(zhuǎn)地圖的過程中,把握正確的行駛方向。

側(cè)邊菜單有細微的縮放效果
側(cè)邊菜單有細微的縮放效果

側(cè)邊菜單

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

搖動iPhone激活反饋對話

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

路線自下而上顯示
路線自下而上顯示

垂直/水平過渡

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

結(jié)論

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

本文編譯自sachagreif.com

來源:http://tech.sina.com.cn/i/csj/2012-12-14/09017887506.shtml

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!