分享按鈕的圖示為什麼不統一

發表於2015-01-05

還有個疑惑,為什麼iOS 7中的分享按鈕類似於一個上傳樣式?

這些樣式不同的符號都想確切的表達同一個動作–分享!

分享在社交網路及電子郵件中經常出現,但如今仍然沒有一個標準在設計師之間流行。每一個主要的平臺都使用著不同的圖示,但它們都印證了多年來的變化。

我花費時間去思考這些,嘗試找出哪種符號更能傳達給人們分享的意圖。


iOS 7 — 像上傳一樣的圖示

我首先想說的是蘋果公司在2013年WWDC上公佈的iOS 7的分享圖示。我立即製作了一個單獨的圖示上傳到網上,發現許多人討厭這個圖示。

主要原因是新的分享圖示看起來更像是一個上傳按鈕。左側的圖示就像下載一樣,相比之下,右側的分享按鈕更加容易使人迷惑。向下的箭頭代表下載,人們就容易認為反方向的會是上傳的意思。

即將在iOS 7中消失的

這個分享圖示在之前的iOS版本中存在許久了,它同樣用於Mac OS X Mavericks中(Mac OS X Yosemite將改用像iOS 7那樣的分享按鈕)。綜合來講,這是一個精心設計的符號。箭頭從內向外,意味著分享。自第一代iPhone以來,這個符號存在非常久了,人們已漸漸的熟悉它了。

安卓分享符號 — 三個圓點樣式

安卓的分享圖示是三個簡單的圓點連線在一起的樣子。ShareThis也使用相同的符號,它是一個分享社交網路的網站。這些圖示看起來像一個節點和頂點連線起來的。乍眼一看,你根本不知道它想表達什麼,我試圖對這個符號進行揣摩,這個設計想表達的是左邊一個節點的資訊傳達給右邊另外兩個節點。總的來說,除非使用者已經知道這個符號是做什麼的,不然它無法讓人直接認識這個是與分享有關的。我懷疑只有蘋果的使用者無法識別這些符號。

根據Google搜尋的不完整統計,提到分享圖示時候,前10個裡面有7個是安卓系列的。

老版的安卓分享按鈕

在安卓Honeycomb系統之前,這個符號是安卓系列共用的分享符號。它是一個點向外分張兩個方向。這個符號現在使用的很少了,但是我非常喜歡這個符號,因為箭頭向外運動十分像分享動作,並且它是垂直對稱的。我認為這是基於形狀的一個最好的表示共享的概念。

左側是安卓早期的分享圖示,以及其他具有較小變化的相同符號

Windows 8 — 圓環狀

Windows Phone 7 — 禮物盒

Windows Phone 7禮物形狀的分享圖示是一個奇怪但有趣的選擇。圖示背後的理念顯而易見 -一個你可以分享的禮物。然而,問題是禮物不是用來分享的,是送出去的。

這個圖示有趣而清新,但對使用者來說太陌生。第一次看到它,對它的用途毫無頭緒。這個標誌只有一年半的壽命,之後Winndows Phone就使用了新的Windows8分享圖示。

開放雙手 分享圖示

Shareholic(社會發現和共享平臺) 打算設計一個讓全球設計師共享使用的標誌,因此這個開放分享圖示設計理念如下:

此圖示意在從視覺上感知這是在傳達把一件內容從一隻手傳遞到另一隻手的行為,即傳遞或者分享。這個圖示還表示一隻“眼睛”,好像讓你注視這裡。

總之,這是一個有趣的概念和想法。儘管它相當的獨特,大多數使用者在第一眼的時候不會認出這是一雙手。如果這雙手不能在第一時間被識別,這個圖示就失去了它的意義了。很遺憾,它看起來很難引領潮流,並且很少被使用。

受夠了分享圖示多平臺的眾多不同版本,許多設計師嘗試設計一款普及的分享圖示。這些是我遇到過的其他一些圖示:

傳播圖示

一些設計師想到用傳播的概念來代表分享。它表現了網路的良好影響,但我覺得這個圖示太過複雜和凌亂了,以至於算不上一個好的分享圖示。

曲線圖示

有些分享圖示由不同大小的圓圈和線條來連結中心的原點,這些圖示看起來很像曲線圖示。它們也許在表示化學元素聯結方面很有代表性,但絕對不能很好的表達分享的概念。

展開的手掌

許多年前,展開的手掌圖示表示可以分享的網路資料夾圖示。一些年代久遠的軟體公司依然使用展開的手掌作為分享的圖示。然而,這些分享圖示通常表示在本地網路分享,並不對社交平臺開放。

多人圖示

多人圖示通常用來表示同指定的合作伙伴或者團隊成員分享內容。我從來不曾在社交平臺環境中看到過。

奶昔圖示

有時候,解決設計問題的最好方式就是諮詢普通人的意見。對於這個設計,我問了並非從事設計的室友:“當想到分享的時候閃過腦海裡的第一個想法會是什麼?你會想用什麼標誌來代表分享這個動作?”他開始著手去畫一杯飲料,他解釋這是一杯附帶2個吸管的奶昔。

這個奶昔圖示是一個相當有趣的想法,它很好的詮釋了分享這個動作。然而,這個標誌有兩個潛在的問題。在我們日常使用的其他圖示中間出現一個奶昔圖示似乎有點不和諧。更重要的是,這個標誌傳達的是一個比較具體的分享概念-在兩個人中分享一件東西。但是,我們所討論的分享,是指把一個想法在多個不同平臺間共享。


所有分享圖示

你應該使用哪個圖示?

我們不太可能看到分享符號有統一的趨勢。蘋果公司肯定不會使用安卓的設計語言,谷歌也不會嘗試使用微軟的設計,微軟也不會使用其他平臺的分享圖示。由於這三大作業系統公司都佔有著巨大市場份額,所以使用者可能會體驗到至少三種不同型別但功能相同的符號。

最好的圖示,應該是使用者最熟悉的。

最好的圖示既不是樣式最簡單的,也不是最有內涵的。它應該是最多使用者已經熟悉的。最實際的圖示是使用者能即刻明白的那一個。

你應該根據你所使用的平臺來選擇這個分享圖示。

如果你用Apple ios 7來開發,你應該使用這個平臺現有的分享圖示,即“上傳者”圖示。同樣的,安卓程式應該使用“三點”圖示。

如果我就是想在所有平臺使用同一個圖示呢?

如果你想要選擇一個簡單通用的共享圖示用於任意平臺的程式或者網站,“iOS 6分享圖示”和“三點”圖示是你最好的選擇,因為當今的分享圖示中它們是最有辨識度的。但是,我更加推薦“ iOS 6分享圖示”,因為就算對於之前沒有接觸過蘋果產品的人來說,這個圖示更能傳達分享的行為。“三點”圖示在這點上要遜色很多。

一年內,IOS 7的“上傳者”(該圖示將會運用在IOS 8 和 Mac OS X Yosemite)和Windows 8“迴圈”圖示將有可能成為辨識度最高的分享圖示。

最佳概念

如果我不根據使用者的熟悉度和圖示的受歡迎程度來評估某一個圖示,而是根據其本身的設計,我應該會投“Y”圖示一票。 這個圖示是最形象,最直接的代表了向外的動作,更像是分享了什麼。它的設計很明顯,而且垂直對稱,可惜,還沒被廣泛應用。


今天,我任然使用iOS 6版本的分享圖示作為我的預設分享圖示。通過下面的評論欄或者Twitter把你們程式或者網站上使用的圖示分享給我。

相關文章