Pertimbangan UX untuk Perkongsian Web

Dari laman berita mudah ke penerbitan dalam talian yang canggih, butang saham adalah penglihatan yang biasa. Walau bagaimanapun, keperluan mereka boleh dibahaskan. Pelayar mudah alih moden (Firefox, Edge, Safari, Chrome, Opera Mini, Pelayar UC, Samsung Internet) menawarkan fungsi perkongsian terbina dalam melalui "lembaran saham," menghapuskan keperluan untuk butang tersuai dalam banyak kes. Anda juga boleh berkongsi petikan teks bersama pautan.

Memandangkan fungsi asli ini, adakah butang saham tersuai semata -mata menggagalkan antara muka dan mengalihkan perhatian pengguna? Adakah orang menggunakannya?

Survei mencadangkan sebaliknya. Pungutan CSS-Tricks 2014 menunjukkan 60% responden tidak pernah menggunakan butang saham tersuai. Kemudian pemilihan majalah menghancurkan menunjukkan hasil yang sama. Kaedah perkongsian asli hanya bertambah baik sejak itu.

Walau bagaimanapun, kecekapan teknologi pengguna berbeza -beza. Ada yang mungkin berjuang untuk mencari butang saham asli. Perkongsian desktop juga merupakan faktor; Kebanyakan penyemak imbas desktop (kecuali safari) kekurangan perkongsian terbina dalam, yang memerlukan salinan manual.

Walaupun kadar klik pada butang saham rendah, ini bukan metrik terbaik. Bagi pengguna teknologi yang bijak, butang bertindak sebagai peringatan visual untuk dikongsi. Walaupun pengguna menggunakan lembaran saham penyemak imbas sebaliknya, butang tersuai berfungsi sebagai prompt. Metrik yang lebih baik adalah sama ada kenaikan saham keseluruhan selepas menambah butang saham, tanpa mengira kaedah perkongsian.

Oleh itu, butang saham mungkin bermanfaat. Secara tradisinya, laman web termasuk butang untuk beberapa rangkaian sosial yang popular. API Web Share menawarkan penyelesaian yang lebih elegan. Walaupun kini terhad kepada Chrome untuk Android dan Safari (meliputi sebahagian besar trafik web), ia memanfaatkan lembaran saham asli. Hanya aplikasi yang dipasang pengguna muncul, mengelakkan pilihan yang tidak relevan.

Ini sangat baik, tetapi ia mempunyai kelemahan: pengguna mengakses media sosial melalui laman web (bukan aplikasi) tidak akan melihat pilihan tersebut. Pada masa ini, hanya aplikasi asli yang disokong, tetapi PWA akan dimasukkan kemudian.

 WebShareButton.AddeventListener ("klik", fungsi () {
  navigator.share ({
    URL: document.url,
    Tajuk: Document.Title,
    Teks: "Lorem Ipsum ..."
  });
});

API memerlukan interaksi pengguna (seperti klik butang) untuk mengaktifkan lembaran saham, mencegah pop timbul automatik. Parameter "teks" boleh menjadi petikan atau ringkasan; "Tajuk" digunakan untuk e -mel tetapi diabaikan oleh rangkaian sosial.

Pelaksanaan desktop kini terhad dan kurang memuaskan. Safari menawarkan pilihan terhad (mel, mesej, udara, nota, peringatan), menghilangkan rangkaian sosial. Chrome merancang untuk menambah sokongan, tetapi garis masa tidak jelas.

Untuk desktop, modal dengan pelbagai pilihan perkongsian adalah perkara biasa (seperti yang dilihat di YouTube, Instagram, Pinterest). Berfokus pada Facebook dan Twitter (yang paling popular) nampaknya mencukupi. Perkongsian Instagram tidak mungkin dari laman web. E-mel sering dimasukkan, tetapi bermasalah untuk pengguna pelanggan e-mel berasaskan web (gmail.com, Outlook.com). Pengguna ini lebih baik dilayan oleh butang "Salin Pautan".

Memaksa pengguna untuk mengkonfigurasi aplikasi e -mel yang tidak digunakan lebih rumit daripada hanya menyalin dan menampal URL.

Memilih ikon saham memberikan cabaran lain. Tidak ada standard sejagat. Ikon Android dan iOS tidak diiktiraf secara universal, dan beberapa ikon mudah dikelirukan (contohnya, ikon saham iOS menyerupai ikon muat turun). Di GiffGaff, ujian dalaman menunjukkan ikon Android sangat disukai. Ikon kontekstual (seperti ikon khusus platform Twitter) atau label yang jelas di samping ikon disyorkan.

Atas ialah kandungan terperinci Pertimbangan UX untuk Perkongsian Web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!