現(xiàn)在的用戶對(duì)地圖應(yīng)用是越來越苛刻，往其中投入的感情也越來越多。本文作者Sacha Greif 一名來自法國(guó)巴黎的設(shè)計(jì)師，當(dāng)大家仍然對(duì)iOS版Google地圖展現(xiàn)的地圖數(shù)據(jù)以及服務(wù)功能贊不絕口時(shí)，他就犯了設(shè)計(jì)師的職業(yè)病，細(xì)數(shù)Google地圖的設(shè)計(jì)點(diǎn)滴。昨天有人對(duì)著蘋果地圖說分手，而今天Sacha卻又像評(píng)價(jià)女婿一樣評(píng)價(jià)iOS版的Google地圖。

說起蘋果地圖，因?yàn)槿鄙俟�共交通的�?dǎo)航，對(duì)于沒有車的Sacha來說，這點(diǎn)根本就不能接受，也因此Sacha一直沒有升級(jí)iOS 6。

無論如何，評(píng)價(jià)一款地圖應(yīng)用，最起碼需要它滿足了我們交通導(dǎo)航的需求。

而當(dāng)Google地圖發(fā)布了iOS版后，Sacha就在iPhone上體驗(yàn)了這款應(yīng)用，并稱iOS版的Google地圖，在設(shè)計(jì)上給他留下了很深的印象。

Google Style

在UI設(shè)計(jì)中，“Google Style”是平面設(shè)計(jì)中的一種子風(fēng)格。這種設(shè)計(jì)風(fēng)格中，所有的一切都是白色或淺灰色的，而圖標(biāo)中也不具有文字標(biāo)簽。

事實(shí)上Sacha并不推崇這種風(fēng)格（就他的感覺 Google Reader運(yùn)用這種風(fēng)格，體驗(yàn)很糟糕）但他就是覺得這種風(fēng)格在移動(dòng)應(yīng)用上十分適用，尤其是對(duì)地圖應(yīng)用而言。

以白色為基調(diào)的UI，與網(wǎng)頁(yè)上的體驗(yàn)很不同，不會(huì)令人時(shí)不時(shí)的感覺到界面空蕩蕩的，這樣避免了用戶下意識(shí)錯(cuò)誤的認(rèn)為地圖已經(jīng)停止載入。

此外，iOS版的Google地圖，使用了彩色的觸點(diǎn)，讓用戶可以在視覺上就能把這些融合在一起的元素區(qū)分開來。

順帶一提，如果想對(duì)Google Style的設(shè)計(jì)進(jìn)行評(píng)價(jià)，我們可以參考一下Haraldur Thorleifsson為Google各個(gè)項(xiàng)目所設(shè)計(jì)的作品。

Sacha認(rèn)為。到目前為止，仍未發(fā)現(xiàn)一款Google應(yīng)用產(chǎn)品，能在制作完成后完全配得上原先的創(chuàng)作概念。但很明顯的，Google地圖肯定是選擇了一個(gè)正確的方向，并超前邁出了一大步。

標(biāo)簽定向

作者在原文中寫到Google地圖支持用戶通過兩根手指的手勢(shì)進(jìn)行地圖旋轉(zhuǎn)。而Sacha強(qiáng)調(diào)了對(duì)其中的一個(gè)細(xì)節(jié)表示欣賞，就是標(biāo)簽不會(huì)隨著地圖本身旋轉(zhuǎn)，仍然保持著一個(gè)相對(duì)水平的位置，用戶讀取信息的時(shí)候更為便捷。

（譯者注：事實(shí)上，標(biāo)簽定向這個(gè)細(xì)節(jié)在很多地圖應(yīng)用上都保留著這樣的設(shè)計(jì)。因此，作者所強(qiáng)調(diào)的這個(gè)細(xì)節(jié)，讓人難以理解。）

