Kemungkinan Anda telah melihat bagaimana iPhone dapat membalik dan memperluas halaman web. Ini dapat menunjukkan kepada Anda seluruh halaman web sekilas atau memperbesar untuk membuat teks yang Anda minati dapat dibaca. Di satu sisi, karena iPhone menggunakan Safari, perancang web tidak perlu melakukan sesuatu yang istimewa untuk membuat halaman web yang akan berfungsi di iPhone.
Tetapi apakah Anda benar-benar ingin halaman Anda hanya berfungsi? Sebagian besar desainer ingin halaman mereka bersinar!
Ketika Anda membangun halaman web , Anda perlu memikirkan siapa yang akan melihatnya dan bagaimana mereka akan melihatnya. Beberapa situs terbaik memperhitungkan jenis perangkat apa halaman dilihat, termasuk resolusi, pilihan warna, dan fungsi yang tersedia. Mereka tidak hanya mengandalkan perangkat untuk mengetahuinya.
Pedoman Umum untuk Membangun Situs untuk Perangkat Seluler
- Uji pada sebanyak mungkin perangkat yang Anda bisa. Hal pertama yang harus Anda lakukan adalah melihat situs Anda di iPhone dan berbagai perangkat seluler atau emulator yang Anda bisa. Meskipun Anda dapat menggunakan emulator untuk semua pengujian Anda, mereka benar-benar tidak memberi Anda perasaan yang sama ketika mencoba menavigasi situs web di layar kecil, jadi uji pada perangkat yang sebenarnya sebanyak mungkin.
- Buat halaman Anda menurun dengan anggun. Anda dapat menulis halaman Anda untuk browser layar lebar yang dilengkapi Flash, tetapi pastikan bahwa informasi penting dapat dilihat bahkan di monitor kecil yang tidak dapat menangani fitur khusus apa pun (seperti cookie, Ajax, Flash, JavaScript, dll.). Apa pun di luar XHTML Basic akan berada di luar beberapa ponsel. Meskipun sebagian besar ponsel pintar dapat menangani semua hal itu (kecuali Flash pada iPhone, tentu saja), perangkat seluler lain tidak bisa.
- Buat halaman khusus nirkabel — dan membuatnya mudah ditemukan. Jika Anda akan membuat halaman khusus untuk ponsel dan pelanggan nirkabel Anda — buatlah tersedia. Cara yang hebat adalah dengan menaruh tautan ke halaman nirkabel di bagian paling atas dokumen Anda, dan kemudian sembunyikan tautan tersebut dari perangkat non-genggam menggunakan jenis media genggam. Lagi pula, kebanyakan orang datang ke halaman rumah Anda, bahkan di ponsel — dan jika tautan ke halaman nirkabel Anda tidak ada di sana, mereka akan pergi jika halamannya terlalu sulit digunakan.
Tata Letak Halaman Web untuk Ponsel Cerdas
Hal pertama yang harus Anda ingat ketika menulis halaman untuk pasar ponsel cerdas adalah bahwa Anda tidak perlu membuat perubahan apa pun jika Anda tidak mau. Hal hebat tentang sebagian besar ponsel pintar yang tersedia adalah mereka menggunakan browser WebKit (Safari di iOS dan Chrome di Android) untuk menampilkan halaman web, jadi jika halaman Anda terlihat oke di Safari atau Chrome, itu akan terlihat bagus di sebagian besar ponsel cerdas (hanya jauh lebih kecil ). Tetapi ada hal-hal yang dapat Anda lakukan untuk membuat pengalaman menjelajah lebih menyenangkan:
- Ingat bahwa layarnya kecil. Smartphone akan memadatkan semua kolom tersebut ke dalam jendela kecil, dan ini dapat membuat mereka sangat sulit dibaca tanpa zoom. Sebagian besar pengguna digunakan untuk memperbesar, tetapi itu bisa melelahkan. Satu kolom teks panjang lebih mudah dibaca.
- Bagilah halaman menjadi bagian-bagian yang lebih kecil. Mungkin sulit untuk membaca segmen panjang teks pada ponsel, sehingga menempatkannya di beberapa halaman membuatnya lebih mudah dibaca.
Tautan dan Navigasi di iPhone
- Semakin pendek URL, semakin baik. Jika Anda pernah mencoba mengetikkan URL di ponsel, Anda akan tahu bahwa itu menyakitkan (kecuali mungkin untuk remaja yang terbiasa mengirim banyak pesan teks). Bahkan di iPhone, itu membosankan untuk mengetikkan URL panjang. Buat mereka singkat.
- Tapi teks tautan panjang lebih mudah untuk disadap. Ketika pada halaman di mana beberapa kata yang terpisah terkait dengan artikel yang berbeda, semua tepat di samping satu sama lain, itu bisa sangat sulit untuk mengetuk yang benar tanpa zoom. Banyak orang akan menyerah dan pergi ke tempat lain. Tautan dengan 3-5 kata di dalamnya lebih mudah diklik di telepon daripada tautan 1-kata.
- Jangan letakkan navigasi Anda di bagian paling atas layar. Tidak ada yang lebih menyebalkan daripada harus melalui layar dan layar tautan untuk menemukan informasi yang Anda inginkan. Jika Anda telah melihat halaman web yang dirancang untuk ponsel, Anda akan melihat bahwa hal-hal pertama yang muncul adalah konten dan judul. Kemudian, di bawah itu adalah navigasi.
- Jangan takut menyembunyikan navigasi Anda. Menyembunyikan tautan navigasi dengan CSS atau JavaScript dan membuatnya muncul hanya ketika pengguna memintanya adalah cara untuk membuat halaman lebih mudah bagi pengguna ponsel cerdas.
Kiat untuk Gambar di Ponsel Cerdas
- Gambar harus kecil. Ya, Android dan iPhone dapat memperbesar dan memperkecil tampilan gambar , tetapi semakin kecil ukurannya, baik dalam dimensi maupun waktu unduh, semakin bahagia pelanggan nirkabel Anda. Mengoptimalkan gambar selalu merupakan ide yang bagus, tetapi untuk halaman ponsel, sangat penting.
- Gambar harus diunduh dengan cepat. Gambar mengambil banyak ruang di halaman web saat Anda melihatnya dari perangkat seluler. Dan meskipun sering sangat bagus dan membuat laman terlihat lebih baik bila dilihat di browser web layar penuh, sering kali mereka menghalanginya di perangkat seluler. Ditambah lagi ketika pengguna ponsel cerdas berada di jaringan seluler, hal terakhir yang ingin mereka bayar adalah mengunduh banyak gambar besar atau ikon navigasi.
- Jangan letakkan gambar besar di bagian atas halaman. Sama seperti dengan navigasi, bisa sangat membosankan untuk menunggu gambar yang memuat 3-4 layar penuh untuk dimuat di bagian paling atas halaman. Dan ini sangat umum di halaman web. Satu-satunya pengecualian untuk ini adalah jika pembaca tahu bahwa mereka akan mendapatkan gambar ketika mereka mengklik, katakanlah di galeri foto.
Apa yang Harus Dihindari Saat Mendesain untuk Seluler
Ada beberapa hal yang harus Anda hindari saat membangun laman ramah seluler. Seperti disebutkan di atas, jika Anda benar-benar ingin memiliki ini di halaman Anda, Anda bisa, tetapi pastikan bahwa situs tersebut berfungsi tanpa mereka.
- Flash - sebagian besar ponsel tidak mendukung Flash, jadi bukan ide yang bagus untuk memasukkannya ke halaman nirkabel Anda.
- Cookie - banyak ponsel tidak memiliki dukungan cookie. iPhone memang memiliki dukungan cookie.
- Bingkai - bahkan jika browser mendukungnya, pikirkan tentang dimensi layar. Bingkai tidak berfungsi pada perangkat seluler - sangat sulit atau tidak mungkin untuk dibaca.
- Tabel - jangan gunakan tabel untuk tata letak di halaman seluler. Dan cobalah hindari tabel secara umum. Mereka tidak didukung pada setiap ponsel (meskipun iPhone dan ponsel pintar lain mendukungnya) dan Anda dapat berakhir dengan hasil yang aneh.
- Tabel bertingkat - jika Anda harus menggunakan tabel, pastikan untuk tidak menaruhnya di tabel lain. Ini sulit untuk browser desktop untuk mendukung, dan, paling banter, membuat pemuatan halaman lebih lambat.
- Pengukuran mutlak - dengan kata lain, jangan mendefinisikan dimensi objek dalam ukuran absolut (seperti piksel, milimeter, atau inci). Jika Anda mendefinisikan sesuatu dengan lebar 100 piksel, pada satu perangkat seluler yang mungkin setengah layar dan di perangkat lain mungkin dua kali lebarnya. Ukuran relatif (seperti ems dan persentase) bekerja paling baik.
- Font - jangan berasumsi bahwa font apa pun yang Anda gunakan untuk mengakses akan tersedia di ponsel.
Baca lebih banyak
- Cara Membuat Situs Web Anda Ramah Seluler Menggunakan PHP