Jika Anda menemukan diri Anda melakukan hal yang sama, terjebak antara desain dan penyerahan pengembang atau ingin menciptakan kolaborasi dan konsistensi yang lebih baik, Anda tidak sendirian. Ini adalah beberapa tantangan paling umum dengan desain digital.
UXPin dapat membantu mengurangi masalah ini dan menyelesaikan masalah Anda dengan teknologinya, UXPin Merge, dibuat untuk memfasilitasi kolaborasi desain-ke-dev. Ini sebenarnya memungkinkan desainer untuk menyinkronkan komponen kode dan membantu desainer dan pengembang menggunakannya sebagai satu sumber kebenaran.
Di sini, kita akan melihat beberapa cara Penggabungan UXPin dapat membantu Anda membuat alur kerja yang lebih baik, membuat produk yang lebih konsisten, dan meningkatkan kolaborasi.
Apa itu Penggabungan UXPin?
Penggabungan UXPin memungkinkan desainer untuk membawa komponen pengembang mereka ke editor desain UXPin dan membuat prototipe yang interaktif dan konsisten sejak awal. Penggabungan hanyalah satu bagian dari kumpulan alat UXPin yang lebih besar dan membantu menjembatani kesenjangan antara desain dan pengembangan dengan memungkinkan desainer mengakses komponen yang sudah dikodekan dari repositori Git, npm, atau Buku Cerita untuk memfasilitasi prosesnya.
Manfaat utama alat seperti Penggabungan UXPin adalah dapat membantu mempercepat pengembangan produk, membantu tim desain dan pengembangan berkolaborasi dengan lebih baik, dan menciptakan satu sumber kebenaran untuk sistem desain. (Semua elemen ini mungkin cukup familiar bagi tim DesignOps Anda dan merupakan tujuan yang ingin Anda capai.)
Begini cara UXPin menjelaskannya:
“Jembatan kesenjangan antara desain dan kode untuk membangun produk yang lebih baik bersama-sama. Keluarkan sistem desain dan pustaka UI Anda dari silo – cukup sambungkan alat pengembang Anda dengan dunia desain yang sudah sangat Anda kenal.”
Dan itulah yang Anda dapatkan. UXPin Merge terintegrasi dengan komponen pengembangan sehingga desainer dapat membuat prototipe produk digital.
Dalam desain berbasis komponen, desainer akan:
- Gunakan komponen UI dari pustaka yang sudah diberi kode
- Gunakan komponen yang sama dengan yang digunakan pengembang (bagus untuk desain yang konsisten)
- Ciptakan kolaborasi yang lebih baik dalam proses dengan satu sistem desain terpadu
- Mampu menguji pengalaman pengguna nyata
- Ulangi dengan kecepatan yang lebih cepat
Aplikasi Praktis untuk Sistem Desain Anda
Sejak awal, mendesain di UXPin tidak jauh berbeda dengan alat berbasis gambar seperti Adobe XD. Anda dapat menggambar bentuk, garis, dan kotak, menambahkan gaya, dan bahkan memiliki semuanya dalam satu karton untuk membantu Anda sepanjang jalan.
Tapi sebenarnya ada sesuatu yang berbeda terjadi di latar belakang. Saat Anda menggambar elemen, itu bukan grafik raster; elemen-elemen ini ditata HTML dengan CSS. (Anda bahkan dapat melihatnya di layar.)
Anda juga menghilangkan masalah umum – desain terlihat atau bertindak berbeda setelah pengembang mengerjakannya.
Apa yang membuat teknologi UXPin, Merge, istimewa adalah Anda tidak benar-benar harus menggambar semuanya dari awal dan mengatur interaction. (Anda dapat melakukannya saat membutuhkannya atau ada komponen yang hilang.) Anda mulai dengan blok bangunan bawaan dari repositori komponen, seperti Git, serta Buku Cerita atau npm, tempat Anda mengimpor dan menyinkronkan pustaka Anda.
Sekarang, Anda dapat menarik dan melepaskan komponen desain apa pun yang Anda bagikan dengan pengembang ke kanvas untuk bekerja. Semuanya sudah diberi kode dan terlihat serta terasa seperti elemen yang hidup.
Meskipun kode selalu tersedia di UXPin Merge, desainer bekerja di antarmuka visual, jadi mereka tidak merasakan perubahan apa pun dalam proses pembuatan prototipe.
Bagian terbaiknya mungkin Anda benar-benar merancang dan membuat prototipe langsung pada saat yang bersamaan. Anda juga menghilangkan masalah umum – desain terlihat atau bertindak berbeda setelah pengembang mengerjakannya. Dengan komponen berkode, semuanya konsisten dari awal, mulai dari desain hingga pengembangan.
Handoff Lebih Mulus
Penyerahan desain-ke-pengembangan adalah tempat beberapa penghematan waktu alur kerja yang serius terjadi dengan Penggabungan UXPin.
Karena Anda telah bekerja dengan komponen terintegrasi dan kode selama ini, Anda telah menghilangkan beberapa langkah:
- Tidak perlu lagi membuat ulang komponen UI dalam desain dan kode
- Interaction dibuat dalam desain, bukan pasca-desain oleh pengembangan
- Sistem desain sudah ada
Karena desain dibuat menggunakan komponen langsung, pengembang dapat menyalin dan menempelkan kode komponen ke dalam aplikasi.
Pengembang tidak terjebak dalam kesenjangan komunikasi, mencoba memahami bagaimana interaction yang terlewat seharusnya berfungsi.
Ini adalah lingkungan gaya produksi yang lebih hidup dari awal hingga akhir dengan apa yang biasanya merupakan langkah-langkah linier individual yang terjadi bersama-sama dalam tim. Ini berarti Anda menghemat waktu dalam rapat karena lebih sedikit penjelasan untuk membantu pengembang memahami desain dan lebih sedikit waktu pengkodean, dan Anda akan menghemat waktu dalam peninjauan karena komponen yang merupakan bagian dari gaya Anda telah diterapkan sejak awal.
Akhirnya, rasa frustrasi dari semua orang yang mengerjakan proyek berkurang jauh lebih sedikit. Perancang benar-benar dapat melihat seperti apa karya mereka saat diberi kode. Pengembang tidak terjebak dalam kesenjangan komunikasi, mencoba memahami bagaimana interaction yang terlewat seharusnya berfungsi. Ini lebih kolaboratif dan berulang ketika tim bekerja sama di seluruh proses.
Meskipun semua ini terdengar bagus, selalu ada pertanyaan: Apakah ini berhasil untuk saya dan alat saya?
Penggabungan UXPin terintegrasi dengan repositori Git apa pun, Buku Cerita publik atau pribadi, dan memungkinkan impor npm. Anda juga dapat mendesain dengan elemen dari library Anda sendiri atau membawa komponen dari sistem desain lain seperti Fluent, Carbon, Material Design, atau beberapa library bawaan.
Kesimpulan
Yang diperlukan untuk merancang dan mengembangkan produk digital dengan cara ini adalah perubahan pola pikir. Mungkin agak sulit untuk menyatukan otak kolektif tim Anda untuk melakukan sesuatu yang baru atau mengubah alur kerja, tetapi ada keuntungan yang pasti. Tim Anda dapat menghemat waktu dan bekerja lebih kolaboratif dengan UXPin Merge.
