Desain dengan Presisi – Ulasan Adobe XD

Diterbitkan: 2022-03-11

Saat kita menutup 2018 dan melangkah ke 2019, mari kita tinjau keadaan industri desain saat ini, peran desainer, alat desain UX, dan alur kerja.

Dari membangun sistem desain yang kohesif hingga merancang alur untuk inovasi perangkat berikutnya atau membuat prototipe antarmuka kompleks untuk pengujian pengguna, desainer dapat memilih dari banyak alat desain UX. Baik itu salah satu program yang lebih populer seperti Sketch, Figma berbasis web, Adobe XD yang berkembang pesat, atau InVision Studio yang baru diperkenalkan—keakraban dengan alat desain UX yang tepat termasuk tinjauan Adobe XD ini akan mempercepat proses desain produk.

Ada banyak sekali alat desain UX.

Memilih Alat Desain UX yang Tepat

Saat melihat alat yang digunakan desainer, penting untuk dicatat bahwa tanggung jawab desainer bergeser dan berkembang secara konstan. Hanya 6-7 tahun yang lalu, hanya sedikit orang yang mengerti apa yang dilakukan desainer pengalaman pengguna. Hari-hari ini diharapkan setiap desainer untuk melakukan setidaknya semacam riset pengguna, pembuatan prototipe, dan analisis kompetitif.

Pergeseran ini memengaruhi bagaimana desainer perlu melihat alur kerja, pengetahuan domain, teknik, dan alat mereka. Klien saat ini berharap untuk melihat tidak hanya produk akhir yang dipoles, tetapi juga semuanya, mulai dari wireframing hingga pembuatan prototipe hingga UI animasi yang mulus.

Memperluas bidang keahlian Anda bukan hanya cara untuk menghasilkan lebih banyak uang—ini menjadi persyaratan pekerjaan. Proses desain produk baru biasanya berarti alat baru, yang berarti desainer perlu meluangkan waktu untuk mempelajari cara menggunakannya—itulah sebabnya kemunculan alat desain baru sangat cepat dalam beberapa tahun terakhir.

Prototipe Adobe XD
Layar tertaut dalam proyek prototipe Adobe XD.

Hari-hari desainer mengandalkan Photoshop sebagai alat desain utama mereka sudah lama berlalu. Sekarang ini adalah perlombaan untuk platform perangkat lunak desain untuk menarik baik pemula maupun profesional. Sketch telah menjadi pemain utama selama beberapa tahun, dan Figma, yang telah menerima dukungan finansial lebih dari $46 juta, mengejar alat prototipe interaktif berbasis web.

Baru-baru ini, platform prototipe InVision memutuskan untuk memasuki ruang dengan alat desainnya sendiri, InVision Studio. Itu tidak bergerak secepat yang diharapkan semua orang, jadi sementara Studio tampak cukup solid, itu masih agak mengecewakan dan terkenal buggy terlepas dari hype awal.

Setelah mendominasi dunia desain digital begitu lama, Adobe tertinggal dalam perlombaan ini untuk alat desain UX/UI terbaik. Tidak memiliki kemewahan untuk bertahan lama di posisi itu… masukkan Adobe XD. Meskipun sedikit terlambat untuk balapan, Adobe XD semakin populer dan telah menjadi pesaing yang menjanjikan sejak dirilis pada tahun 2016.

Ulasan Adobe XD: Fitur dan Manfaat

Beberapa orang mungkin mengatakan bahwa raksasa industri seperti Adobe adalah dinosaurus dan tidak bisa gesit seperti pesaingnya yang lebih muda. Namun, perusahaan seperti Adobe memiliki sumber daya untuk berkembang pesat, serta stabilitas keuangan yang akan menjadikan penguasaan Adobe XD sebagai investasi yang baik. Ini adalah keuntungan besar, membuat Adobe XD sangat berharga, dan berpotensi menjadi alat desain UX terkemuka untuk masa depan.

Ulasan Adobe XD
Adobe Design Library Manager membuat alur kerja pembuatan aset desain menjadi mulus.

Sebelum kita membahas fitur-fitur Adobe XD, mari kita berhenti dan bertanya, “apakah sepadan dengan waktu untuk mempelajari alat baru yang menyediakan fungsionalitas serupa dengan alat yang sudah kita ketahui?” Untuk menjawabnya, mari kita lihat empat kriteria: harga, kemudahan penggunaan, ekosistem, dan pangsa pasar.

Harga

