11 Ekstensi Chrome Terbaik untuk Desainer

Tidak ada yang tahu lebih baik daripada Desainer UX bagaimana tweak yang tampaknya kecil untuk kegunaan dan efisiensi, pada kenyataannya, dapat membuat perbedaan besar pada pengalaman pengguna.

Namun, sementara sedikit yang menghabiskan lebih banyak waktu menjelajahi web daripada Desainer, bahkan yang paling cerdas di antara kita mungkin tidak memaksimalkan kualitas pengalaman itu.

Dengan mengingat hal itu, kami mengumpulkan 11 ekstensi Chrome terbaik untuk Desainer.

Mesin tenun

Kemungkinannya adalah, Anda menghabiskan banyak waktu untuk mencoba berkomunikasi dengan rekan tim lain tentang masalah yang berkaitan dengan alur pengguna, masalah desain, atau bug lainnya. Alat tenun dapat membuat hidup Anda lebih mudah.

Ekstensi memungkinkan Anda untuk merekam dan menceritakan video dari apa yang Anda lihat di layar Anda – serta kamera depan Anda – sebelum membagikannya dengan tautan sederhana.

Jika Anda dijual di Loom, pertimbangkan layanan berbayar premium, yang memungkinkan video 4K, penyimpanan video tak terbatas, alat menggambar, penekanan klik mouse, dan serangkaian opsi pengeditan termasuk tombol ajakan bertindak dan gambar mini khusus.

Pengubah Jendela

Desainer perlu tahu bagaimana setiap orang akan mengalami penawaran web mereka, dan tata letak yang terlihat indah di layar Anda – yang, mari kita hadapi, kemungkinan besar – mungkin gagal pada iPhone yang sudah tua.

Window Resizer akan membantu memecahkan titik buta itu, mengubah ukuran jendela browser untuk mereproduksi berbagai resolusi layar. Anda dapat menyesuaikan daftar resolusi Anda, Anda dapat mengutak-atik ukuran dan posisi jendela, dan untuk efisiensi ekstra, ekstensi ini juga memungkinkan Anda membuat pintasan kunci global.

muzli

Jika Anda bisa menggunakan sedikit inspirasi desain ekstra di hari Anda – dan siapa yang tidak bisa? – Muzli adalah untuk Anda, mengkurasi desain visual yang menarik dari seluruh web untuk digulir sambil menyesap kopi pagi Anda.

Dengan lebih dari 150 sumber dari seluruh Internet termasuk Dribbble, Mashable, dan Product Hunt, Muzli akan memberi Anda ide desain, proyek, dan berita terbaru setiap kali Anda membuka tab baru.

Lihat sesuatu yang menarik minat Anda? Klik dan pelajari lebih lanjut di jendela browser baru.

Penggaris Halaman

Desainer UX cenderung menghargai ide yang sederhana namun efektif, dan itu meringkas Page Ruler.

Daripada membuang-buang waktu dengan hati-hati mengukur ukuran objek di halaman web menggunakan alat tangkapan layar, dapatkan Penggaris Halaman untuk menggambar penggaris dengan cepat dan memperbesar dimensi dan posisi piksel serta elemen apa pun di halaman.

ColorZilla

Sepertinya Anda sering memiliki kesempatan untuk mengetahui dengan cepat warna mana yang digunakan pada halaman web – dan ColorZilla dapat membantu Anda mencapainya lebih cepat.

Salah satu ekstensi Firefox paling populer sebelum akhirnya datang ke Chrome, ColorZilla memiliki fitur pipet canggih untuk menentukan warna piksel apa pun di halaman mana pun, generator gradien CSS, dan pemilih warna.

Jika Anda melihat warna yang Anda suka, ColorZilla membuatnya mudah untuk mengambil nilai hex dan RGB dan menempelkannya ke clipboard Anda.

Fontface Ninja

Apakah Anda tipe orang yang menjelajahi Internet untuk mencari ide font baru? Desainer – dan fanatik font pada umumnya – ingin menginstal ekstensi elegan ini, yang memungkinkan Anda mengidentifikasi font yang digunakan di situs web mana pun dan dengan cepat memasukkannya ke dalam perangkat lunak desain Anda.

