如何設(shè)計有效的社交媒體按鈕

社交媒體是任何網(wǎng)站受歡迎的關(guān)鍵。利用社會證明這一心理現(xiàn)象，社會共享極大地影響著人們閱讀內(nèi)容還是分享自己共享的內(nèi)容。這就是為什么社交媒體按鈕幾乎出現(xiàn)在Internet上的每個頁面上。

這就引出了一個問題，這些按鈕的設(shè)計是什么？他們看起來像他們的樣子不是巧合，對嗎？您可能會認為頁面放置和定位，大小和顏色等元素都會影響說服用戶共享內(nèi)容。設(shè)計師在創(chuàng)建這些按鈕時不僅使用隨意的方法。按鈕設(shè)計背后有一個完整的思考基礎(chǔ)。

實際上，這非常有趣，但同時又非常簡單。如果您想增加頁面內(nèi)容獲得廣泛社交份額的機會，則遵循這些建議對您有利。

F模式放置

首先，第一件事：在擔心設(shè)計實際的按鈕之前，最好考慮一下應(yīng)在頁面上放置的位置。

根據(jù)一項關(guān)于用戶行為的流行研究，您的網(wǎng)站訪問者通常會以F形模式吸收頁面內(nèi)容。這種模式始于他們的眼睛從屏幕的左上角掃描內(nèi)容，然后向右水平移動。然后，他們的眼神從他們開始的那一點開始向下看。一段時間后，他們的眼睛再次向右水平移動，但距離比第一次水平掃描短，最后一次最后一次沿頁面左側(cè)向下移動。

請注意，社交媒體按鈕通常出現(xiàn)在任何給定頁面上的位置-它們位于頁面的左上方。這不是巧合！將按鈕放在此區(qū)域的設(shè)計師正在遵循科學告訴人們關(guān)于如何在網(wǎng)絡(luò)上閱讀的內(nèi)容。如果您不在該區(qū)域中放置按鈕，則可能會損害您的站點，因為人們甚至可能看不到它們。

考慮到大多數(shù)人掃描的是閱讀頁面而不是徹底閱讀頁面，因此得出結(jié)論并不是沒有道理的。

《華爾街日報》網(wǎng)站的頁面上提供了很好的說明。在一篇有關(guān)蘋果公司決定開始提供流音樂服務(wù)的文章中，請注意社交媒體按鈕是如何放置在您希望找到它們的位置的：在頁面的左上方，突出標題旁邊。根據(jù)F形圖案，人們在第一次看到此頁面時會注意到社交分享，然后橫向閱讀以了解標題。在撰寫本文時，已有2800多個Facebook點贊和近1200條推文。

干凈可識別的形狀

由于人們會掃描和瀏覽頁面，因此始終最佳做法是使頁面上的內(nèi)容跳出來。為了增加訪問者共享頁面的可能性，您應(yīng)該以最小的方式設(shè)計按鈕，因為這樣可以更輕松地識別它們。

您最好選擇基本的幾何形狀，例如矩形，圓形，甚至是兩者的混合，以便用戶了解它們是什么以及被提示要做什么。此外，如此多的網(wǎng)站將這些形狀用于社交媒體按鈕，如果不同樣采用這種方法，則實際上會損害您的用戶體驗。

最重要的是，用戶應(yīng)了解他們要共享的社交媒體平臺以及已經(jīng)共享了多少內(nèi)容的人。為此，用戶應(yīng)該清楚地看到每個平臺的符號或徽標以及其獨特的顏色。這意味著：

• Facebook按鈕應(yīng)為＃3C5B97，并在公司名稱上帶有明顯的“ F”；
• Twitter按鈕應(yīng)為＃55ACEE，并帶有其著名的鳥形徽標；
• LinkedIn按鈕應(yīng)該是帶有“ in”徽標的＃008CC9；
• Pinterest徽標應(yīng)為＃BD081C，顯示漩渦狀P徽標。

另外，請避免設(shè)計所謂的自定義按鈕，這些按鈕與按鈕設(shè)計中的這些公認的最佳實踐背道而馳。總是有誘惑力使網(wǎng)站的元素更加精美，以打動客戶或使自己脫穎而出成為設(shè)計師，但是由于上述原因，它實際上并沒有效果。最糟糕的情況是，如果用戶過于自定義，則用戶將無法理解如何與按鈕進行交互。

有關(guān)采用這些最佳實踐的頁面的教科書示例，請查看Daily Egg的博客中有關(guān)轉(zhuǎn)化率建議的信息。在有關(guān)對性能良好的著陸頁進行反向工程的文章中，請注意社交媒體按鈕的位置，形狀和顏色。它們位于頁面的左上角，是矩形，并具有每個社交媒體平臺的商標顏色。

粘扣按鈕

就像粘性導航一樣，隨著用戶在頁面上滾動時，導航會跟隨用戶向下導航，您的社交共享欄也應(yīng)該出于相同的原因而這樣做。您希望不斷提醒人們可以共享您的內(nèi)容。合并粘性按鈕還使他們共享內(nèi)容變得更加容易，因為他們無需向上或向下滾動即可找到您的按鈕。

獲得此服務(wù)的網(wǎng)站是營銷專家，這是廣告建議和最佳實踐的中心。它的文章具有粘性的社交媒體按鈕，當站點訪問者繼續(xù)向下滾動頁面時，它們位于屏幕的左上方。

社交分享很重要

社交共享對網(wǎng)站的普及至關(guān)重要，這已經(jīng)不是什么秘密了。分享您的內(nèi)容的人越多，其他訪客就會發(fā)現(xiàn)它的可能性就越大，并有可能成為常規(guī)讀者或客戶。這就是為什么必須使社交按鈕在包含共享內(nèi)容的所有頁面上易于訪問和引起注意的原因。

服裝網(wǎng)站設(shè)計使您的用戶難以共享他們真正喜歡的內(nèi)容以及他們想與之互動的內(nèi)容？畢竟，獲得更多的社交份額也意味著您設(shè)計的網(wǎng)站的搜索引擎排名更高。

特色圖片，通過Shutterstock的社交媒體圖片。