Salah satu faktor kesuksesan awal favorit industri seperti Sketch dan Figma adalah keterjangkauan relatif mereka. Adobe XD adalah bagian dari langganan Adobe Creative Cloud, yang memberi Anda akses ke lebih dari 20 aplikasi seperti Photoshop, Illustrator, Premiere Pro, dll. seharga $50/bulan, jadi sulit untuk memisahkan harga khusus untuk produk itu. Kecuali Anda sudah berlangganan, mungkin sulit untuk membenarkan pengeluaran begitu banyak untuk mencoba alat baru.

Namun, pada Mei 2018 Adobe mengumumkan rencana awal yang memungkinkan penggunaan Adobe XD secara gratis! Ini terbatas hanya untuk satu proyek aktif tetapi ini adalah cara sempurna untuk menguji air dan mencoba semua yang ditawarkan.

Kemudahan penggunaan

Sebagian besar desainer digital telah menggunakan aplikasi Adobe di beberapa titik dan akrab dengan antarmuka umum: panel alat di sebelah kiri, area utama di tengah, lapisan, dll. di sebelah kanan. Keindahan Adobe XD adalah Anda akan merasa seperti di rumah segera setelah Anda mulai menggunakannya. Kurva pembelajaran ringan dan sebagian besar terjadi di sekitar sistem desain yang lebih kompleks dan penggantian simbol.

Seperti alat serupa, Adobe XD menangani sistem desain yang kompleks dan perpustakaan simbol. Ini juga dilengkapi alat intuitif untuk menghubungkan layar dengan mudah dan membuat prototipe interaktif yang dapat digunakan dalam pengujian pengguna tanpa memerlukan kode. Rilis terbaru dari auto-animate membuat prototipe interaksi yang kaya menjadi lebih mudah dengan menganimasikan interaksi mikro secara otomatis di seluruh artboard di Adobe XD.

Contoh prototipe Adobe XD
Adobe XD dapat membuat transisi animasi otomatis menggunakan gerakan seret.

ekosistem

Memiliki Adobe XD di ekosistem Adobe adalah salah satu nilai jual terkuatnya karena kemungkinan Anda sudah memiliki Creative Cloud, atau menggunakan produk Adobe lainnya setiap minggu. Dari vektor hingga foto, rangkaian produk Adobe memiliki alat khusus untuk sebagian besar kebutuhan desainer yang akan bekerja cukup lancar dengan Adobe XD.

Saham

Pada tahun 2017 Adobe XD memiliki peringkat rata-rata di pasar dan tidak dapat menutupi dominasi Sketch. Maju cepat dua tahun dan Adobe mengejar dengan cepat (dengan lebih dari 12 juta pelanggan Creative Cloud) dan telah menunjukkan potensi besar untuk melanjutkan pertumbuhannya yang cepat.

Kembali ke pertanyaan apakah perlu menghabiskan waktu untuk mempelajari alat desain baru, orang dapat memikirkannya seperti ini: jika Anda memiliki palu, Anda dapat memalu paku tetapi Anda tidak dapat melepas sekrup—dan Anda tidak akan pernah tahu kapan Anda perlu mengeluarkan sekrup. Seiring popularitas Adobe XD, begitu juga peluang untuk bertemu dengan tim atau klien yang bergantung secara eksklusif pada produk Adobe. Semakin banyak alat yang dimiliki seorang desainer di kotak peralatan mereka, semakin banyak proyek desain yang dapat mereka tangani, dan semakin banyak tim yang dapat mereka kerjakan secara efektif.

Daftar Fitur dan Plugin Adobe XD yang Bertambah

“Melalui integrasi dengan Creative Cloud, kami dapat membuat pelanggan kami lebih bahagia dan lebih produktif dengan menghubungkan mereka secara mulus ke semua layanan yang mereka gunakan, dan persediaan alat tanpa akhir yang memperluas aplikasi kami dengan cara yang kuat dan sesuai kebutuhan.” – Vijay Vachani, Director, Head Platform & Ekosistem Mitra, Adobe Creative Cloud.

Fitur, plugin, dan add-on Adobe XD
Plugin dan integrasi meningkatkan alat prototipe Adobe XD.

Sebagai "ringan dan dasar" karena mungkin muncul, antarmuka Adobe XD menangani sistem desain yang kompleks dan perpustakaan simbol, memungkinkan desainer untuk membangun dan memperbarui desain yang rumit dengan mudah. Sama pentingnya dengan desain dan proses pengujian pengguna adalah prototipe XD dan alat animasi yang canggih. Ketika seorang desainer siap untuk mendapatkan umpan balik tentang desain, plugin oleh UserTesting dan Userlytics memungkinkan mereka melakukannya tanpa meninggalkan program.