“Fonts DNA engine” dari Fontface Ninja tidak hanya menampilkan nama CSS, tetapi juga nama asli dari setiap font yang ditampilkan, kemudian memungkinkan Anda mencobanya secara legal. Jika Anda menyukainya, Fontface Ninja juga menyediakan tautan untuk membeli lisensi yang sesuai.

Spektrum

Diperkirakan bahwa kekurangan penglihatan warna – juga dikenal sebagai buta warna – mempengaruhi jutaan orang di seluruh dunia. Untuk memastikan orang-orang tersebut memiliki pengalaman positif dengan halaman web Anda, cobalah Spectrum, yang dengan cepat menguji situs web untuk melihat bagaimana mereka terlihat oleh orang-orang dengan berbagai jenis buta warna.

Ekstensi dikatakan sangat membantu untuk situs web dengan visualisasi data karena beberapa warna dalam grafik tidak dapat dibedakan satu sama lain.

Checkbot

Memastikan bahwa semua tautan Anda benar-benar berfungsi, formulir Anda aman, dan situs Anda cepat dan mudah dinavigasi adalah masalah kegunaan utama bagi Perancang UX; Checkbot akan membantu Anda dan menemukan masalah yang tidak Anda sadari.

Menguji ratusan halaman sekaligus, Checkbot dapat menemukan tautan yang rusak, kesalahan HTML/JavaScript/CSS, judul duplikat, masalah keamanan, rantai pengalihan, dan kesalahan konten campuran.

Faktanya, Checkbot menguji situs Anda untuk 50-plus praktik terbaik untuk SEO, kecepatan, dan keamanan.

SVG Grabber

Apakah Anda sering mendapati diri Anda perlu mengambil logo, ikon, ilustrasi, atau karya seni lainnya dari situs web lain? Jika demikian, SVG Grabber dapat menghemat banyak waktu dan kebosanan Anda.

Ini adalah alat untuk membantu Anda dengan cepat melihat pratinjau dan mendapatkan semua aset SVG dari situs web. Hanya dengan satu klik, ekstensi akan secara otomatis memasukkan semua SVG pada halaman sebelum membiarkan Anda menyaring dan mengunduh yang Anda butuhkan dengan cepat.

Pemeriksaan UX

Sederhananya, UX Check mengubah evaluasi heuristik menjadi mudah.

Ekstensi memungkinkan Anda memindai situs web Anda untuk masalah kegunaan sehingga Anda dapat menguji tanpa memiliki pengguna nyata. UX Check menandai area situs Anda yang perlu ditingkatkan berdasarkan 10 prinsip umum Nielsen Norman Group untuk desain interaksi – yang mencakup visibilitas status sistem, pencegahan kesalahan, serta konsistensi dan standar – dan menyimpan tangkapan layar masalah tersebut.

Setelah selesai, Anda dapat mengekspor semuanya ke file dokumen untuk dibagikan dengan mudah dengan rekan satu tim.

Ipsum Perusahaan

Jika Anda menguji desain baru – terutama yang sangat padat teks – Anda mungkin bosan dengan paragraf pertama Lorem Ipsum yang biasa. Bagi mereka yang bosan dengan bahasa Latin di antara kita, Corporate Ipsum adalah ekstensi menyenangkan yang secara acak memunculkan bahasa ganda perusahaan untuk digunakan sebagai teks pengisi.

Alih-alih rantai panjang teks dummy yang biasa Anda lihat, Anda mungkin akan disambut oleh – misalnya – jargon perusahaan seperti ini: “rebut vortal terintegrasi secara efisien dengan metodologi dasar yang terpasang.”

Hanya memiliki kata-kata bahasa Inggris daripada bahasa Latin akan membuat desain terlihat jauh lebih alami, dan fakta bahwa teks yang disusun secara acak sering kali tidak masuk akal sama sekali hanyalah bagian dari pesona ekstensi.

Cari tahu lebih lanjut tentang kursus Desain UX BrainStation.