Pada masa-masa awal merancang laman web untuk peranti mudah alih, kebanyakan pemaju menyerupai penawaran produk mereka. Mereka mengeluarkan versi desktop berfungsi sepenuhnya dan kemudian versi "dioptimumkan mudah alih" yang melepaskan banyak penjenamaan dan imejan untuk menampung keupayaan terhad dan kelajuan rangkaian telefon candy bar dan rangkaian tanpa wayar 3G.
Walau bagaimanapun, telefon pintar kontemporari boleh menjadikan laman Web seperti cekap sebagai PC desktop, melalui rangkaian yang baik atau lebih baik daripada talian DSL semalam.
Reka bentuk, kemudian, menumpu kembali kepada antara muka pengguna tunggal. Tetapi risiko pereka bukanlah bahawa telefon pintar atau tablet tidak dapat memberikan laman web responsif moden. Sebaliknya, kaedah input pengguna pada peranti skrin sentuh memerlukan perubahan bermakna kepada reka bentuk laman web yang mendasari. Hari-hari membina sebuah laman web yang menganggap pengunjung mempunyai papan kekunci dan tetikus tamat.
Kaedah Reka Bentuk Sentuhan Asas
Merancang untuk antara muka Web yang menyentuh skrin sentuh memerlukan evolusi pendekatan tradisional-tetikus-papan kekunci pada masa lalu. Khususnya, anda mesti menampung interaksi seperti gerak isyarat, paip, dan input multitouch.
- Mengetik tidak tepat.Kecuali pelanggan mempunyai jari anak kecil, walaupun dengan kawalan perisian yang sangat tepat, ia boleh menjadi sukar untuk diketuk dan tepat.
- Gerak isyarat berbeza daripada paip.Untuk menatal halaman panjang pada skrin sentuh, pengguna melepaskan satu jari up tetingkap penyemak imbas. Ini mungkin tidak kelihatan penting sehingga anda menyedari bahawa melayari dengan tetikus, anda menggerakkan tetikus turun .
- Dua (dan lebih) jari jari.Pengguna boleh menggunakan beberapa jari jari pada peranti pada masa yang sama untuk mengawalnya. Mereka tambahan paip boleh bermakna sesuatu yang khusus bergantung pada sistem operasi peranti pengguna.
- Alat silau tinggi.Skrin tablet skrin sentuh yang paling terbuat dari kaca yang kukuh. Bahan ini boleh menjadi sangat sukar untuk dibaca, dengan banyak silau, dalam keadaan terang. Plus, dengan semua menyentuh, mereka mendapat cap jari dan tudung pada skrin yang boleh menjejaskan bagaimana paparan halaman anda.
- Papan kekunci pada skrin.Walaupun sesetengah pengguna mempunyai papan kekunci wayarles mereka menyambung ke tablet mereka, kebanyakan pengguna tablet menggunakan papan kekunci pada skrin untuk kemasukan data. Kemasukan OSK boleh mengakibatkan beberapa kesilapan lucu dan tidak selesa untuk digunakan untuk tempoh waktu yang lama.
Kerana ciri-ciri peranti ini, pereka Web harus menekankan beberapa peraturan reka bentuk asas untuk pengguna skrin sentuh:
- Jangan letakkan item yang boleh diklik terlalu rapat bersama.Tidak ada peraturan yang mendesak dan mendefinisikan sejauh mana jaraknya terlalu dekat, tetapi senarai pautan, terutamanya dalam saiz fon kecil, boleh menjadi sukar untuk menavigasi dengan mengklik (mengetuk) dengan jari yang gemuk. Ia boleh mengganggu untuk mengezum masuk hanya untuk mencuba dan mengklik pautan. Prinsip ini adalah benar untuk butang serta pautan.
- Hierarki boleh menjadi sukar untuk terus dibuka.Salah satu bentuk menu dinamik yang popular menggunakan JavaScript untuk membuka submenu apabila pengguna mengklik dan kemudian memindahkan mouse ke submenu. Negeri-negeri ini boleh menjadi sangat sukar atau mustahil untuk digunakan pada skrin sentuh kerana mereka sama ada tidak tetap terbuka atau tidak akan tutup.
- Gerakkan pautan dan kawasan yang boleh diklik dari tepi kanan tetingkap.Kebanyakan orang adalah tangan kanan dan cenderung untuk menatal pada sebelah skrin. Oleh kerana menatal dilakukan dengan isyarat, kadang-kadang adalah mungkin untuk memulakan sapu pada pautan dengan kesilapan. Pengguna boleh merasa marah jika mereka ingin tatal di halaman dan sebaliknya akhirnya tidak mengetuk pautan secara tidak sengaja. Dengan mengalihkan hubungan anda dari sebelah kanan, anda boleh membantu mereka mengelakkan kesulitan ini.
- Tiada tetikus.Dan ini bermakna tiada tetikus penunjuk . Anda tidak perlu bergantung kepada penunjuk tetikus yang berubah untuk membantu menunjukkan sesuatu yang boleh diklik.
- Hover states tidak wujud.Sebagai corollary ke atas, kerana tiada tetikus, tiada apa-apa untuk diarahkan. Pautan sama ada diklik (ditoreh) atau tidak pada peranti skrin sentuh, jadi pengguna tidak dapat membuat kesimpulan apa-apa maklumat berguna daripada keadaan hover tersebut seperti perubahan warna, petua alat, atau perubahan status bar.
- Latar belakang hitam meningkatkan silau.Satu tapak dengan latar belakang hitam boleh menjadi sangat sukar untuk dibaca pada peranti skrin sentuh kerana silau. Hitam membuat cap jari pada peranti menunjukkan lebih jelas, mengaburkan skrin. Dan hitam boleh menghidupkan skrin ke dalam cermin yang mencerminkan pengguna sering menghadapi lebih banyak daripada teks pada skrin.
- Blok panjang teks dalam bentuk sukar ditulis.Walaupun boleh menulis keseluruhan novel pada iPad atau tablet Android atau Windows, kebanyakan orang tidak suka menggunakan papan kekunci pada skrin untuk teks panjang. Semakin reka bentuk anda boleh membuat kemasukan data sebagai pendek dan mudah yang mungkin, lebih baik.
Aspek yang paling penting dalam mereka bentuk dengan skrin sentuh dalam fikiran adalah untuk menguji halaman anda pada peranti skrin sentuh. Walaupun banyak emulator iPad dan Android boleh didapati, dan banyak tablet Windows, mereka masih tidak memberikan rasa skrin sentuh. Anda tidak dapat memberitahu pautan itu terlalu dekat atau butang terlalu kecil-atau silau membuat halaman terlalu sukar untuk dibaca-kecuali anda keluar tablet dan mencubanya sebelum ini anda melancarkan reka bentuk laman web baru anda.
