it-swarm.asia

Apa yang bisa dilakukan untuk membuat wizard multi-langkah yang panjang menjadi lebih mudah digunakan?

Saya perlu membuat panduan yang memiliki banyak bagian, masing-masing dengan beberapa pertanyaan. Bagaimana saya bisa meningkatkan pengalaman bagi pengguna akhir?

24
Ryan Shripat

Saran pertama saya adalah mencoba untuk menghilangkan langkah sebanyak mungkin. Benar-benar memikirkan aliran, apa yang dibutuhkan, dll.

Beberapa tips untuk membuat proses panjang lebih ramah:

  • Tampilkan meteran langkah yang telah diselesaikan
  • Jika memungkinkan, izinkan pengguna untuk melompat mundur untuk kembali dan memperbaiki entri sebelumnya
  • Berikan umpan balik real-time saat entri tidak sesuai dengan nilai input yang diharapkan, alih-alih memberi tahu pengguna bahwa ada sesuatu yang tidak berfungsi pada akhir proses.

Catatan tambahan (mudah-mudahan tidak mengobarkan api): Apple hampir tidak pernah menggunakan Wizards untuk proses pengaturan, dan ketika mereka melakukannya, Apple set- Asisten (menurut saya) selalu lebih mudah untuk mencari tahu daripada setara dengan Microsoft.Saya sarankan melihat perbedaan dan mencoba mengidentifikasi trik yang digunakan oleh Apple.

18
Brendan Berg

Ini yang paling penting yang bisa saya pikirkan:

  • Memecah operasi yang membentuk tugas menjadi serangkaian potongan.
  • Tombol Sebelumnya dan Berikutnya.
  • Peta Urutan yang menunjukkan di mana Anda berada di langkah setiap saat

Baca lebih lanjut tentang topik ini di Merancang Antarmuka Wizard halaman .

10
Nacho

Jika Anda telah mempertimbangkan semua alternatif yang disebutkan dalam jawaban lain dan telah memutuskan bahwa wizard harus besar maka Anda harus mempertimbangkan yang berikut:

  • Bagi informasi menjadi beberapa bagian logis yang tidak terlalu panjang
  • Beri judul pada masing-masing bagian dengan jelas tetapi cobalah dan singkatkan. Jika Anda membutuhkannya, tambahkan deskripsi tambahan di bawah judul untuk menjelaskan lebih lanjut
  • Tampilkan indikator progres, mis. Langkah 3 dari 10
  • Berikan tombol berikutnya dan kembali untuk navigasi. Kadang-kadang tepat untuk memungkinkan pengguna untuk maju tanpa menyelesaikan setiap bagian namun dalam banyak kasus tidak karena menambah kompleksitas tambahan ke wizard yang mungkin tidak sepenuhnya dipahami pengguna. Saya cenderung tidak membiarkan pengguna melanjutkan sampai mereka menyelesaikan bagian (tombol selanjutnya dalam kasus ini bertindak sebagai kirim).
  • Benar-benar memikirkan setiap kontrol formulir dan apakah itu sesuai untuk data yang Anda coba kumpulkan. Jika Anda ingin pengguna memilih dari daftar pendek kemudian gunakan drop down namun jika daftar sangat panjang maka drop down tidak benar-benar cocok. Gunakan kontrol pencarian atau sesuatu.
  • Daftar kontrol drop down harus dipesan sesuai abjad
  • Buat label kontrol formulir sesingkat mungkin tetapi harus jelas dan mudah dipahami informasi apa yang ingin Anda kumpulkan. Jika Anda perlu menambahkan deskripsi, jangan membuat judul terlalu panjang
  • Gunakan tanda air deskriptif pada semua kontrol input dan item default pada drop down. misalnya "Masukkan judul" atau "Pilih negara"
  • Memberikan pesan validasi gagal yang terperinci dan berguna sesuai dengan kontrol, saya cenderung menampilkan pesan sederhana terlebih dahulu tetapi jika pengguna menggulirnya, mereka mendapatkan lebih banyak informasi tentang bidang dan nilai apa yang diterima dll. Saya juga menyertakan gagal validasi master pesan yang muncul di sebelah tombol proses. Anda juga dapat membuat fungsionalitas ini secara real time sehingga ketika pengguna mengetik dan mereka salah Anda bisa menyorotnya saat itu juga.
  • Jika wizard sangat panjang dan Anda pikir itu akan membantu, izinkan pengguna untuk menyimpan progres mereka sehingga mereka tidak perlu mengisinya dalam satu sesi dan dapat mengambilnya nanti di mana mereka tinggalkan
5
ArchieVersace

Saya akan menempatkan setiap langkah ke dalam tab, sedemikian rupa sehingga tab yang dapat diakses di titik mana pun diaktifkan, yang lain dinonaktifkan.

Dengan cara ini, pengguna dapat bergerak bebas di sekitar kesalahan yang benar tanpa harus mundur beberapa langkah, dll. Pengaktifan tab masih menghentikan pengguna untuk pergi ke langkah-langkah yang belum dapat dimodifikasi, karena masih ada informasi yang hilang.

