Kemungkinan anda telah melihat bagaimana iPhone boleh flip dan mengembangkan halaman web. Ia boleh menunjukkan kepada anda seluruh halaman web sekilas atau zum masuk untuk membuat teks yang anda berminat boleh dibaca. Dalam satu keadaan, sejak iPhone menggunakan Safari, pereka web tidak perlu melakukan sesuatu yang istimewa untuk membuat halaman web yang akan berfungsi pada iPhone.
Tetapi adakah anda benar-benar mahu laman anda hanya berfungsi? Kebanyakan pereka mahu halaman mereka bersinar!
Apabila anda membina laman web , anda perlu memikirkan siapa yang akan melihatnya dan bagaimana mereka akan melihatnya. Sesetengah laman web yang terbaik mengambil kira jenis peranti yang dipapar halaman, termasuk resolusi, pilihan warna, dan fungsi yang tersedia. Mereka tidak hanya bergantung pada peranti untuk memikirkannya.
Garis Panduan Am untuk Membina Tapak untuk Peranti Mudah Alih
- Menguji seberapa banyak peranti yang boleh anda lakukan. Perkara pertama yang perlu anda lakukan ialah melihat laman web anda pada iPhone dan banyak peranti mudah alih atau emulator yang berbeza yang anda boleh. Walaupun anda boleh menggunakan emulator untuk semua ujian anda, mereka benar-benar tidak memberi anda perasaan yang sama seperti cuba menavigasi laman web di skrin kecil kecil, jadi menguji pada peranti sebenar sebanyak mungkin.
- Jadikan halaman anda merosot dengan anggun. Anda boleh menulis halaman anda untuk penyemak imbas skrin yang dibolehkan dengan Flash, tetapi pastikan maklumat kritikal dapat dilihat walaupun dalam monitor kecil yang tidak dapat menangani sebarang ciri khas (seperti cookies, Ajax, Flash, JavaScript, dll.). Apa-apa sahaja yang melebihi XHTML Basic akan melampaui beberapa telefon bimbit. Walaupun kebanyakan telefon pintar boleh mengendalikan semua perkara tersebut (kecuali Flash pada iPhone, tentu saja), peranti mudah alih lain tidak boleh.
- Bina halaman khusus tanpa wayar-dan buat mudah dicari. Jika anda akan membina halaman tertentu untuk telefon bimbit anda dan pelanggan tanpa wayar-menjadikannya tersedia. Cara yang baik adalah meletakkan pautan ke halaman tanpa wayar di bahagian paling atas dokumen anda, dan kemudian menyembunyikan pautan itu dari peranti bukan genggam menggunakan jenis media pegang tangan. Lagipun, kebanyakan orang datang ke halaman rumah anda, walaupun di telefon bimbit-dan jika pautan ke halaman wayarles anda tidak berada di sana, mereka akan keluar jika halaman terlalu sukar untuk digunakan.
Layout Laman Web untuk Telefon Pintar
Perkara pertama yang perlu diingat ketika menulis halaman untuk pasaran telefon pintar ialah anda tidak perlu membuat sebarang perubahan jika anda tidak mahu. Perkara yang menarik mengenai kebanyakan telefon pintar yang ada ialah mereka menggunakan penyemak imbas Webkit (Safari pada iOS dan Chrome pada Android) untuk memaparkan halaman web, jadi jika halaman anda kelihatan baik dalam Safari atau Chrome, ia akan kelihatan baik pada kebanyakan telefon pintar (hanya lebih kecil ). Tetapi ada perkara yang boleh anda lakukan untuk menjadikan pengalaman penyemakan imbas lebih menyenangkan:
- Ingat bahawa skrin kecil. Telefon pintar akan melembapkan semua lajur itu ke dalam tetingkap kecil, dan ini boleh membuat mereka sangat sukar untuk membaca tanpa zoom. Kebanyakan pengguna digunakan untuk mengezum, tetapi ia boleh meletihkan. Satu lajur teks panjang adalah lebih mudah dibaca.
- Bahagikan halaman ke bahagian kecil. Ia boleh menjadi sukar untuk membaca segmen teks panjang di telefon bimbit, jadi meletakkannya di beberapa muka surat menjadikan mereka lebih mudah dibaca.
Pautan dan Navigasi pada iPhone
- Lebih pendek URL, lebih baik. Jika anda pernah cuba menaip URL di telefon bimbit, anda akan tahu bahawa ia adalah kesakitan (kecuali mungkin untuk remaja yang digunakan untuk menghantar banyak mesej teks). Malah pada iPhone, ia membosankan untuk menaip URL lama. Simpan mereka pendek.
- Tetapi teks pautan panjang lebih mudah diketuk. Apabila pada halaman di mana beberapa perkataan yang berasingan dikaitkan dengan artikel yang berlainan, bersebelahan dengan satu sama lain, ia boleh menjadi sangat sukar untuk mengetuk yang betul tanpa perlu zum. Ramai orang akan berputus asa dan pergi ke tempat lain. Pautan dengan 3-5 perkataan di dalamnya lebih mudah untuk mengklik pada telefon daripada pautan 1-kata.
- Jangan letakkan navigasi anda di bahagian paling atas skrin. Tidak ada yang lebih menjengkelkan daripada mempunyai halaman melalui skrin dan skrin pautan untuk mencari maklumat yang anda mahu. Sekiranya anda melihat halaman web yang direka untuk telefon bimbit, anda akan melihat bahawa perkara pertama yang muncul adalah kandungan dan tajuk utama. Kemudian, di bawah navigasi itu.
- Jangan takut untuk menyembunyikan navigasi anda. Menyembunyikan pautan navigasi dengan CSS atau JavaScript dan menjadikannya muncul hanya apabila pengguna meminta ia adalah cara untuk menjadikan halaman lebih mudah untuk pengguna telefon pintar.
Petua untuk Imej pada Telefon Pintar
- Imej mestilah kecil. Ya, Android dan iPhone boleh mengezum dan mengosongkan pada imej , tetapi lebih kecil lagi, dalam kedua-dua dimensi dan masa muat turun, lebih senang pelanggan tanpa wayar anda. Mengoptimumkan imej selalu merupakan idea yang baik, tetapi untuk halaman telefon bimbit, itu penting.
- Imej mesti muat turun dengan pantas. Imej mengambil banyak ruang pada halaman web apabila anda melihatnya dari peranti mudah alih. Dan sementara mereka sering sangat bagus dan menjadikan halaman kelihatan lebih baik apabila dilihat pada penyemak imbas web skrin penuh, mereka sering masuk dalam peranti mudah alih. Tambahan pula apabila pengguna telefon pintar berada di rangkaian selular, perkara terakhir yang mereka mahu bayar adalah memuat turun sekumpulan imej besar atau ikon navigasi.
- Jangan letakkan imej besar di bahagian atas halaman. Sama seperti navigasi, ia boleh menjadi sangat membosankan untuk menunggu imej yang memakan 3-4 skrin untuk memuatkan di bahagian paling atas halaman. Dan ini sangat biasa di laman web. Satu-satunya pengecualian untuk ini adalah jika pembaca tahu bahawa mereka akan mendapat imej apabila mereka klik, katakan dalam galeri foto.
Apa Yang Perlu Dihindari Ketika Merancang untuk Bergerak
Terdapat beberapa perkara yang harus dielakkan apabila membina laman mesra mudah alih. Seperti yang disebutkan di atas, jika anda benar-benar ingin mempunyai ini pada halaman anda, anda boleh, tetapi pastikan bahawa tapak berfungsi tanpanya.
- Flash - kebanyakan telefon bimbit tidak menyokong Flash, jadi ia bukan idea yang baik untuk memasukkannya ke halaman wayarles anda.
- Kuki - banyak telefon bimbit tidak mempunyai sokongan cookie. iPhone mempunyai sokongan cookie.
- Bingkai - walaupun penyemak imbas menyokongnya, fikirkan dimensi skrin. Bingkai tidak berfungsi pada peranti mudah alih - mereka sangat sukar atau mustahil untuk dibaca.
- Jadual - jangan gunakan jadual untuk susun atur pada halaman mudah alih. Dan cuba mengelakkan jadual secara umum. Mereka tidak disokong pada setiap telefon bimbit (walaupun iPhone dan telefon pintar lain menyokong mereka) dan anda boleh berakhir dengan hasil yang pelik.
- Meja bersarang - jika anda mesti menggunakan jadual, pastikan tidak bersarang di dalam jadual lain. Ini adalah sukar untuk penyemak imbas desktop untuk menyokong, dan, pada masa yang terbaik, membuat beban halaman lebih perlahan.
- Langkah-langkah mutlak - dengan kata lain, tidak menentukan dimensi objek dalam saiz mutlak (seperti piksel, milimeter, atau inci). Jika anda menentukan sesuatu sebagai 100px lebar, pada satu peranti mudah alih yang mungkin separuh skrin dan pada yang lain mungkin dua kali lebar. Saiz relatif (seperti em dan peratusan) berfungsi dengan baik.
- Font - jangan mengandaikan bahawa mana-mana fon yang anda gunakan untuk mempunyai akses kepada akan tersedia pada telefon bimbit.
Baca Lebih Lanjut
- Cara Membuat Laman Web Anda Mudah Alih Menggunakan PHP