從簡(jiǎn)單的新聞網(wǎng)站到復(fù)雜的在線出版物，共享按鈕是一個(gè)常見(jiàn)的景象。但是，它們的必要性是有爭(zhēng)議的?，F(xiàn)代移動(dòng)瀏覽器（Firefox，Edge，Safari，Chrome，Chrome，Opera Mini，UC瀏覽器，三星Internet）通過(guò)“共享表”提供內(nèi)置共享功能，從而消除了許多情況下對(duì)定制按鈕的需求。您甚至可以與鏈接一起共享文本摘錄。

鑑於此本地功能，自定義共享按鈕是否僅僅使界面混亂並分散用戶？人們甚至使用它們嗎？

調(diào)查建議其他情況。 2014年的CSS漫步民意調(diào)查表明，有60％的受訪者從未使用過(guò)自定義共享按鈕。後來(lái)粉碎雜誌民意調(diào)查顯示了類似的結(jié)果。自那時(shí)以來(lái)，本機(jī)共享方法僅有所改善。

但是，用戶技術(shù)能力有所不同。有些人可能難以找到本地共享按鈕。桌面共享也是一個(gè)因素；大多數(shù)桌面瀏覽器（Safari除外）都缺少內(nèi)置共享，需要手動(dòng)副本。

儘管共享按鈕的點(diǎn)擊率很低，但這不是最好的度量。對(duì)於精通技術(shù)的用戶，按鈕可作為視覺(jué)提醒。即使用戶改用瀏覽器的共享表，自定義按鈕也可以作為提示。一個(gè)更好的度量標(biāo)準(zhǔn)是，無(wú)論共享方法如何，添加股票按鈕後的總體股票是否會(huì)增加。

因此，共享按鈕可能是有益的。傳統(tǒng)上，網(wǎng)站包含了一些流行的社交網(wǎng)絡(luò)的按鈕。網(wǎng)絡(luò)共享API提供了更優(yōu)雅的解決方案。儘管目前僅限於Android和Safari的Chrome（涵蓋了很大一部分的網(wǎng)絡(luò)流量），但它利用了本機(jī)共享表。僅出現(xiàn)用戶的安裝應(yīng)用程序，避免了無(wú)關(guān)的選項(xiàng)。

這很棒，但是它有一個(gè)缺點(diǎn)：用戶通過(guò)網(wǎng)站訪問(wèn)社交媒體（不是應(yīng)用程序）不會(huì)看到這些選項(xiàng)。當(dāng)前，僅支持本地應(yīng)用程序，但PWA將在以後包含。

 websharebutton.addeventlistener（“ click”，function（）{
  navigator.share（{
    URL：document.url，
    標(biāo)題：document.title，
    文字：“ Lorem Ipsum ...”
  }）;
}）;

API需要用戶互動(dòng)（例如單擊按鈕）來(lái)激活共享表，以防止自動(dòng)彈出窗口。 “文本”參數(shù)可以是摘錄或摘要； “標(biāo)題”用於電子郵件，但被社交網(wǎng)絡(luò)忽略。

桌面實(shí)現(xiàn)目前是有限的，令人滿意的。 Safari提供有限的選項(xiàng)（郵件，消息，空調(diào)，筆記，提醒），省略了社交網(wǎng)絡(luò)。 Chrome計(jì)劃增加支持，但時(shí)間表尚不清楚。

對(duì)於桌面，具有多個(gè)共享選項(xiàng)的模態(tài)很常見(jiàn)（如YouTube，Instagram，Pinterest上所示）。專注於Facebook和Twitter（最受歡迎）似乎足夠了。 Instagram共享目前不可能從網(wǎng)站上進(jìn)行。電子郵件通常包括在內(nèi)，但對(duì)於基於Web的電子郵件客戶端的用戶（gmail.com，outlook.com）而言是有問(wèn)題的。這些用戶通過(guò)“複製鏈接”按鈕更好地服務(wù)。

強(qiáng)迫用戶配置未使用的電子郵件應(yīng)用程序比簡(jiǎn)單地複制和粘貼URL更為麻煩。

選擇共享圖標(biāo)提出了另一個(gè)挑戰(zhàn)。沒(méi)有通用標(biāo)準(zhǔn)。 Android和iOS圖標(biāo)並未得到普遍認(rèn)可，有些圖標(biāo)很容易混淆（例如，iOS共享圖標(biāo)類似於下載圖標(biāo)）。在Giffgaff，內(nèi)部測(cè)試顯示Android圖標(biāo)絕大多數(shù)是首選。建議使用上下文圖標(biāo)（例如Twitter的平臺(tái)特定圖標(biāo)）或與圖標(biāo)旁邊的清晰標(biāo)籤。

以上是網(wǎng)絡(luò)共享的UX注意事項(xiàng)的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！