Perbedaan Mobile Design Version dgn Responsive Design Version
Assalamu'alaikum sobat Blog Kang Fakhrie
Sesuai janji saya di postingan Cara Menonaktifkan Versi Mobile pada Template Responsive tentang Perbedaan Mobile Design Version dgn Responsive Design Version
Langsung saja disimak baik-baik postingannya ^_^
Menurut website Mashable pada August 2013, 17.4 percent dari global web traffic berasal dari mobile devices dan angka ini akan terus tumbuh sampai 2014. Ini berarti hampir 1/5 dari global web traffic berasal dari mobile device, apakah trend ini akan terus berlanjut di masa akan datang terus melaju atau malah melambat. Tidak ada yang bisa mengetahui dengan pasti, yang jelas trend ini sedang berlangsung.
Dalam tulisan ini saya ingin berbagi mengenai fenomena pertumbuhan luar biasa mobile device ini yang kaitannya dengan website yaitu responsive website dan mobile website. Membahas kelebihan dan kekurangan di antara keduanya. Sumber dari tulisan saya ini saya ambil dari beberapa blog yang membahas responsive web design dan mobile website.
Apakah Responsive Design dan Mobile Design
Responsive Design
Responsive Design adalah website yang bisa menyesuaikan tampilan layoutnya berdasarkan ukuran viewport dari device yang digunakan mulai dari smartphone, tablet atau computer screen. Dengan responsive website bisa memberi pengalaman yang optimal bagi pengguna dengan resizing, scrolling dan panning seminimal mungkin. Perkembangan teknologi mobile device begitu pesat melahirkan mobile device dengan ukuran layar yang berbeda dengan merek yang begitu variatif. Smartphone yang diproduksi oleh berbagai vendor memiliki varian ukuran. Dengan responsive website, website bisa menyesuaikan dengan ukuran viewport device pengaksesnya.
Mobile Website
Mobile Design secara prinsip adalah sama dengan website secara umum, yang dibuat dengan HTML, CSS, javascript, PHP. Namun perbedaannya adalah mobile website dibuat agar optimal untuk ukuran layar mobile device seperti smartphone atau tablet. Bila kita mengakses web yang memang dibuat untuk layar desktop komputer/laptop menggunakan mobile device maka akan ada scroll horizontal dan zoom yang tentu mengganggu kenyamanan pengguna (bad user experience). Adanya mobile website tentu tidak akan ada lagi masalah scrolll horizontal dan zoom dimaksud.
Sekian Artikel ttg "Perbedaan Mobile Design Version dgn Responsive Design Version"
Semoga bermanfaat bagi sobat ^_^
Sesuai janji saya di postingan Cara Menonaktifkan Versi Mobile pada Template Responsive tentang Perbedaan Mobile Design Version dgn Responsive Design Version
Langsung saja disimak baik-baik postingannya ^_^
Menurut website Mashable pada August 2013, 17.4 percent dari global web traffic berasal dari mobile devices dan angka ini akan terus tumbuh sampai 2014. Ini berarti hampir 1/5 dari global web traffic berasal dari mobile device, apakah trend ini akan terus berlanjut di masa akan datang terus melaju atau malah melambat. Tidak ada yang bisa mengetahui dengan pasti, yang jelas trend ini sedang berlangsung.
Dalam tulisan ini saya ingin berbagi mengenai fenomena pertumbuhan luar biasa mobile device ini yang kaitannya dengan website yaitu responsive website dan mobile website. Membahas kelebihan dan kekurangan di antara keduanya. Sumber dari tulisan saya ini saya ambil dari beberapa blog yang membahas responsive web design dan mobile website.
Apakah Responsive Design dan Mobile Design
Responsive Design
Responsive Design adalah website yang bisa menyesuaikan tampilan layoutnya berdasarkan ukuran viewport dari device yang digunakan mulai dari smartphone, tablet atau computer screen. Dengan responsive website bisa memberi pengalaman yang optimal bagi pengguna dengan resizing, scrolling dan panning seminimal mungkin. Perkembangan teknologi mobile device begitu pesat melahirkan mobile device dengan ukuran layar yang berbeda dengan merek yang begitu variatif. Smartphone yang diproduksi oleh berbagai vendor memiliki varian ukuran. Dengan responsive website, website bisa menyesuaikan dengan ukuran viewport device pengaksesnya.
Mobile Website
Mobile Design secara prinsip adalah sama dengan website secara umum, yang dibuat dengan HTML, CSS, javascript, PHP. Namun perbedaannya adalah mobile website dibuat agar optimal untuk ukuran layar mobile device seperti smartphone atau tablet. Bila kita mengakses web yang memang dibuat untuk layar desktop komputer/laptop menggunakan mobile device maka akan ada scroll horizontal dan zoom yang tentu mengganggu kenyamanan pengguna (bad user experience). Adanya mobile website tentu tidak akan ada lagi masalah scrolll horizontal dan zoom dimaksud.
Sekian Artikel ttg "Perbedaan Mobile Design Version dgn Responsive Design Version"
Semoga bermanfaat bagi sobat ^_^
dikutip dari beberapa sumber
