Laman » UI / UX » A Look Into Laman Web Bangunan untuk Pengguna Tablet

    A Look Into Laman Web Bangunan untuk Pengguna Tablet

    Arena tablet, yang pernah didominasi oleh iPad Apple, kini berkembang pesat dengan peserta baru setiap hari. Google Nexus 7, Amazon Kindle, Microsoft Surface, dan pelbagai peranti tablet lain yang memasuki pasaran mendorong para pemasar untuk berfikir di luar laman web PC dan mengembangkan strategi tablet yang berdiri sendiri - atau sekurang-kurangnya, laman web mesra tablet.

    Adakah tablet pengganti untuk telefon pintar? Jawapan pendek tidak. Malah, laporan comScore baru-baru ini jelas menunjukkan bahawa satu daripada empat pemilik telefon pintar juga menggunakan tablet. Selain itu, terdapat beberapa perbezaan yang jelas dalam cara orang menggunakan kedua-dua peranti ini. Walaupun beberapa strategi web mudah alih anda mungkin berfungsi untuk pengguna tablet, pembaca tablet anda mempunyai keperluan tertentu yang memerlukan pertimbangan khusus.

    Membina Tablet

    Mengakses kandungan dan maklumat nampaknya merupakan aktiviti paling tinggi dari pemilik tablet di seluruh dunia, kata kajian oleh Persatuan Penerbit Atas Talian. Penggunaan kandungan termasuk menonton video, diikuti dengan membaca berita. Jadi, apa yang harus anda, sebagai pemasar kandungan atau penerbit, lakukan untuk merangsang pembaca tablet anda?

    Pembaca tablet digunakan untuk melibatkan diri dengan pelbagai aplikasi, yang dibina dengan grafik kaya dan visual yang sangat terperinci. Oleh itu, pembaca tablet menjangkakan pengalaman baca yang bersandar seperti aplikasi seperti yang digunakan untuk melihat pada penyemak imbas desktop mereka.

    Skrol pas; leret masuk

    Satu-satunya cara untuk melibatkan pelawat tablet anda yang semakin berkembang adalah dengan memikirkan di luar norma laman web PC i.e. format dan susunan skrol menegak, dan untuk memulakan membina laman web yang lebih peribadi, interaktif. Pembaca tablet digunakan untuk gerak isyarat seperti meleret dan menjentik dan memilih ini kepada "tatal dan klik" cara yang lebih lama untuk menavigasi tapak.

    Manfaatkan HTML5 dan CSS3 untuk memaparkan kandungan dalam susun atur yang teratur dan terformat dengan baik yang meniru majalah bercetak dan memberi pembaca pengalaman membongkar halaman majalah kegemaran mereka.

    Laman web mesra sentuhan

    Setiap tablet di pasaran hari ini berfungsi dengan antara muka sentuh, yang telah mendefinisikan semula idea tentang bagaimana kita berinteraksi dengan komputer peribadi. Untuk pengalaman membaca yang optimum pada tablet, ia semudah meletakkan saiz teks minimum pada 14 piksel. Tetapi bagaimana dengan antara muka pengguna terutamanya apabila ia datang kepada input manusia?

    Ia berada di jari

    Walaupun laman web PC dimuatkan pada skrin yang diletakkan pada jarak tertentu dari mata yang boleh diakses dengan tetikus melalui kursor, tablet direka untuk dipegang dan menerima input dari jari pengguna.

    Menambah padding teks supaya terdapat sedikit kawasan sekitar teks hiperpautan yang boleh diklik walaupun oleh jari-jari besar. Juga meningkatkan jarak antara ayat supaya tiada pertembungan antara teks hyperlink, medan borang atau menu jatuh turun. Keluarkan peristiwa hover tetapi mengekalkan tingkah laku dan mengawal intuitif, atau sekurang-kurangnya boleh diramalkan supaya pengguna tidak perlu mempelajari cara untuk mengemudi laman web anda.

    Kami mengesyorkan anda mematuhi Garis Panduan Antara Muka Manusia Apple iOS semasa membina laman web mesra tablet.

    Elakkan elemen Flashy

    Dengan iPad masih menjadi pemimpin pek di pasaran tablet, ia masih selamat untuk tidak membina untuk Flash. Walau bagaimanapun, anda boleh mencipta pengalaman yang lebih baik seperti aplikasinya untuk pembaca anda pada pelayar tablet mereka menggunakan HTML5. Gunakan kurang daripada animasi berasaskan JavaScript untuk memastikan laman web tablet anda pantas dan boleh diakses di semua peranti tablet.

    Perkara orientasi

    Pengunjung tablet anda boleh melihat tapak web anda dalam orientasi landskap atau potret; jadi pastikan kandungan laman web tablet anda menyusun semula secara automatik agar sesuai kedua-dua orientasi ini. Lihat 30 Portfolio Responsif Untuk Inspirasi Anda untuk idea tentang bagaimana kandungan anda perlu menyusun semula dirinya mengikut saiz dan orientasi skrin yang berbeza.

    Dan untuk bacaan lanjut, sila lihat:

    • Reka Bentuk Web Mudah Alih: 10 Tips Untuk Kebolehgunaan yang Lebih Baik
    • 30 Tutorial Reka Bentuk Web Responsif Berguna
    • 50 Alat Reka Bentuk Web Responsif Berguna Untuk Pereka

    Akhir sekali, selalu gunakan imej yang mempunyai resolusi yang sangat tinggi, atau pastikan imej anda mengubah saiz untuk orientasi yang berbeza, supaya pengguna mendapatkan gambaran penuh. Nisbah 16: 9 berfungsi dengan baik dengan kebanyakan tablet.

    Wrap Up

    Apabila membina laman web mesra tablet, fikirkan di luar laman web PC dan ambil interaksi peribadi selangkah lebih jauh. Memikirkan semula dan membina semula tapak web anda untuk dunia di mana tablet pertama.

    Nota editor: Jawatan ini ditulis oleh Lakshmi Harikumar untuk Hongkiat.com.