而這樣的設(shè)計(jì)總會(huì)帶來一些問題，例如兩個(gè)標(biāo)簽會(huì)“不期而遇”，導(dǎo)致互相覆蓋，使其中一個(gè)標(biāo)簽隱藏消失。但標(biāo)簽定位這個(gè)功能的確有助于在旋轉(zhuǎn)地圖的功能中，幫助用戶掌握正確的方向。

側(cè)邊菜單

Google地圖有一個(gè)Side Menu（亦稱“Basemen”菜單，側(cè)邊欄)本身具有縮放的效果，在用戶眼中，這樣的菜單設(shè)計(jì)顯得更加親切，打開它的方法更加容易為用戶操作。

UI使用的過渡的方式來顯示，這是一種簡(jiǎn)單并且細(xì)膩的效果，在傳遞信息的過程中最大限度的減少了互動(dòng)過程中造成的影響。

“搖一搖”的反饋機(jī)制

Sacha 認(rèn)為，一款應(yīng)用應(yīng)該能夠事先考慮到用戶所表現(xiàn)的失望心情，并適時(shí)的做出反饋。

而Google地圖當(dāng)用戶搖晃iPhone時(shí)，就能激活一個(gè)反饋機(jī)制。但是，未必所有人都能輕松找到這個(gè)對(duì)話框，因?yàn)榧せ畹倪^程中必須使勁搖晃iPhone，對(duì)一般的用戶來說，使用起來比較困難。

雖然如此，Google地圖的這種設(shè)定仍讓人感到十分滿意。你可以試想一下，如果設(shè)定中對(duì)這個(gè)搖晃功能制定的十分敏感，使得激發(fā)它變的過于簡(jiǎn)單，這樣就容易照成誤激活。

開發(fā)一款應(yīng)用，在一開始我們就要考慮到如何明確的告訴機(jī)器我們期望的操作。

垂直/水平過渡

一開始，iPhone使用的是水平導(dǎo)航的概念，在左側(cè)或右側(cè)的屏幕總是會(huì)有多余的空白。

這種設(shè)計(jì)在設(shè)計(jì)師的心目中，已經(jīng)變的如此根深蒂固。

這種情況讓大部分的設(shè)計(jì)師都忽略了，用戶的地圖是在二維空間上顯示的。

用戶在Google地圖中，可以通過由上自下的順序獲取路線信息，同樣的在查看更多的路點(diǎn)細(xì)節(jié)時(shí)，也采用這種形式來顯示。

這樣的雙軸設(shè)計(jì)非常實(shí)用：左右軸可以方便各個(gè)屏幕之間進(jìn)行切換，而上下軸則可在一個(gè)屏幕中就能顯示額外的信息。

結(jié)論

Google 地圖在整體上來說是一款很優(yōu)秀的應(yīng)用，這不單單只是說它的功能，更是因?yàn)樗�表現(xiàn)了一種新的設(shè)計(jì)理念風(fēng)格，并成功將它具體的表現(xiàn)了出來。如果大家都曾感受過蘋果那種極其嚴(yán)苛的現(xiàn)實(shí)主義，以及微軟目前所展現(xiàn)出來的極簡(jiǎn)主義，那么現(xiàn)在我們看到Google也開始塑造自己的風(fēng)格，并且在iOS版本中這種風(fēng)格被襯托的更加明顯，很高興Google找到了自己的聲音。

編后語(yǔ)：作者雖然是從事設(shè)計(jì)工作，但是也學(xué)習(xí)過編程。也曾在廣州學(xué)習(xí)過中文，在北京工作過，現(xiàn)在居住在日本。因?yàn)樵谥袊?guó)，地圖應(yīng)用對(duì)功能的滿足需要考慮的更多，感覺他是一個(gè)能理解Google地圖在中國(guó)需要考慮的并不只是設(shè)計(jì)問題的外國(guó)人，所以曾試圖聯(lián)系他，但是仍未答復(fù)。

Via：sachagreif

文章來源：雷鋒網(wǎng)

標(biāo)簽： 地圖設(shè)計(jì) google地圖設(shè)計(jì) google地圖設(shè)計(jì)細(xì)節(jié) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。