Prinsip desain situs web dan praktik terbaik menjadi terkenal akhir-akhir ini. Misalnya: situs daftar maxbet indonesia, status kemajuan harus mudah terlihat di seluruh halamannya. Kita harus mencegah kesalahan terjadi, tetapi ketika kesalahan benar-benar terjadi, berikan panduan yang memadai untuk membantu pengguna menyelesaikannya.
Banyak yang percaya bahwa prinsip dasar dan pedoman yang berlaku dalam desain situs Web harus tetap diterapkan saat merancang untuk platform seluler. Bagaimanapun, desain Web telah berkembang dari halaman HTML dasar berbasis teks menjadi standar Web saat ini. Jadi, kami mungkin berharap bahwa situs seluler yang mengikuti pedoman yang sama dapat dengan mudah mencapai tingkat keberhasilan yang sama dengan pengguna yang telah dicapai situs Web desktop.
Namun, desain situs seluler masih dalam tahap awal. Seperti yang ditunjukkan oleh studi Jakob Nielsen tahun 2009 tentang kegunaan seluler, tingkat keberhasilan pengguna saat menggunakan perangkat seluler untuk mengakses situs seluler rata-rata hanya 64%, yang cukup rendah dibandingkan dengan tingkat keberhasilan rata-rata 80% untuk pengguna yang mengakses situs Web di komputer. . Perbedaan faktor bentuk tampaknya memiliki dampak yang dramatis pada tingkat keberhasilan interaksi pengguna, dan oleh karena itu, akan memengaruhi cara kami merancang situs seluler juga.
Prinsip dan praktik terbaik baru pasti akan muncul saat desain situs seluler terus berkembang. Sebagai langkah pertama untuk mencapai evolusi ini, saya telah melihat bagaimana beberapa situs seluler yang sukses berbeda dari situs Web desktop. Berdasarkan analisis saya terhadap beberapa vertikal, termasuk maskapai penerbangan, e-niaga, jejaring sosial dan hiburan, dan situs perjalanan, saya telah mengidentifikasi 10 cara di mana situs seluler harus berbeda dari situs web desktop.
1. Prioritas Konten
Dibandingkan dengan desain situs Web untuk komputer desktop — biasanya, untuk resolusi layar 1024 x 768 — tantangan terbesar dalam merancang situs Web untuk ponsel cerdas dengan resolusi layar 320 x 480 adalah bagaimana mengatasi perbedaan dramatis di layar ini. ukuran tanpa mengorbankan pengalaman pengguna. Meskipun situs Web desktop sering kali berisi berbagai macam konten, situs seluler biasanya hanya menyertakan fungsi dan fitur yang paling penting — terutama yang memanfaatkan waktu dan lokasi, seperti yang ditunjukkan oleh contoh halaman Web desktop dan seluler Orbitz pada Gambar 1 dan 2. Desain situs seluler harus memprioritaskan fitur dan konten yang paling mungkin dibutuhkan pengguna saat melihat situs menggunakan perangkat seluler. Memiliki wawasan tentang kebutuhan pelanggan Anda menentukan banyak hal dari sudut pandang pengembangan konten, serta arsitektur situs dan tata letak layar.
2. Navigasi Vertikal Bukan Horizontal
Navigasi horizontal, seperti yang ada di situs Urban Outfitters yang ditunjukkan pada Gambar 3, adalah cara yang diterima secara luas untuk penataan dan penyajian konten di situs Web desktop. Pengguna memindai bilah navigasi dari kiri ke kanan, lalu mengeklik tautan untuk membuka bagian lain dari sebuah situs. Sebuah posting blog UIE berjudul “Tantangan Bergerak ke Navigasi Horizontal,” oleh Joshua Porter, berbicara tentang manfaat menggunakan bilah navigasi horizontal di bagian atas daripada menempatkan navigasi di sisi halaman. Saat bilah navigasi berada di bagian atas halaman, pengguna biasanya dapat lebih mudah fokus pada konten halaman daripada tertarik secara visual ke bilah navigasi di samping. Namun, navigasi vertikal telah menggantikan navigasi horizontal di lebih dari 90% situs seluler yang saya analisis, termasuk situs seluler Urban Outfitters yang ditunjukkan pada Gambar 4.
3. Bar, Tab, dan Hypertext
Hypertext adalah komponen tanda tangan dari Internet dan Web, seperti yang ditunjukkan Gambar 5. Namun, kami melihat lebih sedikit hypertext di halaman seluler. Bukan karena laman tidak lagi ditautkan, tetapi tautan tersebut malah muncul dalam bentuk bilah, tab, dan tombol, seperti yang ditunjukkan pada Gambar 6. Alasan untuk ini adalah pengoptimalan desain seluler untuk pengoperasian perangkat seluler pengguna dengan perangkat mereka. jari.
Hypertext sangat ideal ketika pengguna mengklik tautan menggunakan mouse di komputer, tetapi mengetuk tautan menggunakan jari Anda pada perangkat seluler layar sentuh tidaklah mudah. Pengguna dapat dengan mudah mengaktifkan tautan yang tidak ingin mereka ketuk dan tanpa sengaja membuka halaman yang tidak diinginkan. Ini dapat menyebabkan pengalaman pengguna yang buruk. Hukum Fitts mengatakan bahwa waktu yang dibutuhkan untuk memperoleh suatu daerah sasaran adalah fungsi dari jarak dan ukuran sasaran tersebut. Objek yang lebih besar seperti bilah, tab, atau tombol memungkinkan pengguna untuk mengetuk dengan lebih presisi. Penting untuk membuat objek yang dapat ditindaklanjuti di situs seluler menjadi besar dan mudah terlihat.
4. Teks dan Grafik
Pada halaman Web, kami dapat menggunakan grafik untuk berbagai tujuan seperti promosi, pemasaran, atau navigasi, seperti pada situs Web Dell yang ditunjukkan pada Gambar 7. Namun, desainer sering kali menghapus grafik promosi atau pemasaran dari desain situs seluler, seperti yang ditunjukkan pada Gambar 8. Logo perusahaan tetap digunakan untuk tujuan navigasi. Pengguna dapat mengetuknya untuk membuka halaman beranda. Ada beberapa alasan untuk transisi ini dari banyak ke beberapa grafik. Salah satu alasannya adalah bahwa beberapa perangkat seluler tidak mendukung perangkat lunak yang biasanya kami gunakan untuk desain situs Web desktop. Alasan lain termasuk ukuran layar perangkat seluler yang kecil dan ruang layar yang tersedia terbatas untuk menampilkan konten, serta kecepatan unduh yang lambat di perangkat seluler.
5. Navigasi Kontekstual dan Global
Situs web desktop biasanya menggunakan berbagai bentuk navigasi, seperti pada situs Best Buy yang ditunjukkan pada Gambar 9. Beberapa di antaranya bersifat global dan tetap konsisten di seluruh situs, sementara yang lain kontekstual dan berubah tergantung di mana pengguna berada di situs. Namun, meskipun navigasi global umum di situs seluler, navigasi kontekstual tidak. Situs seluler Best Buy yang ditunjukkan pada Gambar 10 memberikan contoh navigasi situs seluler pada umumnya.
Alasan utama pengurangan navigasi global dan kontekstual di situs seluler adalah ruang layar yang terbatas di perangkat seluler. Namun, kurangnya navigasi global dan kontekstual dapat menyebabkan pengguna berada di antah berantah, tidak tahu di mana mereka berada. Oleh karena itu, sangat penting untuk mengurangi hierarki saat mengatur konten di situs seluler, sehingga pengguna tidak perlu menggali terlalu dalam untuk menyelesaikan berbagai hal. Mereka harus mampu mencapai apa yang ingin mereka capai sebelum tersesat.
6. Footer
Ada dua jenis footer yang umum digunakan di situs web desktop. Satu jenis footer menyediakan link ke konten yang mungkin diharapkan pengguna untuk dilihat di halaman beranda situs, tetapi memiliki prioritas lebih rendah daripada konten utama di halaman beranda — misalnya, Karier atau Peta Situs. Jenis footer lainnya menyediakan tautan cepat ke konten yang biasanya paling sering dilihat pengguna. Seperti yang ditunjukkan pada Gambar 11, tautan cepat ini sering dikelompokkan dalam daftar di footer, sehingga pengguna memiliki akses ke sana di seluruh situs. Situs seluler menggunakan footer yang menyediakan akses ke konten yang sering dicari pengguna di halaman beranda, meminimalkan tautannya, seperti yang ditunjukkan pada Gambar 12, tetapi mereka tidak menggunakan footer yang berisi link cepat.
7. Breadcrumb
Di situs Web desktop, remah roti adalah cara efektif untuk meyakinkan pengguna bahwa mereka berada di halaman yang benar dan memungkinkan mereka untuk mundur ke jalur navigasi mereka seperti yang ditunjukkan pada Gambar 13. Mereka masuk akal untuk situs Web besar dan hierarkis dengan banyak konten berbeda di beberapa level dalam hierarki. Namun, remah roti jarang muncul di situs seluler, dan biasanya tidak diperlukan. Ruang terbatas adalah salah satu alasan remah roti tidak umum di situs seluler. Namun faktor utamanya adalah desain situs seluler mencegah pengguna masuk terlalu jauh ke dalam hierarki untuk menemukan apa yang mereka cari. Sekali lagi, pengguna harus dapat mencapai apa yang ingin mereka capai di situs sebelum mereka mulai merasa tersesat.
8. Indikator Kemajuan
Di situs web desktop, ketika pengguna harus maju melalui beberapa langkah untuk menyelesaikan suatu proses — apakah mereka melakukan pembelian, seperti pada Gambar 14, atau mengisi formulir pendaftaran yang panjang — sering kali ada indikator kemajuan di bagian atas halaman untuk memandu pengguna melalui proses tersebut. Indikator kemajuan seperti itu tidak muncul di situs seluler. Sekali lagi, keterbatasan ruang adalah alasan utamanya.
Gunakan pendekatan alternatif untuk membuat pengguna menyadari kemajuan mereka tanpa indikator kemajuan. Misalnya, alih-alih menggunakan tombol dengan tindakan implisit seperti Berikutnya atau Lanjutkan, gunakan tombol dengan label eksplisit yang memberi tahu pengguna secara tepat tentang langkah selanjutnya — misalnya, Lanjutkan ke Pembayaran atau Tentukan Pengiriman & Pembayaran. Pengguna masih menerima informasi tentang di mana mereka berada dalam proses dan apa yang diharapkan pada langkah berikutnya.
9. Integrasi dengan Fungsi Telepon
Ponsel pintar adalah perangkat komunikasi, jadi melakukan panggilan telepon adalah fungsi paling dasar. Sementara platform seluler menempatkan banyak batasan pada desain dan konten, mereka juga membuka peluang baru yang tidak dapat disediakan oleh situs web tradisional. Misalnya, terdapat integrasi yang lebih baik dengan fungsi telepon seperti panggilan langsung dan pesan teks, yang memungkinkan situs seluler memfasilitasi pemesanan produk melalui telepon — seperti yang ditunjukkan pada Gambar 15 — atau mengirim pesan teks promosi. Biasanya situs seluler mengizinkan pengguna memilih nomor telepon, lalu menelepon atau mengirim SMS ke nomor itu — tanpa harus mengetik nomornya.
10. Pencarian Lokal & Personalisasi
Area peluang lain yang unik untuk situs seluler adalah penggunaan layanan atau dukungan geolokasi. Meskipun teknologi ini telah tersedia untuk beberapa waktu, hanya dalam lima tahun terakhir ini mendapatkan daya tarik di pasar konsumen. Sekarang, sudah biasa bagi aplikasi seluler dan situs Web untuk memanfaatkan fungsi ini dengan mengintegrasikannya ke dalam layanan penambah nilai seperti penelusuran seluler.
Banyak perangkat seluler dapat secara otomatis mendeteksi di mana pengguna berada dan memberi mereka hasil pencarian lokal, seperti yang dicontohkan oleh pencarian lokasi toko di Best Buy, pencarian restoran di Yelp, dan saran bandara di Kayak, ditunjukkan pada Gambar 16. Kemampuan ini menawarkan peluang yang kuat untuk bisnis untuk mempromosikan produk atau layanan mereka berdasarkan kedekatan seseorang dengan tempat bisnis mereka dan niat langsung mereka.