Spesifikasi Reka Bentuk Program Mini WeChat (3) Mudah dan Elegan


3. Keselesaan dan keanggunan

Daripada papan kekunci fizikal dan tetikus pada era PC kepada jari dalam era mudah alih, walaupun peranti input sangat dipermudahkan, ketepatan operasi jari adalah lebih kurang tepat berbanding papan kekunci dan tetikus. Untuk menyesuaikan diri dengan perubahan ini, pembangun perlu menggunakan sepenuhnya ciri telefon mudah alih semasa proses reka bentuk untuk menyediakan pengguna antara muka kawalan yang mudah dan elegan.

1. Kurangkan input

Oleh kerana kawasan papan kekunci telefon bimbit kecil dan padat, input adalah sukar dan mudah menyebabkan ralat input Oleh itu, apabila mereka bentuk halaman program mini, untuk meminimumkan input pengguna, gunakan antara muka sedia ada atau lain-lain pilihan yang mudah dikendalikan untuk meningkatkan pengalaman input pengguna.

Kurangkan input dan gunakan antara muka dengan mahir

Sebagai contoh, dalam gambar di bawah, apabila menambah kad bank, antara muka SDK pengecaman kamera digunakan untuk membantu input pengguna. Selain itu, pasukan WeChat juga telah membuka pelbagai antara muka SDK seperti antara muka lokasi geografi (lihat WeChat JS-SDK untuk mendapatkan butiran Penggunaan sepenuhnya antara muka ini akan meningkatkan kecekapan dan ketepatan input pengguna, dengan itu mengoptimumkan pengalaman). .

微信应用号(小程序)设计规范-稀土区

Selain menggunakan antara muka, apabila pengguna perlu memasukkan secara manual, cuba biarkan pengguna membuat pilihan dan bukannya input papan kekunci. Di satu pihak, ingatan mudah diingati, dan biasanya lebih mudah bagi pengguna untuk membuat pilihan antara pilihan terhad daripada bergantung semata-mata pada input memori, sebaliknya, ia masih dianggap sebagai input kunci tunggal yang padat pada mudah alih papan kekunci telefon boleh menyebabkan ralat input dengan mudah. Contohnya, dalam rajah, menyediakan pilihan pintasan sejarah carian apabila pengguna mencari akan membantu pengguna mencari dengan cepat dan mengurangkan atau mengelakkan input papan kekunci yang tidak diperlukan.

微信应用号(小程序)设计规范-稀土区

2. Elakkan salah operasi

Pada telefon mudah alih, kami menyentuh skrin dengan jari untuk mengawal antara muka Ketepatan klik jari adalah jauh lebih rendah daripada tetikus, jadi apabila mereka bentuk kawalan yang perlu diklik pada halaman, anda perlu mengambil kira sepenuhnya Kawasan zon panasnya mengelakkan salah operasi yang disebabkan oleh kawasan boleh klik terlalu kecil atau terlalu padat. Apabila antara muka yang asalnya digunakan pada skrin komputer hanya dipindahkan terus ke telefon bimbit tanpa sebarang penyesuaian, masalah sebegini sering berlaku. Memandangkan resolusi skrin telefon mudah alih adalah berbeza, saiz piksel klik optimum tidak sepenuhnya konsisten, tetapi apabila ditukar kepada saiz fizikal, ia adalah kira-kira antara 7mm-9mm. Dalam perpustakaan kawalan standard yang disediakan oleh WeChat, pelbagai kawalan telah mengambil kira kesan klik halaman dan penyesuaian kepada skrin yang berbeza, jadi sekali lagi disyorkan untuk menggunakan atau meniru saiz kawalan standard untuk reka bentuk.

3. Gunakan antara muka untuk meningkatkan prestasi Kebolehgunaan dan prestasi operasi pada halaman mudah alih, pasukan pembangunan web WeChat juga sentiasa menambah baik dan mengembangkan antara muka WeChat JS-SDK dan menyediakan perpustakaan awam WeChat dengan menggunakan sumber ini bukan sahaja dapat menyediakan pengguna dengan perkhidmatan yang lebih pantas, tetapi juga menambah baik halaman Peningkatan dalam prestasi mempunyai kesan yang hebat dan tidak dapat dilihat meningkatkan pengalaman pengguna.