社交媒體應(yīng)該是用戶體驗(yàn)的重要部分，而很多網(wǎng)站將其作為附屬物被隨意添加到某一個(gè)網(wǎng)頁(yè)中。如何在產(chǎn)品設(shè)計(jì)中更好地利用社交媒體，提高用戶體驗(yàn)，從而贏取更高的商業(yè)價(jià)值呢?英國(guó)網(wǎng)頁(yè)設(shè)計(jì)公司Headscape創(chuàng)始人Paul Boag針對(duì)該問(wèn)題發(fā)表了一篇博文《Social Media Is A Part Of The User Experience》，CSDN對(duì)該文進(jìn)行了編譯，內(nèi)容如下：
一般，我們都把社交媒體歸為市場(chǎng)人員的工作范圍。確實(shí)，社交媒體并非我們的職責(zé)范圍——我們構(gòu)建網(wǎng)站，但不會(huì)參與市場(chǎng)活動(dòng)。這個(gè)觀點(diǎn)真的合理嗎?社交媒體難道真的是其他某些人的職責(zé)嗎?
依我看來(lái)，社交媒體也是我們應(yīng)該關(guān)注的。因?yàn)樯缃幻襟w是用戶體驗(yàn)的一部分，而我們是用戶體驗(yàn)設(shè)計(jì)師。用戶體驗(yàn)并不會(huì)僅僅發(fā)生于某一單一渠道(如某一個(gè)網(wǎng)站或某一個(gè)Facebook頁(yè)面)。用戶在多個(gè)渠道中切換，所有這些渠道都應(yīng)具有統(tǒng)一的用戶體驗(yàn)。
此時(shí)，在整合各種與用戶交流的渠道時(shí)，我們做得很失敗。雖然大部分社交媒體很好地帶動(dòng)了網(wǎng)站的流量，但很少有網(wǎng)站能從中得到同等水平的收益。
作為Web設(shè)計(jì)師，我們?cè)诳紤]社交媒體時(shí)，僅停留在每個(gè)頁(yè)面底部都加上一個(gè)“分享”按鈕，而很少有超越。
超越“分享”
最近，我為未來(lái)的旅行訂閱了一些旅行保險(xiǎn)。在線填寫表單時(shí)，我發(fā)現(xiàn)了一個(gè)“分享該頁(yè)面”按鈕。用戶為什么要分享這個(gè)旅行保險(xiǎn)表單呢?即便他們分享了，他們的朋友會(huì)看到它嗎?當(dāng)然不能。
用戶會(huì)分享這個(gè)旅行保險(xiǎn)單嗎?
這里的問(wèn)題在于這個(gè)“分享”選項(xiàng)被隨意應(yīng)用于整個(gè)網(wǎng)站中。而沒(méi)有考慮它的真實(shí)目的。很明顯，這可能是由于技術(shù)方面的限制。但如果在技術(shù)上更容易實(shí)現(xiàn)的話，就沒(méi)有理由再在用戶體驗(yàn)上進(jìn)行折衷了。
現(xiàn)在與我以前訪問(wèn)的一個(gè)關(guān)于環(huán)境的網(wǎng)站作個(gè)對(duì)比。在該環(huán)境網(wǎng)站中我讀到一篇博文，我驚奇地發(fā)現(xiàn)了一個(gè)事實(shí)：
“根據(jù)歐盟的指導(dǎo)方針，僅有居住在中國(guó)的5600000名城市居民正在呼吸安全的空氣。”
這是一條非常值得分享的信息，作者也意識(shí)到了這一點(diǎn)。作者將這條內(nèi)容凸現(xiàn)出來(lái)，而不是被埋沒(méi)在文字丟里。在這條引用下面直接加了一個(gè)選項(xiàng)，便于將它分享給我在Facebook上的朋友。
● 特殊性。它被標(biāo)識(shí)為特殊的、值得分享的內(nèi)容，而沒(méi)有放置一個(gè)籠統(tǒng)的“分享該頁(yè)”按鈕。
● 易分享。與Steve Krug的《Don’t make me think》一書中的觀點(diǎn)一致，該網(wǎng)站告訴用戶分享什么，并使分享過(guò)程十分簡(jiǎn)單，只需點(diǎn)擊一下按鈕即可。
這是一種思想，我們應(yīng)該把它應(yīng)用到“分享”鏈接中。當(dāng)然，我們不僅僅要關(guān)注這些鏈接，還要關(guān)注“關(guān)注我們”按鈕。
我為什么要關(guān)注你?
此外，一般涉及到“關(guān)注我們”按鈕，很多設(shè)計(jì)優(yōu)秀的網(wǎng)站好像都放棄了這些用戶界面設(shè)計(jì)原則。
以一個(gè)電子商務(wù)網(wǎng)站為例。我想買一部數(shù)碼單反照相機(jī)，但來(lái)到這個(gè)網(wǎng)站后，我首先看到的是“在Facebook上關(guān)注我們”按鈕。這個(gè)按鈕依據(jù)Facebook的品牌風(fēng)格設(shè)計(jì)，而非該網(wǎng)站的設(shè)計(jì)風(fēng)格，在這里顯得格格不入。
有時(shí)，“關(guān)注我們”圖標(biāo)可能會(huì)把用戶的注意力從主要任務(wù)中引開(kāi)
依我的看法，這個(gè)按鈕在這里是一個(gè)干擾因素。我來(lái)這個(gè)網(wǎng)站是為了購(gòu)買相機(jī)，而非在Facebook上關(guān)注銷售商。這一“呼吁行動(dòng)”分散了我完成任務(wù)的注意力，也打亂了網(wǎng)站賺錢的商業(yè)目的。
最后我完成了此次購(gòu)買，并在最后的“謝謝購(gòu)買”頁(yè)面中看到了一個(gè)“繼續(xù)購(gòu)買”的選項(xiàng)。誰(shuí)還會(huì)再單擊這個(gè)鏈接?我為什么要繼續(xù)購(gòu)買?我剛剛完成了購(gòu)買，我為什么要重新開(kāi)始呢?
不應(yīng)該出現(xiàn)這個(gè)多余的鏈接，現(xiàn)在是時(shí)候讓用戶“關(guān)注我們”了。我已經(jīng)達(dá)到了我的目的，網(wǎng)站也實(shí)現(xiàn)了主要的商業(yè)目的。所以現(xiàn)在是第二次“呼吁行動(dòng)”的絕佳機(jī)會(huì)。
如果給我一個(gè)合適的關(guān)注他們的理由，這一“請(qǐng)求”將會(huì)變得很強(qiáng)大。有很多名人、著名品牌等等請(qǐng)我關(guān)注他們，我為什么要關(guān)注這個(gè)電子商務(wù)網(wǎng)站呢?關(guān)注它，能給我?guī)?lái)什么?
不要簡(jiǎn)單的請(qǐng)用戶“關(guān)注我們”，應(yīng)該稍加修飾，比如：
“獲得更多關(guān)于新相機(jī)的使用建議，請(qǐng)關(guān)注我們。”
這樣我可能會(huì)更傾向于關(guān)注他們。
其實(shí)除了“關(guān)注我們”和“分享”按鈕外，并不缺少好的方法幫我們把網(wǎng)站與社交媒體聯(lián)系起來(lái)。Facebook、Twitter和LinkedIn都提供了強(qiáng)大的API，他們也提供了一些很容易使用的小工具。
超越“分享”與“關(guān)注”
在我們網(wǎng)站上完美使用社交媒體，并不存在技術(shù)上的挑戰(zhàn)與高昂的花費(fèi)。所有主要的社交媒體都在竭力使這一切變得簡(jiǎn)單。
例如，Twitter提供的@anywhere服務(wù)，為我們的網(wǎng)站提供了一系列的功能，而這些對(duì)技術(shù)能力沒(méi)有任何要求。包含以下幾個(gè)功能選項(xiàng)：
● 將網(wǎng)站上Twitter的用戶名自動(dòng)轉(zhuǎn)換成鏈接;
● 提供懸浮框，顯示用戶的信息;
● 直接來(lái)自你網(wǎng)站的Tweet;
● 在你網(wǎng)站中插入Tweet，與你將在Youtube視頻中插入的Tweet相同。
Twitter提供了一系列與你網(wǎng)站整合的方法。我最喜歡的是Twitte的懸浮卡片
Facebook提供了更容易實(shí)現(xiàn)的社交插件，包括：
● 由Facebook控制的評(píng)論系統(tǒng);
● 活躍的Feed，允許用戶看到他的朋友在你網(wǎng)站上所做的事;
● 推薦插件，針對(duì)你網(wǎng)站上的頁(yè)面，向用戶提供他們可能會(huì)喜歡的個(gè)性化建議;
● Live Stream，在現(xiàn)場(chǎng)活動(dòng)中，用戶可以時(shí)時(shí)在你網(wǎng)站上分享評(píng)論;
● 注冊(cè)插件，允許用戶使用他們的Facebook帳號(hào)輕松登錄你的網(wǎng)站。
很多工具往往會(huì)整合多個(gè)社交媒體，而非某一個(gè)
有這么多可用的工具幫助我們?cè)黾由缃还δ埽覀儧](méi)理由不用它們。而把這些基本的工具添加到我們網(wǎng)站上只是一個(gè)開(kāi)始。我認(rèn)為社交媒體真正的作用才剛剛開(kāi)啟。
社會(huì)化設(shè)計(jì)
在Facebook，他們有一種說(shuō)法叫“社會(huì)化設(shè)計(jì)”。這表明了他們的工作責(zé)任：把社會(huì)化作為任何所做事情的核心。對(duì)他們來(lái)說(shuō)，他們的網(wǎng)絡(luò)服務(wù)不僅僅針對(duì)用戶產(chǎn)生的內(nèi)容，更注重用戶間的交互。
我認(rèn)為這個(gè)原則不僅僅應(yīng)用于社交網(wǎng)站，也應(yīng)該應(yīng)用到其他類型網(wǎng)站中。我們都是社會(huì)動(dòng)物。我們的很多行為和決定做出往往取決于其他人。這在市場(chǎng)領(lǐng)域很好理解，我們應(yīng)該把這些著重應(yīng)用于Web設(shè)計(jì)中。
當(dāng)我們考慮是否買或買一輛什么車，出去到哪里吃飯，以及把我們的孩子送到哪個(gè)學(xué)校時(shí)，我們都喜歡先征求朋友的意見(jiàn)。
線上也是，我們是社會(huì)生物。當(dāng)在Amazon上購(gòu)買商品時(shí)，相比于產(chǎn)品的官方描述，我們更重視評(píng)論。同樣的，當(dāng)看到以前很多人都完成了“呼吁行動(dòng)”，我們也會(huì)照著做。
當(dāng)它開(kāi)始售賣時(shí)，我們更注重用戶的評(píng)論而非促銷信息
對(duì)人性中的社交部分加以利用的探索才剛剛開(kāi)始。例如，雖然向用戶提供其他購(gòu)買者的評(píng)論很好，但如果把可信任朋友(比如，在Facebook上的朋友)的評(píng)論放在頂部，收到的效果可能會(huì)更好。來(lái)自陌生人的評(píng)論是一回事，來(lái)自朋友的評(píng)論又是另一回事。
還記得我上文提到的那個(gè)關(guān)于環(huán)境的網(wǎng)站嗎?如果允許我把那條特殊的引用分享給我的朋友，這將太棒了。但如果下面的分享按鈕提示我的一些朋友已經(jīng)將這條引用分享到他們的社交網(wǎng)絡(luò)中了，那我將更樂(lè)意分享這條鏈接。我相信我朋友的判斷。如果他們分享了這條引用，它一定是值得分享的。
如果我看見(jiàn)我的某個(gè)朋友分享了某條Twitter信息，我更可能做相同的事
一些網(wǎng)站已經(jīng)開(kāi)始利用我們的朋友圈。比如Etsy，它是一家出售手工制品的公司。通過(guò)它的網(wǎng)站，你可以登錄到Facebook。它會(huì)基于你朋友的愛(ài)好向他們推薦合適的商品。雖然推薦并不完美，但針對(duì)那種“適合他的禮物”、“適合她的禮物”寬泛的建議，它已經(jīng)很強(qiáng)大了。
Etsy利用Facebook來(lái)為你的朋友推薦禮物
聯(lián)想片刻，如果Etsy并未停留在這里。如果利用Facebook的數(shù)據(jù)確定了他們所賣產(chǎn)品之間的差異。利用這些信息，不僅僅可以提高用戶體驗(yàn)，還可以推薦未來(lái)的產(chǎn)品。社交化設(shè)計(jì)有潛力改變整個(gè)商業(yè)的方向。
這并不限制于電子商務(wù)網(wǎng)站。像Smashing Magazine這樣的網(wǎng)站也可以利用讀者對(duì)文章的Tweet和評(píng)論來(lái)顯示該文章的關(guān)注度。你甚至可以請(qǐng)用戶直接向文章、產(chǎn)品或他們想要的新服務(wù)提出建議。傳統(tǒng)上，這種讀者研究和產(chǎn)品開(kāi)發(fā)往往耗費(fèi)巨大。但社交媒體所提供的獲得此類反饋的能力卻是免費(fèi)的。
正如你開(kāi)始看見(jiàn)的，社交化網(wǎng)站不僅僅允許我們利用我們的朋友圈，還有能力做更多的事情。但要想達(dá)到這一點(diǎn)，我們需要把社交化整合到整個(gè)網(wǎng)站架構(gòu)中，而不是作為一個(gè)后來(lái)的添加項(xiàng)隨意安置它。
作為附屬物的社交媒體所帶來(lái)的問(wèn)題
很多網(wǎng)站只是在隨意地使用社交網(wǎng)絡(luò)，而未進(jìn)行統(tǒng)籌設(shè)計(jì)。每當(dāng)一項(xiàng)新社交技術(shù)出現(xiàn)后，我們就會(huì)將它安置在我們的網(wǎng)站上，而不會(huì)進(jìn)行全局謀劃。
以我的網(wǎng)站為例。和很多其他網(wǎng)站一樣，這個(gè)網(wǎng)站經(jīng)過(guò)多年的改進(jìn)，已增加了很多社交方面的功能。在該網(wǎng)站上你可以：
● 對(duì)某一篇博文進(jìn)行評(píng)論;
● 發(fā)布論壇帖。
● 進(jìn)入Facebook頁(yè)面;
● 通過(guò)Twitter與我交流;
● 甚至可以對(duì)我發(fā)布的音頻文章進(jìn)行評(píng)論。
擁有這么多選項(xiàng)，任何人都沒(méi)理由抱怨這不是一個(gè)社交網(wǎng)站。但該網(wǎng)站存在的問(wèn)題是交流內(nèi)容太零散——在Twitter發(fā)表博文的人無(wú)法看到其他人在Facebook上所發(fā)表的博文。同樣，針對(duì)我博文進(jìn)行評(píng)論的讀者無(wú)法看到論壇中針對(duì)該文的更有深度的評(píng)論。
這是因?yàn)槲覂H僅用了該項(xiàng)技術(shù)，而沒(méi)有將它整合到社區(qū)中，從而創(chuàng)造一個(gè)更為完備的社區(qū)。想象一下，從一開(kāi)始，我并沒(méi)有在網(wǎng)站設(shè)計(jì)中加入社交的思想。而是，在我每發(fā)布一篇新博文時(shí)，系統(tǒng)都能同時(shí)在論壇中創(chuàng)建了一個(gè)討論帖。針對(duì)該博文的評(píng)論也將出現(xiàn)在論壇中，反之亦然。
同樣的，當(dāng)發(fā)布一篇博文后，它同樣也會(huì)被發(fā)布到Twitter和Facebook中。如果有人在這兩個(gè)社交網(wǎng)站中的任何一個(gè)中進(jìn)行了回復(fù)，回復(fù)內(nèi)容都會(huì)被抓取并呈現(xiàn)在網(wǎng)站的評(píng)論中。雖然并不完美(例如，Twitter用戶仍無(wú)法看到未訪問(wèn)該網(wǎng)站的Facebook用戶所發(fā)表的評(píng)論。)但它已向前邁進(jìn)了一大步。
網(wǎng)站的角色
這是我希望告訴大家的主要觀點(diǎn)。你的網(wǎng)站應(yīng)該成為社交的中樞，而非局外人。它有潛力將來(lái)自多個(gè)社交媒體的交流內(nèi)容整合在一起，讓用戶和他們的朋友進(jìn)行交互，無(wú)論是買一相機(jī)還是分享一條特殊的引用。
原文來(lái)自：Smashing Magazine
文章來(lái)源：csdn.net