Reka bentuk web responsif akan meningkatkan pengalaman pengguna untuk semua pelawat
Luangkan masa dan fikirkan semua peranti yang anda miliki yang boleh digunakan untuk melihat laman web. Jika anda seperti kebanyakan orang, senarai ini telah berkembang sejak beberapa tahun yang lalu. Ia mungkin termasuk peranti tradisional seperti desktop dan / atau komputer riba bersama-sama dengan peranti yang telah menjadi terkenal selama beberapa tahun kebelakangan ini, termasuk telefon pintar, tablet, wearables, sistem permainan dan banyak lagi. Anda mungkin mempunyai peralatan di rumah atau skrin di dalam kereta anda yang membolehkan anda menyambung ke Internet! Intinya adalah bahawa landskap peranti semakin besar dan lebih pelbagai sepanjang masa, yang bermaksud untuk bertumbuh di Web hari ini (dan di masa depan), laman web mesti dibina dengan pendekatan responsif dan pertanyaan media CSS dan mesti mempertimbangkan bagaimana orang mungkin akan menggabungkan peranti yang berbeza ini ke dalam satu pengalaman pelayaran web.
Masukkan Pengguna Pelbagai Peranti
Satu kebenaran yang kita lihat bermain adalah bahawa jika orang diberi pelbagai cara untuk mengakses Web, mereka akan menggunakannya. Bukan sahaja orang yang menggunakan banyak peranti yang berbeza untuk mengakses kandungan laman web, tetapi orang yang sama melawat tapak yang sama dengan menggunakan peranti yang bervariasi itu. Di sinilah konsep pengguna "berbilang peranti" berasal dari.
Senario Multi-Peranti Khas
Pertimbangkan satu interaksi web biasa yang banyak orang alami setiap hari - melayari laman web hartanah dalam carian untuk rumah baru. Pengalaman ini mungkin bermula pada komputer desktop di mana seseorang memasuki kriteria apa yang mereka cari dan mengkaji penyenaraian hartanah yang berbeza yang sepadan dengan pertanyaan itu. Melalui hari ini, orang ini boleh melihat ciri-ciri tertentu sekali lagi pada peranti mudah alih mereka, atau mereka mungkin menerima pemberitahuan kepada e-mel mereka (yang akan mereka periksa pada peranti mudah alih mereka) untuk penyenaraian baru yang sepadan dengan parameter carian mereka. Mereka juga boleh mendapatkan peringatan kepada peranti yang boleh dipakai, seperti smartwatch, dan mengkaji semula maklumat asas pada skrin kecil itu.
Proses ini dapat diteruskan sepanjang hari dengan lebih banyak kunjungan ke laman web ini di komputer meja yang berbeza, mungkin dari pejabat mereka di tempat kerja. Pada petang itu, mereka mungkin menggunakan peranti tablet untuk menunjukkan sebarang penyenaraian yang sangat menarik kepada keluarga mereka untuk mendapatkan maklum balas mereka mengenai sifat-sifat tersebut.
Dalam senario ini, pelanggan laman web kami mungkin menggunakan empat atau lima peranti yang berbeza, masing-masing dengan saiz skrin yang sangat berbeza, untuk melawat tapak yang sama dan melihat kandungan yang sama. Ini adalah pengguna berbilang peranti, dan jika laman web yang mereka lawati tidak menampung mereka pada semua skrin yang berbeza ini, mereka hanya akan pergi dan mencari satu yang melakukannya.
Skenario lain
Mencari harta tanah hanyalah satu contoh di mana pengguna akan melompat dari peranti ke peranti semasa pengalaman keseluruhan mereka dengan laman web. Contoh lain termasuk:
- Mencari kereta untuk dibeli
- Merancang percutian
- Membaca artikel berita
- Menyelidiki idea pembaikan rumah
- Mencari kontraktor / perkhidmatan tempatan
- Merancang perkahwinan atau acara besar lain
- Mengikuti pasukan sukan atau acara sukan
Dalam setiap kes ini, pengalaman web mungkin meregangkan kepada lebih daripada satu sesi, yang bermakna terdapat peluang pengguna menggunakan peranti yang berbeza berdasarkan mana yang sesuai untuk mereka pada suatu masa tertentu.
Amalan Terbaik untuk Ikut
Sekiranya laman web hari ini perlu memenuhi pelbagai peranti yang menggunakan khalayak, maka terdapat beberapa prinsip asas dan amalan terbaik yang harus diikuti untuk memastikan laman-laman web tersebut bersedia untuk mengendalikan pelawat ini dengan baik dan kedudukan mereka dalam enjin carian .
- Laman Web Responsif - susun atur responsif yang boleh menyesuaikan dan mengubah saiz skrin yang berbeza adalah penting untuk menyokong pelbagai peranti bersambung web yang tersedia pada hari ini.
- Semua Kandungan Harus Tersedia - jika seseorang boleh mengakses kandungan atau ciri tertentu apabila mereka melawat tapak pada satu peranti, mereka mengharapkan mereka juga boleh didapati apabila mereka kembali pada peranti lain. Kandungan harus dibentangkan dengan cara yang sesuai untuk setiap peranti, tetapi tidak ada kandungan yang harus "tersembunyi" atau "dimatikan" untuk peranti tertentu.
- Kebolehbacaan adalah Kunci - tidak kira apa jenis peranti atau skrin saiz apa yang sedang digunakan untuk melawat laman web, kemudahan membaca laman web itu penting. Ini bermakna tipografi adalah elemen reka bentuk yang penting untuk difokuskan. Jika seseorang mengalami kesulitan membaca kandungan tapak, mereka mungkin meninggalkan laman web ini secara keseluruhan.
- Konsistensi di tengah-tengah Kepelbagaian - sementara tata letak yang dibentangkan untuk setiap saiz skrin yang berbeza akan menjadi berbeza, harus ada konsistensi dari satu peranti ke peranti lain. Pengalaman secara keseluruhan perlu dihubungkan supaya pengguna tidak perlu mempelajari semula tapak setiap kali mereka melawatnya pada skrin baru.
- Buat Prestasi sebagai Keutamaan - laman web harus memuatkan dengan cepat dan berfungsi dengan baik pada semua peranti, termasuk peranti mudah alih dengan kelajuan unduhan yang kurang sempurna. Prestasi laman web keseluruhan harus menjadi keutamaan dalam semua aspek reka bentuk dan pembangunan laman web - selepas semua, tiada siapa yang akan mengatakan bahawa laman web dimuatkan terlalu pantas atau bekerja dengan baik !
Diedit oleh Jeremy Girard pada 1/26/17