Menciptakan alat desain UX terbaik yang akan memiliki semua fitur yang tepat adalah apa yang perusahaan seperti InVision, Adobe, dan lainnya perjuangkan. Tugasnya sangat besar dan rumit, jadi salah satu cara untuk mencapai tujuan ini adalah platform mengembangkan plugin (dan mendorong orang lain untuk melakukan hal yang sama).

Pengumuman Adobe baru-baru ini tentang Dana Desain senilai $10 juta untuk tujuan yang tepat ini membuktikan pentingnya mendukung plugin dan memberi insentif kepada pengembang untuk membuatnya. Selama konferensi Adobe MAX baru-baru ini, ada beberapa pengumuman penting seputar plugin, kit UI, dan integrasi aplikasi untuk memperluas utilitas Adobe XD.

Meskipun Sketch adalah alat desain yang hebat, yang membuatnya benar- benar hebat adalah ketersediaan plugin pihak ketiga seperti Runner, Color Accessibility Check, Magic Mirror, Auto Animate, dll. Adobe XD meningkatkan permainan mereka dengan plugin seperti RenameIt, Pixel Perfect , Generator Data, dll. dan integrasi dengan Trello, Dribbble, Google Spreadsheet, dll.

Alat prototipe Adobe dengan sejumlah besar plugin yang tersedia
Manfaat Adobe XD mencakup ketersediaan plugin dan add-on yang luas.

Dengan menuangkan uang ke hosting dan mendukung bakat yang muncul di Adobe Creative Residency, Adobe mempertahankan keunggulan penting ekosistemnya. Elemen kunci lain dari kesuksesan di masa depan adalah hal lain yang dilakukan tim Adobe XD dengan baik—mendengarkan pengguna akhir dan melibatkan mereka dalam proses pengembangan dengan mengundang mereka untuk menyarankan dan mendukung fitur berikutnya yang akan dikembangkan.

Sejak awal, Adobe XD diposisikan sebagai “produk dari desainer hingga desainer” dan mereka dengan setia tetap mempertahankannya. Setiap bulan, serangkaian fitur baru diluncurkan. Misalnya, hanya dalam beberapa bulan terakhir, Adobe memperkenalkan fitur Adobe XD baru seperti Responsive Resize, Timed Transitions, Spell Check, Jira integration, dan banyak lagi.

Membuat animasi dalam Adobe XD, alat pembuatan prototipe Adobe
Alat animasi otomatis yang digunakan dalam prototipe Adobe XD.

Adobe juga baru-baru ini mengumumkan penambahan prototyping suara ke perangkat Adobe XD. Ini bukan fitur paling jelas yang Anda harapkan dari alat desain UI layar, tetapi UI perintah suara menjadi semakin umum.

Dari Siri hingga Alexa dan pengalaman lain di luar layar, interaksi berbasis suara semakin berkembang. Prototipe suara unik Adobe XD memberi desainer keunggulan untuk mengikuti tren yang berkembang pesat ini.

Memperluas Kotak Alat Desainer

Desainer yang bekerja dengan berbagai perusahaan dan pada proyek yang berbeda kemungkinan besar akan membutuhkan spektrum keterampilan pemecahan masalah. Kotak peralatan desain yang lebih luas dapat menjadi keuntungan besar dibandingkan kandidat potensial lainnya. Ini sangat penting bagi pekerja lepas yang mungkin bekerja dengan klien yang berbeda setiap beberapa bulan—cepat atau lambat sebuah proyek yang membutuhkan pengetahuan ahli tentang alat desain tertentu akan muncul. Tidak terbiasa dengan alat tersebut dapat berarti hilangnya potensi keterlibatan.

Ada beberapa argumen tentang apakah seorang desainer harus fokus pada perluasan repertoar mereka vs. mengasah spesialisasi tertentu. Adobe XD cepat, gratis, dan mudah dipelajari—tidak ada ruginya mengambil risiko dan memperluas keserbagunaan Anda.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

  • Alat UX Terbaik (dengan Infografis)
  • Figma vs. Sketch vs. Axure - Review Berbasis Tugas
  • Merancang VUI – Antarmuka Pengguna Suara
  • Portofolio Desainer UX Terbaik - Studi Kasus dan Contoh yang Menginspirasi
  • Prototipe dengan Mudah - Tutorial Studio InVision