網絡共享的UX注意事項

從簡單的新聞網站到復雜的在線出版物，共享按鈕是一個常見的景象。但是，它們的必要性是有爭議的。現代移動瀏覽器（Firefox，Edge，Safari，Chrome，Chrome，Opera Mini，UC瀏覽器，三星Internet）通過“共享表”提供內置共享功能，從而消除了許多情況下對定制按鈕的需求。您甚至可以與鏈接一起共享文本摘錄。

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

調查建議其他情況。 2014年的CSS漫步民意調查表明，有60％的受訪者從未使用過自定義共享按鈕。後來粉碎雜誌民意調查顯示了類似的結果。自那時以來，本機共享方法僅有所改善。

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

儘管共享按鈕的點擊率很低，但這不是最好的度量。對於精通技術的用戶，按鈕可作為視覺提醒。即使用戶改用瀏覽器的共享表，自定義按鈕也可以作為提示。一個更好的度量標準是，無論共享方法如何，添加股票按鈕後的總體股票是否會增加。

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

這很棒，但是它有一個缺點：用戶通過網站訪問社交媒體（不是應用程序）不會看到這些選項。當前，僅支持本地應用程序，但PWA將在以後包含。

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

API需要用戶互動（例如單擊按鈕）來激活共享表，以防止自動彈出窗口。 “文本”參數可以是摘錄或摘要； “標題”用於電子郵件，但被社交網絡忽略。

桌面實現目前是有限的，令人滿意的。 Safari提供有限的選項（郵件，消息，空調，筆記，提醒），省略了社交網絡。 Chrome計劃增加支持，但時間表尚不清楚。

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

強迫用戶配置未使用的電子郵件應用程序比簡單地複制和粘貼URL更為麻煩。

選擇共享圖標提出了另一個挑戰。沒有通用標準。 Android和iOS圖標並未得到普遍認可，有些圖標很容易混淆（例如，iOS共享圖標類似於下載圖標）。在Giffgaff，內部測試顯示Android圖標絕大多數是首選。建議使用上下文圖標（例如Twitter的平台特定圖標）或與圖標旁邊的清晰標籤。

以上是網絡共享的UX注意事項的詳細內容。更多資訊請關注PHP中文網其他相關文章！