Beranda » UI / UX » Pandangan ke Bangunan Website untuk Pengguna Tablet

    Pandangan ke Bangunan Website untuk Pengguna Tablet

    Arena tablet, yang dulu hanya didominasi oleh iPad Apple, sekarang booming dengan pendatang baru setiap hari. Google Nexus 7, Amazon Kindle, Microsoft Surface, dan sejumlah perangkat tablet lain yang telah memasuki pasar mendorong pemasar untuk berpikir di luar situs web PC dan mengembangkan strategi tablet yang berdiri sendiri - atau, minimal, situs web yang ramah tablet.

    Apakah tablet pengganti smartphone? Jawaban singkatnya adalah tidak. Bahkan, laporan comScore baru-baru ini dengan jelas mengungkapkan bahwa satu dari empat pemilik ponsel cerdas juga menggunakan tablet. Selain itu, ada beberapa perbedaan yang jelas dalam cara orang menggunakan kedua perangkat ini. Sementara beberapa strategi web seluler Anda dapat berfungsi untuk pengguna tablet, pembaca tablet Anda memiliki kebutuhan khusus yang memerlukan pertimbangan khusus.

    Membangun untuk Tablet

    Mengakses konten dan informasi tampaknya menjadi aktivitas pemilik tablet paling top di dunia, kata sebuah studi oleh Asosiasi Penerbit Online. Termasuk konsumsi konten menonton video, diikuti dengan membaca berita. Jadi, apa yang harus Anda lakukan, sebagai pemasar konten atau penerbit, lakukan untuk merayu pembaca tablet Anda?

    Pembaca tablet terbiasa terlibat dengan segudang aplikasi, yang dibangun dengan grafis yang kaya dan visual yang sangat rinci. Oleh karena itu, pembaca tablet mengharapkan pengalaman membaca yang ramping dan mirip aplikasi yang sama dengan yang biasa mereka lihat di browser desktop mereka.

    Gulir sudah ketinggalan jaman; Geser masuk

    Satu-satunya cara untuk melibatkan pengunjung tablet Anda yang terus berkembang adalah dengan berpikir di luar norma-norma situs web PC yaitu format dan tata letak gulir vertikal, dan untuk mulai membangun situs web yang lebih pribadi dan interaktif. Pembaca tablet terbiasa dengan isyarat seperti menggesekkan dan menjentikkan dan lebih suka dengan cara yang lebih lama "gulir dan klik" cara menavigasi situs.

    Manfaatkan HTML5 dan CSS3 untuk menampilkan konten dalam tata letak paginasi, berformat baik yang mengemulasi majalah tercetak dan memberi pembaca pengalaman membalik halaman majalah favorit mereka.

    Situs Web yang ramah sentuhan

    Setiap tablet yang ada di pasaran saat ini bekerja dengan antarmuka sentuh, yang telah mendefinisikan kembali ide tentang bagaimana kita berinteraksi dengan komputer pribadi. Untuk pengalaman membaca yang optimal pada tablet, semudah menempatkan ukuran teks minimum pada 14 piksel. Tetapi bagaimana dengan antarmuka pengguna terutama dalam hal input manusia?

    Ada di Fingers

    Sementara situs web PC memuat pada layar yang ditempatkan pada jarak tertentu dari mata yang dapat diakses dengan mouse melalui kursor, tablet dirancang untuk dipegang di tangan dan untuk menerima input dari jari pengguna.

    Tambah bantalan teks sehingga ada sedikit area di sekitar teks hyperlink yang bisa diklik bahkan dengan jari besar. Juga meningkatkan penspasian garis antar kalimat sehingga tidak ada bentrok antara teks hyperlink, bidang formulir atau menu dropdown. Hapus acara hover tetapi pertahankan perilaku dan kontrolnya intuitif, atau setidaknya cukup dapat diprediksi sehingga pengguna tidak perlu mempelajari kembali cara menavigasi situs Anda.

    Kami menyarankan Anda mematuhi Pedoman Antarmuka Manusia iOS Apple ketika membangun situs web yang ramah tablet.

    Hindari elemen mencolok

    Dengan iPad masih menjadi pemimpin paket di pasar tablet, masih aman untuk tidak membangun untuk Flash. Namun, Anda dapat membuat pengalaman seperti aplikasi yang lebih baik untuk pembaca Anda di browser tablet menggunakan HTML5. Gunakan lebih sedikit animasi berbasis JavaScript untuk menjaga situs web tablet Anda cepat dan dapat diakses di semua perangkat tablet.

    Orientasi penting

    Pengunjung tablet Anda dapat melihat situs web Anda dalam orientasi lanskap atau potret; jadi pastikan konten situs web tablet Anda mengatur ulang sendiri secara otomatis agar sesuai dengan kedua orientasi ini. Lihat 30 Portofolio Responsif Untuk Inspirasi Anda untuk ide bagaimana konten Anda perlu mengatur ulang dirinya agar sesuai dengan ukuran dan orientasi layar yang berbeda.

    Dan untuk bacaan lebih lanjut, lihat:

    • Desain Web Seluler: 10 Tips Agar Usabilitas Lebih Baik
    • 30 Tutorial Desain Web Responsif yang Berguna
    • 50 Alat Desain Web Responsif Berguna Untuk Desainer

    Terakhir, selalu gunakan gambar dengan resolusi sangat tinggi, atau pastikan ukuran gambar Anda untuk orientasi yang berbeda, sehingga pengguna mendapatkan gambar penuh. Rasio aspek 16: 9 bekerja dengan baik pada kebanyakan tablet.

    Bungkus

    Saat membuat situs web yang ramah tablet, pikirkan di luar situs web PC dan lakukan interaksi pribadi selangkah lebih maju. Pikirkan kembali dan buat kembali situs web Anda untuk dunia tempat tablet menjadi yang pertama.

    Catatan Editor: Posting ini ditulis oleh Lakshmi Harikumar untuk Hongkiat.com.