• Translate

3/10/2016

Tool Resizer Buatan Google Untuk Menguji Web Responsive

Tutorial Web Design |

Advertisement

Tool Resizer Buatan Google Untuk Menguji Web Responsive | Website atau Blog yang bisa dibuka dengan baik pada perangkat mobile kini adalah suatu faktor ranking penting dimata Google. Pengumuman Google beberapa waktu lalu tentu sudah sama-sama kita baca mengenai MobileGeddon, bahwa Google sekarang ini sangat memprioritaskan website yang bisa dibuka di ponsel dan tablet, bukan hanya sekedar di desktop.

Website yang support mobile device akan lebih mungkin untuk muncul di halaman utama dibanding yang tidak support mobile.

Tool Resizer Buatan Google Untuk Menguji Web Responsive
image : https://design.google.com/articles/introducing-resizer/

Selain itu web yang bisa dibuka dengan baik pada berbagai perangkat tentu akan membuat pengunjung menjadi betah dan ingin membuka halaman selanjutnya, karena mereka tidak akan mendapati lagi tempilan web yang super kecil dan harus di zoom beberapa kali agar bisa dibaca.

Mendesain sebuah pengalaman pengguna yang intuitif dan bagus tentu tidak mudah, karena itu adalah sebuah proposisi yang rumit. Untuk membantu desainer web mendapatkan keseimbangan dan kemudahan dalam mengikuti perkembangan teknologi web, Google memperkenalkan Resizer untuk web desainer & developer guna menguji website mobile mereka.

Tool Resizer ini memungkinkan web desainer untuk menguji tampilan website di berbagai platform apakah sebuah website sudah responsive atau belum, terutama website yang berbasiskan Material Design. Namun untuk website yang tidak berbasiskan Material Desain juga tetap bisa digunakan.

Seperti yang terlihat dibawah ini saat saya mencoba menggunakan tool buatan Google tersebut.

www.alltutorials.info used resizer

Dengan bantuan alat ini desainer akan mengetahui dengan pasti dimana breakpoint berada, sehingga akan lebih mudah dalam merancang desain web responsive. Resizer akan menunjukan secara real-time – jika situs tersebut rekursif untuk mobile.

Cara kerjanya cukup mudah, anda hanya perlu memasukkan URL website Anda pada kolom yang disediakan.

Setelah memasukan URL, Anda dapat beralih antara pilihan desktop dan mobile untuk melihat tampilan web Anda. Resizer memang sangat interaktif untuk digunakan.

Ketika pertama membuka halaman Resizer, secara default yang akan diuji adalah halaman web material desain buatan Google.

Tujuan Google membuat Resizer adalah untuk membantu mengetes breakpoint, grid responsif dan kebiasaan tampilan serta pola user interface dari Material Design pada website. Alat ini mungkin tidak akan membantu ketika proses pembuatan desain, namun akan sangat berguna ketika proses pengujian performa.

Silahkan kunjungi halaman pengenalan Resizer, dan coba demonya di design.google.com/resizer

Disqus
Blogger
Comment
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box