4
txwikinger

Selain tips lain yang disebutkan, gunakan default pintar untuk semua yang Anda bisa. Jika Anda sudah memiliki alamat email mereka, Anda mungkin dapat menusuk nama mereka, nama pengguna potensial, mungkin tempat kerja, negara tempat tinggal (atau mendapatkannya dari alamat IP atau pengaturan sistem mereka). Berikut ini kecil contoh .

Yang memunculkan sumber informasi lain: jika Anda membuat aplikasi, maka akan ada banyak informasi tersedia bagi Anda dari sistem. Gunakan.

Memikirkan hal ini juga dapat mengubah urutan pertanyaan Anda. Anda bisa mendapatkan banyak sekali barang hanya dari negara dan kode pos/pos saja, misalnya.

Berbicara tentang alamat, sistem pengalamatan pos menggunakan basis data alamat yang luas untuk memungkinkan pengecekan kesalahan yang mudah dari entri alamat: mengingat kode pos/pos, Anda mungkin dapat menebak setelah satu ketukan tombol nama jalan bahwa alamat yang dimaksud adalah " Jalan yang berotot ", dan menyimpan banyak kesalahan ketik dan ejaan. Anda juga dapat mengetahui kisaran alamat yang diketahui, dan bahkan jika nomor-nomor tertentu memerlukan hal-hal tambahan seperti nomor apartemen, misalnya. Bukannya Anda tidak akan mengizinkan pengguna memasukkan nama jalan atau nomor rumah yang tidak Anda ketahui, tetapi Anda mungkin memperingatkan mereka dengan jenis pesan 'bukan maksud Anda ...? ".

Ringkasnya: bahkan jika sepertinya banyak pekerjaan di pihak Anda yang mungkin ditimpa oleh pengguna pada akhirnya, membuat hidup lebih mudah bagi Anda (semoga jutaan) pengguna sepadan.

4
whybird

Jika proses/wizard itu sendiri tidak dapat disederhanakan atau dengan cara lain dikurangi, saya sarankan paling tidak menunjukkan dengan tepat di mana dalam proses itu pengguna saat ini berada.

Anda dapat melakukan ini dengan sesuatu yang sederhana seperti "Langkah 6 dari 10", atau lebih rumit dengan menunjukkan diagram alur dengan langkah saat ini disorot dll.

3
J Wynia

Selalu ada cara untuk meminimalkan ukuran penyihir, seperti memisahkan tugas atau membuat beberapa langkah opsional.

Beberapa tips:

  • Beri Judul Bagian Anda
  • Tombol Kembali dan Selanjutnya
  • Izinkan pengguna untuk menavigasi melalui langkah-langkah, dan jika mereka bergantung pada langkah-langkah sebelumnya maka hanya orang-orang yang selesai.
  • Berikan nilai default yang baik untuk input Anda.
3
giancarlo

Selain kiat-kiat taktis hebat yang disarankan semua orang, saya juga akan menyarankan Anda melakukan pengujian kegunaan diskon dengan orang-orang yang akan bekerja dengan penyihir.

Dengan menelusuri halaman panduan saat ini dengan pengguna, Anda bisa mendapatkan umpan balik yang bermanfaat tentang kumpulan bidang mana yang dapat dikelompokkan bersama untuk membuat proses lebih alami bagi mereka.

Dalam beberapa keadaan Anda akan menemukan bahwa pengguna Anda memiliki toleransi yang lebih besar untuk formulir yang lebih lama ketika mereka disusun dengan cara yang sesuai dengan harapan mereka.

r.

2
Robert Hamburger

Mungkin penyihir bukanlah solusi ideal di sini.

Apakah pengguna benar-benar perlu memilih dari daftar besar opsi berbeda secara berurutan?

Bisakah Anda defaultkan sebagian besar opsi? Jika pengguna perlu mengubah dari default mereka dapat mengklik tombol ubah untuk mengubah opsi tertentu.

Jika mereka tidak dapat di-default-kan dari awal, dapatkah Anda menyimpan pilihan dan default sebelumnya?

1
Mongus Pong

Pertimbangkan alternatif Wizards: Pemberdayaan dan pengungkapan yang progresif.

Miliki semua pertanyaan di satu halaman, tetapi hanya tampilkan bingkisan pertama dari mereka. Kemudian ketika pengguna telah menyelesaikan potongan pertama Anda menunjukkan potongan kedua pada halaman yang sama. Lanjutkan seperti ini. Begitulah:

  • Mudah bolak-balik
  • Dapatkan ikhtisar atas semua pilihan
  • Hanya harus berurusan dengan subset pertanyaan sekaligus

Dengan mengaktifkan progresif, Anda telah menonaktifkan potongan pertanyaan berikutnya sampai pengguna menyelesaikan potongan pertama.

1
Erik Engheim