it-swarm.asia

Tombol mengubah teks & tindakannya. Baik atau buruk?

enter image description here Setelah pengguna Mendaftar untuk suatu acara (ia pergi ke troli dan membayar, dll.) Saat berikutnya ia mengunjungi halaman, acara untuk yang dia daftarkan sekarang menunjukkan tombol yang kurang ditekankan Batalkan registrasi , yang melakukan kebalikan dari apa yang dilakukannya hingga acara tersebut dibeli.

Apakah praktik yang baik untuk memiliki tombol yang sama mengubah fungsinya atau itu buruk dan membingungkan?

Pembaruan:
Jika itu membantu siapa pun, saya menggunakan tata letak ini: enter image description here

40
Dennis Novac

Anda dapat mengubah tombol untuk mencerminkan satu-satunya tindakan yang tersedia, tetapi pisahkan tampilan negara.

Anda telah mengganti label tombol dengan satu-satunya tindakan yang tersedia: mengembalikan (membatalkan pendaftaran).

Di mana mulai sedikit membingungkan adalah Anda memiliki tanda centang di samping label tombol.

Salah satu pendekatan adalah memisahkan mereka. Pisahkan status 'Anda menghadiri' dari tindakan.

Karena tindakan utama saat memindai daftar adalah Register, Anda dapat membuat tombol Unregister lebih halus.

enter image description here

Bergantung pada sasaran bisnis, jika Anda perlu menekankan tindakan membatalkan pendaftaran, Anda mungkin dapat membuat tautan yang halus.

enter image description here

Contoh ini menekankan kondisi saat ini 'Menghadiri' sehingga jelas dalam sekejap.

Ini juga menggunakan bahasa yang berbeda untuk lebih jelas membedakan keadaan dari tindakan.

74
Mike M

Saya akan menjaga gaya umum tombol, agar konsisten. Namun saya pikir hal yang paling penting adalah untuk mengkonfirmasi bahwa Anda telah mendaftar, dan negara ini tidak membingungkan sama dengan tidak terdaftar, kecuali untuk "Un". Karena yang penting adalah bahwa Anda sudah mendaftar saya akan meletakkannya di atas, dengan tombol batalkan registrasi di bawahnya. Memiliki gaya yang lebih ringan juga membuat kecil kemungkinan bahwa pembacaan cepat akan keliru karena perlu mendaftar. Seperti ini:

Suggested layout

10
Nick Gammon

Sebagai perbandingan, situs media sosial biasanya memiliki tombol seperti itu untuk mengikuti/berhenti mengikuti.

Beberapa contoh:

  • Tumblr:

    Follow / Unfollow

  • Reddit:

    subscribe / unsubscribe

  • Indonesia:

    Follow / Following / Unfollow

  • Youtube:

    Subscribe / Subscribed / Unsubscribe

  • Facebook:

    Follow / Following / Following with dropdown menu where "Unfollow this page" is one of the menu items

6
ahiijny

Jangan "kurang menekankan" itu kecuali itu adalah persyaratan!

Jangan membahayakan pengalaman pengguna Anda demi mencegah tindakan!

Ini adalah dua tombol yang berbeda dengan dua fungsi berbeda yang SEPENUHNYA penting bagi pengguna.

Tampaknya pengguna harus dapat Mendaftar dan ke Batalkan pendaftaran . Demikian pula saya dapat membeli dari Amazon dan saya dapat menghasilkan pengembalian atau membatalkan pesanan . Meskipun Amazon lebih suka pengembalian kurang/pembatalan terjadi, mereka tidak/ membuat Kembali/Batalkan tombol membingungkan dan kurang dapat diakses.

* Kurang menekankan tidak berarti membingungkan pengguna dan membuat tugas sulit dicapai.

* Tidak ada yang salah dengan memiliki tombol "Batalkan Pendaftaran" menggantikan tombol "Daftar".

Rekomendasi:

  • Perlihatkan sesuatu seperti label "Sudah terdaftar" (dengan tanda centang mungkin) untuk pengguna yang sudah terdaftar dan kembali untuk mengunjungi kembali halaman.
  • Tampilkan tombol "Batalkan registrasi" dengan warna biru seperti tombol "Daftarkan" dan hapus tanda centang yang Anda tambahkan di sebelah "Batalkan pendaftaran".

Sekarang, jika mengabaikan tugas "Batalkan Pendaftaran" adalah Persyaratan:

Lihat saran di bagian pembaruan di bawah .

PEMBARUAN (1):

Saya hanya memperhatikan jawaban Mike (saya pikir itu diposting beberapa menit sebelum saya). Saya menggemakan idenya: "Bergantung pada tujuan bisnis, jika Anda perlu menekankan tindakan tidak mendaftar, Anda mungkin dapat membuat tautan yang halus".

AKHIR PEMBARUAN (1)


PEMBARUAN (2):

Pembaruan ini untuk menyarankan perbaikan desain berdasarkan pada pembaruan OP dan jawaban lain:

enter image description here

AKHIR PEMBARUAN (2).

4
Mo'ath