關(guān)于“分享”的小細(xì)節(jié)

2016-08-08

2458

現(xiàn)在“分享”幾乎成為網(wǎng)站的標(biāo)配。每個網(wǎng)站都想讓瀏覽者把自己的內(nèi)容傳播出去，于是只要是可以分享的地方就有那么一排分享按鈕，甚至每張圖片每個評論都有分享按鈕。但是“分享”可不只是做一排按鈕那么簡單，它背后藏著很多細(xì)節(jié)。這篇文章我就講講關(guān)于“分享”需要了解的細(xì)節(jié)和我的一些想法。

分享的主體

分享，就是我要把這個東西告訴別人。打開一張網(wǎng)頁，上面有那么多東西，我要告訴別人什么呢？這個就是分享的主體。一個頁面不同位置的分享按鈕都有著不同的分享主體。舉個例子，我們對比一下落網(wǎng)期刊這里的兩個分享按鈕，我點(diǎn)擊之后選擇分享到微博。

分享的結(jié)果如下：上面的分享按鈕分享的是這個期刊，而下面的按鈕分享的是當(dāng)前播放的這首歌。

可見，當(dāng)我們給網(wǎng)站某處添加分享功能時，要想清楚分享的主體是什么。對于不同的分享主體做以區(qū)分，就更能體現(xiàn)出每個分享按鈕的意義，當(dāng)然一個頁面還是不建議出現(xiàn)太多分享按鈕。

分享的時機(jī)

“分享”的設(shè)計(jì)同質(zhì)化比較嚴(yán)重，多數(shù)網(wǎng)站都是一排圖標(biāo)。對于用戶來說，可能習(xí)慣了這種設(shè)計(jì)，無需“教育”就知道點(diǎn)這些圖標(biāo)可以進(jìn)行分享。但是與其等待用戶主動分享不如讓分享按鈕在合適的時機(jī)出現(xiàn)，讓一切自然發(fā)生。

比如，閱讀類產(chǎn)品可以在用戶滑到文章底部時再提示分享，購物類網(wǎng)站可以在用戶訂單支付成功時引導(dǎo)分享。

分享的視角和內(nèi)容

社交媒體一般都支持分享的內(nèi)容自定義，即分享出去所呈現(xiàn)的樣子是可以控制的。一般情況下，分享的內(nèi)容包含以下四項(xiàng)：標(biāo)題、簡介、縮略圖和鏈接。下圖是在微信中將一篇文章分享給朋友時所呈現(xiàn)的樣子，上面黑色的大字是標(biāo)題，灰色的小字是簡介，右邊是縮略圖，至于鏈接，則是當(dāng)查閱者點(diǎn)開的時候跳轉(zhuǎn)的頁面。

由于這些東西是可以自定義的，所以我們可以讓分享者分享出去的頁面和查閱者點(diǎn)開看見的頁面不一樣。常見的是在微信中傳播的小測試，比如在扇貝單詞量測試中，分享者分享自己的測試結(jié)果，查閱者通過分享者的分享鏈接打開之后看見的不再是分享者的測試結(jié)果頁，而是開始測試的頁面，這樣就形成了一個很好的傳播鏈。

當(dāng)然標(biāo)題、簡介、縮略圖也可以根據(jù)分享者的當(dāng)前操作狀態(tài)隨時修改，以達(dá)到不同的分享效果，吸引查閱者點(diǎn)擊。比如上面的測試結(jié)果分享出去的標(biāo)題就是：我的英語單詞量竟然是5500，你也來測測吧。它是實(shí)時的，而不是一個不變的標(biāo)題。

分享的特權(quán)

對于經(jīng)過一些社交媒體認(rèn)證的網(wǎng)站，在分享時是有一些特權(quán)的。比如在認(rèn)證的微信公眾號中設(shè)置安全域名就可以自定義分享內(nèi)容，獲得微博appkey的網(wǎng)站內(nèi)容在分享時會被解析為linkcard。下圖就是微博linkcard效果，未獲得微博appkey的網(wǎng)站分享出去的內(nèi)容里面帶有鏈接就顯示為藍(lán)色的鏈接，但獲得授權(quán)的分享出去就會顯示為卡片的樣式。

微信分享和其他分享

最后單獨(dú)說說微信分享。在這些社交媒體中微信是個異類，因?yàn)閷τ诜窒戆粹o的點(diǎn)擊響應(yīng)微信和其他社交媒體不一樣。一般來說點(diǎn)擊分享按鈕就會跳轉(zhuǎn)到一個新的發(fā)布頁面（發(fā)布微博、發(fā)表說說等），但是由于微信沒有網(wǎng)頁端的朋友圈，分享到微信就只能在移動客戶端上操作。所以分享到微信就等同于用戶需要使用移動設(shè)備掃碼在微信內(nèi)部打開再點(diǎn)擊右上角的按鈕分享。

“分享到微信”按鈕實(shí)質(zhì)上不算是分享，更像是一個提示。由于網(wǎng)頁可以在多端打開，所以這個提示也需要根據(jù)當(dāng)前打開設(shè)備環(huán)境來做不同適應(yīng)?？梢源致缘胤譃槿悾鹤烂娑藶g覽器、移動端非微信瀏覽器、微信內(nèi)置瀏覽器。桌面打開一般會彈出二維碼，提示使用手機(jī)掃碼再分享；移動端非微信瀏覽器則是提示用戶保存二維碼并使用微信掃描；微信內(nèi)置瀏覽器則直接提示點(diǎn)擊右上角按鈕進(jìn)行分享。下圖就是在三種情況下的不同提示效果。

當(dāng)然，文字提示略顯單薄，我們可以把這些提示做得有趣一點(diǎn)。之前大眾點(diǎn)評一個特別火的H5的分享提示就融入了情境，很自然，不突兀。

關(guān)于“分享”的小細(xì)節(jié)，暫時想到這么多?？梢?，很常見的東西要是深究其細(xì)節(jié)也是非常復(fù)雜的。希望我們以后做這些很常見的功能時，也能把它做得細(xì)致入微，讓人稱贊。

本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技

標(biāo)簽：縱天,高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),廣州響應(yīng)式網(wǎng)站

關(guān)注我們：在查找公眾號中搜索：zomsky1688，或者掃描下方二維碼快速關(guān)注。
廣州市縱天信息科技有限公司公眾號