Seberapa responsif desain web akan meningkatkan pengalaman pengguna untuk semua pengunjung
Luangkan waktu sejenak dan pikirkan tentang semua perangkat yang Anda miliki yang dapat digunakan untuk melihat situs web. Jika Anda seperti kebanyakan orang, daftar ini telah berkembang selama beberapa tahun terakhir. Ini mungkin termasuk perangkat tradisional seperti komputer desktop dan / atau laptop bersama dengan perangkat yang menjadi terkenal selama beberapa tahun terakhir, termasuk ponsel cerdas, tablet, perangkat yang dapat dikenakan, sistem game, dan banyak lagi. Anda bahkan dapat memiliki peralatan di rumah Anda atau layar di mobil Anda yang memungkinkan Anda untuk terhubung ke Internet! Intinya adalah bahwa lanskap perangkat semakin besar dan lebih beragam sepanjang waktu, yang berarti bahwa untuk berkembang di Web saat ini (dan di masa depan), situs web harus dibangun dengan pendekatan responsif dan kueri media CSS dan harus mempertimbangkan bagaimana orang kemungkinan akan menggabungkan perangkat yang berbeda ini menjadi satu pengalaman menjelajah web.
Masukkan Pengguna Multi-Perangkat
Satu kebenaran yang telah kita lihat bermain adalah bahwa jika orang diberi banyak cara untuk mengakses Web, mereka akan menggunakannya. Tidak hanya orang yang menggunakan banyak perangkat yang berbeda untuk mengakses konten situs web, tetapi orang yang sama mengunjungi situs yang sama menggunakan perangkat yang bervariasi tersebut. Di sinilah konsep pengguna "multi-perangkat" berasal.
Skenario Multi-Perangkat Khas
Pertimbangkan interaksi web umum yang dialami banyak orang setiap hari - menjelajahi situs web real estate dalam pencarian rumah baru. Pengalaman ini dapat dimulai pada komputer desktop tempat seseorang memasukkan kriteria apa yang mereka cari dan meninjau daftar properti yang berbeda yang cocok dengan kueri tersebut. Sepanjang hari, orang ini dapat melihat kembali properti tertentu di perangkat seluler mereka, atau mereka dapat menerima pemberitahuan ke email mereka (yang akan mereka periksa di perangkat seluler mereka) untuk cantuman baru yang sesuai dengan parameter pencarian mereka. Mereka bahkan bisa mendapatkan lansiran tersebut ke perangkat yang dapat dikenakan, seperti jam tangan cerdas, dan meninjau informasi dasar di layar kecil itu.
Proses ini dapat berlanjut sepanjang hari dengan lebih banyak kunjungan ke situs pada komputer desktop yang berbeda, mungkin dari kantor mereka di tempat kerja. Malam itu, mereka dapat menggunakan perangkat tablet untuk menampilkan daftar apa pun yang sangat menarik bagi keluarga mereka untuk mendapatkan umpan balik mereka tentang properti tersebut.
Dalam skenario ini, pelanggan situs web kami mungkin telah menggunakan empat atau lima perangkat berbeda, masing-masing dengan ukuran layar yang sangat berbeda, untuk mengunjungi situs yang sama dan melihat konten yang sama. Ini adalah pengguna multi-perangkat, dan jika situs web yang mereka kunjungi tidak mengakomodasi mereka di semua layar yang berbeda ini, mereka hanya akan pergi dan menemukan satu yang berfungsi.
Skenario Lain
Mencari real estate hanyalah satu contoh di mana pengguna akan melompat dari perangkat ke perangkat selama pengalaman keseluruhan mereka dengan situs. Contoh lain termasuk:
- Mencari mobil untuk dibeli
- Merencanakan liburan
- Membaca artikel berita
- Meneliti ide-ide perbaikan rumah
- Mencari kontraktor / layanan lokal
- Merencanakan pernikahan atau acara besar lainnya
- Mengikuti tim olahraga atau acara olahraga
Dalam setiap kasus ini, pengalaman web cenderung meluas ke lebih dari satu sesi, yang berarti ada kemungkinan bahwa pengguna akan menggunakan perangkat yang berbeda berdasarkan yang mana yang nyaman bagi mereka pada waktu tertentu.
Praktik Terbaik untuk Diikuti
Jika situs web saat ini perlu diperuntukkan untuk penggunaan perangkat yang semakin multi-perangkat, maka ada beberapa prinsip dasar dan praktik terbaik yang harus diikuti untuk memastikan situs-situs tersebut siap untuk menangani pengunjung ini dengan baik dan bahwa mereka peringkat yang baik di mesin pencari .
- Situs Responsif - tata letak responsif yang dapat beradaptasi dan berubah untuk ukuran layar yang berbeda sangat penting untuk mendukung berbagai perangkat yang terhubung ke web yang tersedia saat ini.
- Semua Konten Harus Tersedia - jika seseorang dapat mengakses konten atau fitur tertentu ketika mereka mengunjungi situs tersebut di satu perangkat, mereka mengharapkan itu juga tersedia ketika mereka kembali di perangkat lain. Konten harus disajikan dengan cara yang sesuai untuk setiap perangkat, tetapi tidak ada konten yang harus "disembunyikan" atau "dimatikan" untuk perangkat tertentu.
- Keterbacaan adalah Kunci - tidak peduli apa pun jenis perangkat atau ukuran layar apa yang digunakan untuk mengunjungi situs web, kemudahan membaca situs itu penting. Ini berarti bahwa tipografi merupakan elemen desain penting untuk fokus. Jika seseorang mengalami kesulitan membaca konten situs, mereka cenderung meninggalkan situs itu sama sekali.
- Konsistensi Diantara Keragaman - sementara tata letak yang disajikan untuk setiap ukuran layar yang berbeda akan berbeda, harus ada konsistensi dari satu perangkat ke perangkat lainnya. Pengalaman keseluruhan harus terhubung sehingga pengguna tidak perlu mempelajari kembali situs tersebut setiap kali mereka mengunjunginya di layar baru.
- Jadikan Kinerja sebagai Prioritas - situs web harus dimuat dengan cepat dan berfungsi dengan baik di semua perangkat, termasuk perangkat seluler dengan kecepatan unduh yang kurang sempurna. Secara keseluruhan, kinerja situs web harus menjadi prioritas dalam semua aspek desain dan pengembangan situs - bagaimanapun, tidak seorang pun akan mengatakan bahwa situs web dimuat terlalu cepat atau bekerja terlalu baik !
Diedit oleh Jeremy Girard pada 1/26/17