你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

Google地圖幾乎已經可以說是現代人不可或缺的工具了,與Google街景相結合之後,也減少很多路痴症候群的發作機會,當我們在使用這麼方便的服務同時,一定都曾注意到那黃色的小人標誌,它的正式名稱叫衣夾人(Pegman),別看它不起眼的樣子,它也是有故事的呢。

如果你曾經注意過衣夾人的話,會發現除了它全身都是黃色以外(其實是偏橙色),好像完全沒有特色可言,這樣哪裡談得上設計呢?那是我們現在已經習以為常的關係,設計可以說是一個從無到有的過程,Google地圖是一個平面的東西,而Google街景是則是擁有360環景的立體視野,這中間的問題不僅是如何從平面銜接到立體,更要解決方向性的問題,尤其在陌生的環境裡,這種方向感錯亂的情形其實會更加嚴重,Google街景中雖然已經有黃色指示線的設計,但顯然他們還需要更多東西。

他們的一個想法是:眼球

  你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

第一個問題是,你分辨不出來眼球是在看哪一個方向。所以他們試圖加入一個箭頭,這的確有一點幫助。不過說真的感覺不太好,原始衣夾人設計團隊成員之一的Andy Szybalsk說,「這真是不可思議,要拿起一個眼球,令人感覺粘糊糊的,一般人應該不會想在地圖上丟出一顆眼球的,如果真的要這樣的話,那是不是該加入一個彈跳的特效呢?」Andy決定打電話給同事Ryan Germick。

然後他們決定直接創造一個人物,於是衣夾女誕生了

  你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

會什麼是女性?Ryan開玩笑的說,「是因為女權主義啦,而且對媒體來說,為什麼要選女性來當衣夾人是比較有趣的話題」,但事實上,我們從衣夾女的頭髮與身體曲線,很容易就能分辨出她是朝著哪個方向,把3D人物模型來當成圖標使用,可以說是一個巨大的進步。

但是還有其他的問題

  你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

設計師們發現,如果他們設計的圖像看起來越像真人,就會更容易使人分心,Ryan提到,「其實越多的人物特徵,就會激發人胡思亂想,不但開始揣摩起人物性格,並且還會用過往的人物印象加以代入,然後人們就會問,為什麼非得要這麼用不可?」

朝向另一個設計方向

所以他們將人物的主要特徵剝奪,僅留下擬人化的象徵,四四方方的,但感覺還不錯。

  你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事  你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

他們稱它做豆腐人。

  你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

然後改變了它的顏色。

  你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

其實他們試過了藍色、紫色、白色、綠色,最後選了橙色。「橙色是一個比較中性的顏色」,Google說,「沒有種族是橙色的,任何人都可以是橙色的。或者反過來說,橙色可以代表任何人。」

除此之外,Google還設計過其他的樣式,像是相機人,具有拍照、找尋對焦跟定位點的隱喻。

  你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

或是拿著手電筒在找路的感覺。

  你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

看起來就會像這樣。

 你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

他們也設計了當滑鼠游標抓起衣夾人時,衣夾人會有什麼樣的動作。

  你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

Ryan說,「我們認為,假如可以拿起衣夾人,然後讓它晃來晃去,看起來十分危險的樣子,好像也不錯,這讓使用者有一種身為上帝的感覺,可以自由拿起衣夾人並隨意擺放在地圖上。」

同時,他們也持續讓衣夾人的設計越來越簡單

你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事

「我們削減了所有多餘的裝飾,僅保留必要的傳達元素」

最後,衣夾人就成為了我們現在所看到的樣子

(下一頁還有:更多的設計,衣夾人的復活節彩蛋)

延伸閱讀:

日本賞櫻看 Google,集結日本 50 大賞櫻景點 360 度街景圖

Google 街景背包冒險拍攝成果上線,讓你暢遊美國大峽谷國家公園

Google 街景車再度出發,重新拍攝台灣街景

Google 地圖推出離線地圖功能、Google Earth 全新 3D 效果

小治
作者

《PC Home 電腦家庭》雜誌及 T 客邦網站編輯。負責遊戲類型新聞及評析、軟體應用教學及企劃撰寫、電腦相關周邊硬體測試,以及打雜…

使用 Facebook 留言

小老闆
1人給推

2.  小老闆 (發表於 2013年4月29日 16:32)
這些描述設計過程的小故事~真的很值得分享耶!讓我們知道這些每天使用的小工具,背後其實有很多貼心的出發點與有趣的發想~又經過哪些取捨,才得出今天的結果!
藍
3.  (發表於 2013年4月30日 02:58)
沒有種族是橙色的,但是應該也沒有種族是藍色綠色紫色吧<( ̄︶ ̄)>

發表回應

謹慎發言,尊重彼此。按此展開留言規則