it-swarm.asia

Panduan pengguna bawaan

Saya ingin aplikasi web saya cukup jelas. Ada kolom input dan seluruh halaman yang membutuhkan beberapa paragraf penjelasan. Bagaimana cara mengintegrasikan panduan pengguna ini ke aplikasi saya? Bagaimana membuatnya terlihat dan tidak mengganggu?

8
Witek

Saya akan mempertimbangkan untuk mengungkapkan bantuan secara bertahap:

Jika Anda menetapkan standar di mana setiap bidang memiliki tooltip, Anda dapat menghindari ikon khusus - pengguna akan segera tahu bahwa mouse over akan menghasilkan tooltip.

Setiap tooltip harus memiliki tautan di dalamnya (atau sebagai alternatif seluruh tooltip dapat tekan) untuk mengembangkannya untuk penjelasan yang lebih mendalam. Penjelasan ini dapat dengan mudah dibuka di tempat atau di halaman lain).

7
Dan Barak

Saya menemukan halaman pendaftaran Twitter untuk melakukan pekerjaan yang cukup baik di ini:


alt text


Mereka bahkan menggunakan ini untuk validasi/umpan balik:


alt text


Itu tidak memerlukan beberapa ratus piksel di sebelah kolom input Anda. Namun, hal itu memberi Anda kebebasan untuk hanya menyediakan teks bantuan singkat diikuti dengan tautan "selengkapnya ...".

5
jensgram

Kami mengambil pendekatan bahwa pengunjung pertama kali ke situs kami (memanfaatkan cookie) mendapatkan bilah peringatan (mirip dengan jika Anda mengunjungi SE untuk pertama kalinya) mengarahkan mereka ke bantuan web, dan video tentang cara menggunakan situs .

Bilah lansiran ini tidak akan muncul untuk kunjungan berikutnya dan karenanya tidak mengganggu pengguna lagi.
(Info lebih lanjut tentang posting blog ini. )

Untuk situs kami, kami lebih suka pendekatan bilah lansiran non-modal.
Namun, pendekatan lain yang kami lihat adalah kotak peringatan modal pada kunjungan pertama, dan ini akan muncul setiap kali, sampai mereka mengklik 'Jangan tampilkan lagi' kotak centang sebelum mengklik OK.

2
Simon

Anda dapat menulis penjelasan kecil di sidebar seperti yang mereka lakukan di halaman login SO.

pilihan lain adalah meletakkan ikon kecil di sebelah bidang dan menyertakan ujung alat yang melayang di sebelah masing-masing bidang.

0
Sruly