Adobe XD vs. Sketch – Alat UX Mana yang Tepat untuk Anda?
Diterbitkan: 2022-03-11Seorang desainer UX membutuhkan banyak alat untuk menyelesaikan banyak tahapan alur kerja UX mulai dari penelitian hingga desain hingga prototipe dan handoff. Jika Anda melakukan pekerjaan Anda di PC, Anda mungkin dihantui oleh penyebutan terus-menerus tentang Sketch, editor grafis vektor yang populer dan ramping dengan plugin berguna yang tak terhitung jumlahnya yang dengan cepat menjadi standar industri— tetapi hanya tersedia di Mac OS . Ini berarti bahwa, kecuali Anda memiliki mesin Apple, Anda ditinggalkan. Tapi sekarang Adobe secara aktif bekerja pada pesaing Sketch lintas platform yang tepat (dan mirip?), setelah bertahun-tahun absen: Adobe XD.
Apa itu Adobe XD?
Adobe Experience Design CC, atau Adobe XD, adalah editor grafis vektor ringan dan alat pembuatan prototipe yang diumumkan di Adobe MAX 2015 sebagai Project Comet. Perangkat lunak ini diluncurkan dalam pratinjau pada Maret 2016 sebagai bagian dari Creative Cloud, dan saat ini dalam fase beta, menerima pembaruan hampir setiap bulan.
Sebelum itu, Adobe sedang mengerjakan penambahan fitur untuk desainer UX pada alat mereka yang sudah mapan seperti Photoshop dan Illustrator. Meskipun keduanya merupakan perangkat lunak yang hebat, keduanya tidak ringan atau ramping untuk jenis pekerjaan ini. Selama bertahun-tahun—dan terutama setelah penghentian Adobe Fireworks pada 2013 (alat prototyping berorientasi web klasik yang diperoleh dari Macromedia)—semakin banyak desainer UX merasa bahwa Creative Cloud tidak sesuai dengan ekspektasi pasar. Jadi, mereka melompat ke Sketch (jika mereka memiliki Mac). Sementara tanggapan Adobe untuk eksodus massal ini agak terlambat (Bohemian Coding meluncurkan Sketch penuh 6 tahun yang lalu) itu layak untuk ditunggu, terutama jika Anda terbatas menggunakan alat yang kurang memadai di PC Anda. Mari kita bandingkan Adobe XD vs Sketch
Antarmuka Pengguna dan Fitur Eksklusif
Saat Anda membuka Adobe XD, kesan pertama yang Anda dapatkan adalah antarmukanya sangat familiar, baik untuk pengguna Sketch maupun penggemar lama Adobe. Adobe berangkat dari tombol dan menu Creative Cloud yang diharapkan lebih gelap, dan memilih untuk menawarkan yang terbaik dari dua dunia. Tidak seperti Sketch, Anda akan melihat seperangkat alat di sisi kiri layar, tetapi juga panel lapisan yang lebih tinggi dan properti dinamis di sebelah kanan, seperti yang terlihat di Sketch. Sangat mudah digunakan, dan mudah dipelajari, apa pun alat yang Anda gunakan sebelumnya.
Ulangi Grid
Adobe XD juga memiliki serangkaian fitur unik seperti Repeat Grid, alat yang memungkinkan Anda mereplikasi sekelompok objek seperti kartu Desain Material dengan data variabel dan jarak yang dapat dikonfigurasi antara salinan.
Pembuatan prototipe
Di XD, Anda dapat membuat prototipe interaktif tanpa memerlukan plugin pihak ketiga seperti yang Anda lakukan di Sketch. Editor prototyping Adobe memungkinkan desainer untuk menghubungkan area interaktif secara visual ke layar lain menggunakan kabel dan mengatur transisi. Dengan prototipe interaktif siap, Anda dapat mempublikasikan dan berbagi prototipe, yang dapat dilihat di web atau dengan aplikasi seluler Adobe XD. Prototipe XD, bagaimanapun, belum memiliki dukungan untuk gerakan atau bagian tetap seperti header, sesuatu yang mungkin pada InVision dan alat khusus prototipe lainnya yang terhubung dengan Sketch.
Panel Aset
Dalam pembaruan Agustus 2017, Adobe menambahkan panel Aset, cara cerdas untuk menyatukan panduan gaya interaktif dengan warna, gaya karakter, dan simbol. Saat Anda mengubah sesuatu di panel Aset, setiap penggunaan aset dalam karya seni Anda akan mengikuti. Sketsa juga memiliki variabel warna, gaya karakter, dan simbol, tetapi masing-masing ada di panelnya sendiri.
Adobe mengumumkan beberapa fitur berikutnya yang akan muncul di XD di blog produk. Salah satunya memperluas fitur Aset, memungkinkan perancang untuk menerbitkan panduan gaya proyek dengan font yang dapat diunduh, aset, dan kode heksadesimal warna, di samping prototipe interaktif dan fitur inspeksi untuk survei pengembang elemen di dalam prototipe. Ini disebut "penyerahan untuk pengembang" dan sudah dimungkinkan di Sketch (dan Photoshop) menggunakan plugin seperti Zeplin. Fitur masa depan lainnya yang sedang digoda adalah kolaborasi real-time di dalam XD, sesuatu yang menyerupai fitur kolaborasi yang ada di Google Documents dan sudah tersedia di alat desain UX lain seperti Figma.
Sketch (dan pluginnya) vs. Adobe XD
| Fitur | Adobe XD | Sketsa |
|---|---|---|
| Grafis vektor | Ya (dan termasuk Adobe Illustrator dalam langganan CC) | Ya |
| Pengeditan gambar tingkat lanjut | Tidak (tetapi termasuk Adobe Photoshop dalam langganan CC) | Tidak |
| Ringan | Ya | Ya |
| Pembuatan prototipe | Ya | Tidak (tetapi tersedia dengan plugin pihak ketiga) |
| Ekspor aset | Ya | Ya |
| Handoff dengan panduan gaya online dan inspektur | Tidak (diumumkan sebagai fitur mendatang) | Tidak (tetapi tersedia dengan plugin pihak ketiga) |
| Simbol dan gaya | Ya | Ya |
| Ulangi kisi-kisi | Ya | Tidak |
| Kisi dokumen | Ya | Ya (dengan kolom dan opsi lainnya) |
| Plugin | Tidak | Ya |
| Kolaborasi | Tidak (diumumkan sebagai fitur mendatang) | Tidak (tetapi tersedia dengan plugin pihak ketiga) |
| Versi MacOS | Ya | Ya |
| Versi Windows | Ya (Windows 10 atau lebih tinggi) | Tidak |
| Harga dan lisensi | Versi beta gratis, harus memiliki ID Adobe. Harga akhir akan diumumkan. | USD $99 untuk satu tahun pembaruan, tetapi Anda dapat terus menggunakan setelah itu tanpa pembaruan |
Ketika Anda melihat gambaran yang lebih besar, menjadi jelas bahwa Adobe bermaksud membuat XD tidak hanya melakukan semua yang dilakukan Sketch sebagai alat grafik vektor tetapi juga pluginnya, yang mencakup seluruh alur kerja desain UX. Dari desain hingga prototyping hingga handoff, Adobe XD mungkin akan menjadi alat desainer UX definitif, tetapi bagaimana dengan hari ini?
Apakah Saatnya Beralih?
Adobe XD pertama dan terutama untuk pengguna Windows (yang tidak dapat menggunakan Sketch khusus macOS) dan pelanggan Adobe Creative Cloud saat ini (yang tidak perlu membayar lebih untuk XD selain Photoshop, Illustrator, dll.).
Ada banyak desainer UX yang sudah membuat lompatan, baik karena mereka adalah pelanggan Creative Cloud bahkan di macOS, atau karena mereka percaya XD akan menjadi standar berikutnya dan puas dengan rangkaian fitur saat ini. Jika Anda adalah pengguna Sketch yang berpengalaman, Anda akan menikmati antarmuka yang lebih baik secara keseluruhan, fitur XD yang unik, tetapi juga harus menghadapi keterbatasan saat ini dan kurangnya dukungan plugin. Bagaimanapun, cobalah dan bagikan kesan Anda dengan kami!
• • •
Bacaan lebih lanjut di Blog Desain Toptal:
- eCommerce UX – Tinjauan Praktik Terbaik (dengan Infografis)
- Pentingnya Desain yang Berpusat pada Manusia dalam Desain Produk
- Portofolio Desainer UX Terbaik – Studi Kasus dan Contoh yang Menginspirasi
- Prinsip Heuristik untuk Antarmuka Seluler
- Desain Antisipatif: Cara Membuat Pengalaman Pengguna yang Ajaib