Ayo pergi! Atau sedikit tentang merancang antarmuka pemilih tanggal


Pilihan tanggal (selanjutnya, untuk kesederhanaan, saya akan menggunakan kata kalender) sering digunakan di situs. Pemesanan hotel, penerbangan, mobil, membeli tiket. Ini adalah topik yang basi sehingga tampaknya tidak ada gunanya menulis tentang hal itu.

Tapi ... belum lama ini, saya dihadapkan dengan tugas merancang kalender untuk memilih periode. Rentang pilihan tanggal berkisar dari 2 hari hingga beberapa bulan.

Target audiens agak heterogen: usia 35 hingga 60 tahun, kemampuan komputer dari pemula hingga pengguna yang percaya diri.

Tujuan: untuk membuat format pemilihan tanggal yang paling nyaman yang dapat dimengerti oleh audiens target.
Sebelum mendesain, pesaing dipelajari dan diuji, beberapa artikel pada topik yang diberikan dibaca.

Saya ingin membagikan kesimpulan dan contoh yang dibuat sebagai hasil dari pekerjaan ini. Tidak akan ada penemuan untuk seseorang, tetapi seseorang, saya harap, akan menemukan sesuatu yang baru dan berguna untuk dirinya sendiri.

Kehadiran tombol "Selesai" (Konfirmasi, Pilih, OK ...) di badan kalender


Orang tidak selalu datang ke situs dengan tanggal yang jelas di kepala mereka.

Mereka dapat menunjukkan suatu periode, mencerminkan, mengubah tanggal (mulai, akhir, seluruh periode). Sebagian besar situs menyembunyikan kalender segera setelah memilih tanggal. www.booking.com , www.aeroflot.ru sebagai contoh. Perilaku sistem ini mengganggu pengguna dalam situasi di mana tanggal yang salah secara tidak sengaja dipilih atau keputusan akhir belum dibuat. "Mengklik dengan cara yang salah" terutama berlaku untuk orang tua, dengan penglihatan yang buruk, terburu-buru atau tidak mampu berkonsentrasi. Alasan untuk desain ini dapat dimengerti - lebih sedikit klik, lebih sedikit memuat.

Tapi kami tidak selalu tahu siapa dan bagaimana akan berinteraksi dengan antarmuka. Dalam kondisi apa akan ditempatkan.

Untuk situasi ini, solusi Google Flights nyaman. Berjalan sesuai tanggal yang Anda inginkan, kalender akan terlihat sampai Anda mengklik tombol "Selesai". Mudahnya, ada rasa kontrol dan pemahaman antarmuka.



Tampilkan hasil pencarian tanpa klik tambahan


Fungsi semacam itu diterapkan dengan baik di situs www.trivago.ru . Saya memasukkan parameter yang diperlukan, dan hasilnya sudah dimuat.



Penyorotan visual tanggal mulai dan berakhir


Pengguna meninggalkan ulasan bagus tentang ketersediaan tips tersebut. Perbedaan visual antara tanggal mulai dan berakhir berfungsi sebagai jangkar asli dan memfasilitasi pekerjaan dengan kalender.

Beberapa situs tidak memiliki indikator tanggal saat ini.

Bukan untuk mengatakan bahwa kesalahan fatal ini, yang sangat mempengaruhi kemudahan interaksi, tetapi 6 dari 10 orang yang diuji memperhatikan bahwa mereka benar-benar tidak memiliki indikator seperti semacam "jangkar" yang menunjukkan hubungan antara yang dipilih dan tanggal saat ini.

Contoh waktu : www.airbnb.ru

Jelas tanggal mana yang bisa dipilih dan mana yang tidak. Tanggal saat ini tidak disorot



Contoh dua : www.ozon.travel/flight/

Solusi lain: tanggal yang tidak dapat diakses tidak ditunjukkan pada kalender. Tanggal saat ini adalah yang pertama, tanpa menyisakan tempat untuk memulai pencarian.



Contoh Tiga : www.booking.com

Tanggal saat ini, tersedia dan dapat diakses secara visual dimengerti



Kemampuan untuk dengan cepat mengatur ulang tanggal yang dipilih


Berguna jika pengguna telah memutuskan untuk sepenuhnya mengubah permintaan. Untuk pembersihan cepat, beberapa pengguna me-refresh halaman. Dan ada situasi di mana pengguna memilih tanggal, tetapi memperbarui halaman secara tidak sengaja.

