Tools UX Mana yang Cocok dengan Kamu? Adobe XD atau Sketch?

Seorang perancang UX membutuhkan banyak alat untuk menyelesaikan banyak tahapan alur kerja UX dari penelitian hingga desain hingga prototipe dan handoff. Jika Anda melakukan pekerjaan Anda pada PC, Anda mungkin dihantui oleh penyebutan terus-menerus tentang Sketch, editor grafik vektor yang ramping dan efisien dengan banyak plugin bermanfaat 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.

Antarmuka Pengguna Adobe XD
Antarmuka pengguna Adobe XD.
Sketsa Antarmuka Pengguna
Antarmuka pengguna Sketsa, yang jelas merupakan inspirasi utama bagi Adobe di XD, saat mencoba menarik bagi jenis pengguna yang sama.

Apa itu Adobe XD?

Adobe Experience Design CC , atau Adobe XD, adalah editor grafis vektor ringan dan alat prototyping yang diumumkan di Adobe MAX 2015 sebagai Project Comet. Perangkat lunak diluncurkan dalam pratinjau pada Maret 2016 sebagai bagian dari Creative Cloud, dan saat ini sedang dalam tahap beta, menerima pembaruan hampir setiap bulan.

Sebelum itu, Adobe sedang bekerja untuk menambahkan fitur untuk desainer UX pada alat-alat mereka yang sudah ada 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 2013 (alat prototyping berorientasi web klasik yang diperoleh dari Macromedia) — semakin banyak desainer UX merasa bahwa Creative Cloud tidak sesuai dengan harapan pasar. Jadi, mereka melompat ke Sketch (jika mereka punya Mac). Sementara tanggapan Adobe untuk eksodus massal ini agak terlambat (Bohemian Coding meluncurkan Sketch 6 tahun yang lalu), patut ditunggu, terutama jika Anda dibatasi untuk menggunakan alat yang kurang memadai pada PC Anda. Mari kita bandingkan Adobe XD vs Sketch

Antarmuka Pengguna dan Fitur Eksklusif

Saat Anda membuka Adobe XD, kesan pertama yang akan Anda miliki adalah antarmuka sangat akrab, baik untuk pengguna Sketch dan penggemar Adobe lama. Adobe berangkat dari tombol dan menu Creative Cloud yang 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 layer yang lebih tinggi dan properti dinamis di sebelah kanan, seperti yang terlihat pada Sketch. Mudah digunakan, dan mudah dipelajari, apa pun alat yang Anda gunakan sebelumnya.

Ulangi Grid

Adobe XD juga memiliki serangkaian fitur unik seperti Ulangi Kotak, alat yang memungkinkan Anda mereplikasi sekelompok objek seperti kartu Desain Bahan dengan data variabel dan jarak yang dapat dikonfigurasi di antara salinan.

Ulangi fitur Grid di Adobe XD
Membuat grup objek serupa dengan fitur Ulangi Kotak di Adobe XD.

Prototyping

Di XD, Anda dapat membuat prototipe interaktif tanpa memerlukan plugin pihak ketiga seperti yang Anda lakukan di Sketch. Editor Adobe prototyping memungkinkan perancang untuk secara visual menghubungkan area interaktif ke layar lain menggunakan kabel dan mengatur transisi. Dengan prototipe interaktif siap, Anda dapat menerbitkan dan berbagi prototipe, yang dapat dilihat di web atau dengan aplikasi seluler Adobe XD. Namun, prototipe XD tidak memiliki dukungan untuk gerakan atau bagian tetap seperti header, sesuatu yang mungkin pada InVision dan alat khusus prototipe lainnya yang terhubung dengan Sketch.

Fitur prototipe dalam Adobe XD
Tombol kabel ke layar dalam fitur Prototipe di Adobe XD.

Panel Aset

Dalam pembaruan Agustus 2017, Adobe menambahkan panel Aset, cara cerdas untuk menyatukan panduan gaya interaktif dengan warna, gaya karakter, dan simbol. Ketika Anda mengubah sesuatu di panel Aset, setiap penggunaan aset di karya seni Anda mengikuti. Sketsa juga memiliki variabel warna, gaya karakter, dan simbol, tetapi masing-masing berisi di panel mereka sendiri.

Panel Aset Adobe XD
Mengubah elemen di panel Aset mengubah seluruh proyek.

Adobe mengumumkan beberapa fitur berikutnya untuk muncul di XD di blog produk . Salah satunya memperluas fitur Aset, memungkinkan desainer 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 “handoff for developers” dan sudah dimungkinkan di Sketch (dan Photoshop) menggunakan plugin seperti Zeplin . Fitur lain di masa depan yang sedang digoda adalah kolaborasi waktu-nyata di dalam XD, sesuatu yang menyerupai fitur kolaborasi yang ada di Google Documents dan sudah tersedia di alat desain UX lainnya seperti Figma .

Sketsa (dan pluginnya) vs. Adobe XD

fiturAdobe xdSketsa
Gambar vektorYa (dan termasuk Adobe Illustrator dalam langganan CC)Iya
Pengeditan gambar tingkat lanjutTidak (tetapi termasuk langganan Adobe Photoshop dalam CC)Tidak
RinganIyaIya
PrototypingIyaTidak (tetapi tersedia dengan plugin pihak ketiga)
Ekspor asetIyaIya
Handoff dengan panduan gaya online dan inspekturTidak (diumumkan sebagai fitur masa depan)Tidak (tetapi tersedia dengan plugin pihak ketiga)
Simbol dan gayaIyaIya
Ulangi kisiIyaTidak
Kisi dokumenIyaYa (dengan kolom dan lebih banyak opsi)
PluginTidakIya
KolaborasiTidak (diumumkan sebagai fitur masa depan)Tidak (tetapi tersedia dengan plugin pihak ketiga)
Versi MacOSIyaIya
Versi WindowsYa (Windows 10 atau lebih tinggi)Tidak
Harga dan lisensiVersi beta gratis, perlu memiliki Adobe ID. Harga akhir akan diumumkan.USD $ 99 untuk satu tahun pembaruan, tetapi Anda dapat terus menggunakannya setelah itu tanpa pembaruan

Ketika Anda melihat gambar yang lebih besar, menjadi jelas bahwa Adobe bermaksud membuat XD tidak hanya melakukan semua yang Sketch lakukan sebagai alat grafik vektor tetapi juga plugin-nya, yang meliputi seluruh alur kerja desain UX. Dari desain hingga prototipe hingga handoff, Adobe XD mungkin akan menjadi alat desainer UX yang pasti, tetapi bagaimana dengan hari ini?

Apakah Ini Saatnya Beralih?

Adobe XD adalah yang pertama dan terutama untuk pengguna Windows (yang tidak dapat menggunakan Sketsa 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 telah membuat lompatan, baik karena mereka adalah pelanggan Creative Cloud bahkan di macOS, atau karena mereka percaya XD akan menjadi standar berikutnya dan puas dengan set fitur saat ini. Jika Anda adalah pengguna Sketch berpengalaman, Anda akan menikmati antarmuka yang lebih baik secara keseluruhan, fitur XD unik, tetapi juga harus berurusan dengan keterbatasan saat ini dan kurangnya dukungan plugin. Bagaimanapun, cobalah dan bagikan kesan Anda dengan kami!

sumber: toptal.com

Latest articles

12.6k Followers
Follow

Related articles