Jika pengguna secara tidak sengaja me-refresh, ia tidak mungkin senang dengan kebutuhan untuk mengisi semuanya lagi. Jika sengaja diperbarui, maka akan melihat tanggal yang disimpan dan mulai mengemudi di yang baru.

Untuk mengatasi masalah ini, Anda dapat menempatkan tautan "Reset" atau "Pencarian Baru" yang menonjol di samping memasukkan tanggal di suatu tempat di depan mata.

Ini akan memungkinkan Anda untuk dengan cepat menghapus hasil pencarian, jika perlu, dan menyimpan data jika ada pembaruan yang tidak disengaja.

www.google.com/flights



Bidang yang diisi sebelumnya


Di beberapa situs yang diuji, bidang "Tanggal" telah diisi.

Dalam beberapa kasus, hanya ada tanggal mulai, dalam beberapa - tanggal mulai dan berakhir. Perilaku antarmuka ini menyebabkan ketidakpuasan di antara yang diuji dan bingung. Tentu saja, setiap kasus harus dipertimbangkan secara individual.

Misalnya, pembelian tiket kereta api atau udara, pemesanan hotel dapat dilakukan jauh sebelumnya. Maka tanggal saat ini tidak tepat.

Ketika memesan tiket, misalnya, ke bioskop, pendekatan ini dapat dibenarkan.

Berikut ini adalah contoh bidang yang belum diisi. Apakah itu nyaman? Layak dipikirkan.

Contoh satu : www.rzd.ru



Contoh dua : www.trivago.ru



Contoh Tiga : www.rentalcars.com



Secara otomatis mengisi tanggal "Kembali"


β€œChip” lain yang umum dengan tanda minus. Saat memasukkan tanggal "Ada", tanggal "Kembali" diganti secara otomatis. Ini biasanya hari berikutnya.

Perilaku antarmuka ini juga menyebabkan ketidakpuasan dengan ketidakpastian dan independensi yang berlebihan.

Penting untuk berpikir dalam kasus apa untuk membantu, dan di mana membiarkan orang membuat pilihan mereka sendiri.

Sebagai contoh untuk situs pengujian: www.booking.com , www.trivago.ru

Gagasan untuk catatan:


Akhirnya, ide-ide bagus yang tidak diperlukan untuk pembangunan, tetapi tetap di celengan.

Indikasi biaya segera di kalender


www.google.com/flights

Saat memilih tanggal pulang-pergi, total biaya penerbangan dihitung. Penerbangan termurah disorot dalam warna terpisah. Lebih mudah jika tugasnya adalah menemukan opsi termurah, atau membandingkan harga.



Pilihan untuk menampilkan / beralih antar bulan


Ketika Anda perlu menunjukkan beberapa bulan sekaligus, Anda dapat memata-matai ide dan memikirkan solusi yang mudah.

Idea Times : www.rentalcars.com



Ide Dua : www.ozon.travel/flight/



Ide Tiga : www.swiss.com



Pemisahan visual akhir pekan dari hari kerja


Pertanyaan termudah: mulai minggu pada hari Senin atau Minggu? Itu tergantung pada layanan yang disediakan dan target audiens. Jika pelanggan memesan layanan Anda lebih sering pada akhir pekan, sorot akhir pekan dan mungkin hari libur.

www.skyscanner.net



Pedometer mini untuk transisi cepat


Untuk merencanakan perjalanan singkat, dll. Tidak perlu membuka kalender. Di sini Anda dapat menampilkan hasil pencarian.

Harus diingat bahwa mini-steppers adalah peningkatan yang baik ketika memilih tanggal, tetapi Anda tidak harus menggantinya dengan pop-up penuh dengan kalender.

Apa yang harus dipilih? Pertama-tama periksa tujuan rentang entri kalender dan tanggal. Jika tanggal berjalan jauh ke masa lalu atau ke masa depan (misalnya, untuk pemesanan liburan), maka munculan dengan kalender adalah pilihan yang baik.

Jika rentang tanggal cukup pendek (kurang dari enam minggu - misalnya, saat memesan janji temu medis), pastikan untuk menambahkan mini-stepper untuk pengaturan yang lebih cepat.

Satu : www.bahn.de



Dua : www.google.com/flights



Sebenarnya semuanya. Seperti biasa, setiap pendapat diterima, kritik disambut, untuk contoh tambahan dari keputusan terima kasih yang baik!

Source: https://habr.com/ru/post/id415365/


All Articles