Saturday, November 27, 2021
spot_imgspot_imgspot_imgspot_img

HomeVisual DesignBagaimana Sistem Desain Dapat Membantu Membangun dan Membuat Prototipe Produk Digital yang...

Bagaimana Sistem Desain Dapat Membantu Membangun dan Membuat Prototipe Produk Digital yang Lebih Baik

Sistem desain, sistem desain di mana-mana.

Saya cukup yakin bahwa Anda telah mendengar istilah itu ribuan kali minggu lalu, dan lebih dari Anda akan, sistem desain adalah salah satu tren dalam desain produk khususnya, bahwa perusahaan-perusahaan besar seperti Airbnb, Uber, Lyft, dan lain-lain mengadaptasi dan mempraktekkan ketika membangun produk mereka dan tampaknya sudah datang untuk tinggal.

Tidak ada definisi nyata tentang apa itu sistem desain, selain fakta bahwa nama itu cukup deskriptif diri untuk memberikan petunjuk tentang apa itu sistem desain. Beberapa orang akan mendefinisikan mereka sebagai satu set elemen yang digabungkan di antara mereka, dapat membuat produk lebih mudah dibuat, tetapi itu lebih dari itu, dan tingkat kompleksitas yang dimasukkannya bisa menakutkan.

Apa itu sistem desain?

Seperti yang saya katakan sebelumnya, tidak ada definisi spesifik tentang apa itu, terutama jika kita menerapkan istilah ini pada produk digital, tidak ada definisi nyata tentang apa itu produk digital, apalagi tergantung pada pendekatan yang Anda inginkan, tetapi untuk atur definisi dasar dengan apa yang bisa kita kerjakan:

“Sistem desain adalah serangkaian elemen yang dapat digunakan kembali, definisi dan pola yang digabungkan antara dapat digunakan untuk membangun produk.”

Mari kita perjelas, sistem desain lebih dari komponen UI yang disatukan dapat menghasilkan desain yang lebih kompleks, komponen desain juga bukan templat. Sistem desain adalah DNA dari produk digital terorganisir. Ini termasuk juga identitas merek atau produk yang sedang dibangun, arsitektur informasi, nada dan pendekatan, dan akhirnya kriteria penggunaan masing-masing komponen yang membentuk sistem desain.

Anda dapat membuat sistem desain serumit yang Anda inginkan, Anda mengatur tingkat fragmentasi komponen, bagaimana secara rinci pada setiap komponen yang ingin Anda rancang dan bangun, yang akan menetapkan aturan ketika menggunakannya dalam membangun atau meningkatkan kualitas Anda. desain.

Mengapa Anda harus mulai menggunakannya?

Sistem desain adalah perpanjangan dari templat, templat yang dirancang khusus dan terperinci yang memperhitungkan setiap aspek produk dan menetapkan dasar perancah setiap konten yang dapat dibuat dengan mereka, di bawah ini ada beberapa fasilitas pengaturan sebuah sistem desain ketika membangun proyek.

Prototyping yang hampir tanpa usaha

Sistem desain tidak perlu berupa definisi komponen akhir atau modul pada produk akhir, tetapi juga dapat dibuat dari elemen-elemen dari serangkaian wireframe yang perlu diuji dengan pengguna sebelum membuat solusi akhir. . Tetapi ketika bekerja dengan prototipe kesetiaan tinggi, memiliki sistem desain dapat berarti bahwa Anda dapat mengusulkan solusi yang berbeda untuk masalah yang sama dan mengujinya terhadap pengguna.

“Menghasilkan prototipe dengan ketelitian tinggi akan semudah membuat halaman baru, memanggil komponen yang tepat dari sistem desain Anda dan menghubungkannya dengan titik akhir yang berbeda dari perjalanan pengguna Anda.”

Pada awalnya, akan membutuhkan waktu untuk mendefinisikan setiap komponen dan setiap variabel dan atribut yang akan membentuk bagian dari sistem desain, tetapi begitu setiap elemen sudah ada, muncul halaman, layar atau fitur akan menjadi masalah mengatur komponen spesifik dengan cara tertentu dan dorong hidup.

Memperbaiki proses iterasi

Produk yang baik adalah benda hidup dan berevolusi, mereka terus meningkatkan fitur-fiturnya, menambahkan yang baru, menghapus beberapa yang sudah usang atau tidak digunakan, selalu berubah untuk baik atau buruk, menjadikan pengguna sebagai variabel utama persamaan.

Refactoring dan meningkatkan komponen dari sistem desain lebih mudah karena komponen mandiri dan sudah memiliki informasi dan fungsi yang cukup sendiri yang tidak memerlukan elemen tambahan untuk bekerja pada mereka.

Dengan sistem desain di tempat, lebih mudah untuk mengidentifikasi dan bekerja pada komponen-komponen yang memengaruhi fitur-fitur itu, bekerja lebih efektif dalam meningkatkan pengalaman pengguna produk dan juga membantu pelacakan bug dan mengurangi jumlah konflik antara berbagai bagian dari produk.

Buat pembaruan desain lebih mudah

Ketika bekerja pada proyek kolaboratif di mana banyak orang bertanggung jawab atas berbagai aspek proyek, dan khususnya dalam desain, lebih mudah untuk memperbarui dan memvalidasi perubahan desain ketika mereka mempengaruhi komponen perpustakaan tertentu yang ketika diperbarui secara otomatis diperbarui di seluruh keseluruhan. produk di mana itu digunakan, bersama-sama dengan menggunakan alat prototyping kooperatif seperti Figma atau perangkat lunak kontrol versi seperti Abstrak untuk file Sketsa, dapat membuat hidup lebih mudah dari beberapa desainer yang bekerja pada perancangan aspek-aspek berbeda dari suatu proyek pada saat yang sama.

Serah terima proyek antara desainer dan pengembang

Salah satu langkah dalam proses membangun produk yang menciptakan lebih banyak kerumitan adalah proses ketika desain menjadi kenyataan, baik itu dengan mengekspor desain dari alat prototyping atau dengan membangunnya dari awal dengan menggunakan spesifikasi desain dari prototipe bersama.

Dengan sistem desain yang ada, lebih mudah untuk menetapkan pembuatan setiap halaman dan elemen dari suatu produk dengan memecah setiap komponen dan mengembangkannya secara individu dan kemudian, ketika perpustakaan siap, panggil setiap komponen ke setiap lokasi di tempat terakhir dari produk.

Ini juga membantu pada pengujian QA dari setiap komponen karena dengan menjadi elemen yang terisolasi Anda bisa mendapatkan akses ke tampilan elemen dan memberikan umpan balik dan memperbarui kode hingga valid dan sesuai dengan desain.

Identifikasi dan replikasi pola

Ketika datang dengan solusi pengalaman pengguna, kadang-kadang beberapa masalah diselesaikan dengan solusi berulang dan solusi ini sebagian besar melibatkan interaksi yang sama yang dilakukan oleh pengguna, dengan menggunakan sistem desain, mereka dapat dengan mudah diidentifikasi dan menanggalkan desain sehingga bahwa komponen yang digunakan dalam salah satu perjalanan ini dapat dengan mudah direplikasi dalam skenario yang berbeda dan karenanya menyelesaikan masalah yang berbeda dengan cara yang lebih efektif waktu.

Tanpa masuk terlalu jauh ke dalam apa yang terlalu jauh ke dalam apa pola UI dan UX, itu adalah tingkat berikutnya ke dalam interaksi antara komponen, oleh karena itu jika kita membuat sistem desain yang tidak hanya ditentukan oleh komponen yang lebih kecil tetapi juga antara layar, modul, dan interaksi. antara mereka dan disimpan dan diatur, ketika pengguna harus menggunakan pola yang sama di bagian lain dari situs web, aplikasi atau platform yang mudah direproduksi dengan mengubah IA dan titik akhir dari itu.

Mendokumentasikan desain dan kode

Mendokumentasikan suatu proyek adalah salah satu langkah paling menyakitkan bagi perancang dan pengembang yang bekerja dalam suatu proyek karena harus ada konsistensi dalam proses dan elemen-elemen yang didokumentasikan. Memiliki sistem desain pada tempatnya, baik dalam tahap desain dan ketika sedang dikembangkan membantu membangun basis dokumentasi, karena sudah ada perpustakaan komponen yang tersedia dengan variasi dan keadaan yang berbeda.

Fakta bahwa sistem desain dibangun berdasarkan struktur yang jelas dan mudah, dapat diakses oleh pengembang yang baru dalam suatu proyek, memungkinkan pengembang untuk mengerjakan dependensi berdasarkan tugas mereka tanpa harus mengetahui keseluruhan aplikasi.

Dengan cara yang sama, mendokumentasikan produk dengan mendefinisikan elemen-elemen yang berbeda dari sistem desain membuatnya lebih mudah bagi desainer untuk mendapatkan gambaran yang lebih jelas tentang panduan gaya aplikasi tertentu dan membantu mereka mendapatkan gagasan tentang pendekatan, nada, dan niat menuju pengguna akhir.

Jadikan produk lebih unik

Mari kita bersikap realistis, sebagian besar produk yang dibangun saat ini dimulai dari kerangka kerja yang telah ditentukan sebelumnya yang menetapkan basis, dalam beberapa kasus UI dan gaya elemen, dan oleh karena itu mencoba membuat produk sendiri berarti bekerja di atas rangkaian perangkat ini. panduan aturan dan gaya yang pada akhirnya akan menjadi tampilan dan nuansa produk Anda. Dengan menciptakan sistem desain, Anda akan memiliki kebebasan untuk memanipulasi komponen apa pun untuk menyesuaikannya dengan persyaratan desain Anda, dan memastikan bahwa dengan mencampurnya bersama-sama, solusi akhir akan memiliki karakter, nada, dan pendekatan sendiri yang ingin Anda sebagai seorang desainer inginkan. berikan ke seluruh gabungan elemen.

Sistem desain membantu Anda menjaga proyek tetap rapi dan terorganisir.

Kapan sebaiknya Anda menggunakan sistem desain?

Biasanya, sistem desain banyak digunakan untuk platform online, aplikasi, atau situs web lengkap, tetapi bahkan pengalaman pengguna sekecil apa pun dapat mengambil manfaat dari sistem desain, fakta-fakta yang disebutkan di atas dapat membuat bahkan menciptakan halaman arahan paling sederhana pun dapat menjadi pekerjaan yang lebih mudah bagi kedua desainer. dan pengembang dan menambahkan nilai tambahan seperti memfasilitasi penggunaan pengujian A / B, prototyping , desain iterasi berdasarkan perilaku atau persyaratan pengguna dan evolusi dari perspektif merek atau produk.

Tidak ada aturan yang pasti tentang seberapa banyak sistem desain perlu dikembangkan untuk setiap proyek, pengarahan itu sendiri akan menentukan seberapa rumitnya kebutuhan itu, tetapi akan selalu siap digunakan untuk memberi saran pada tingkat kompleksitas yang kita inginkan untuk membangun sistem desain, selalu ingat bahwa tujuan akhir dari itu adalah memfasilitasi tugas kita membangun solusi akhir.

Bagaimana Anda mengaturnya?

Anda akan menemukan nada contoh dan pedoman online tentang cara mulai membuat sistem desain Anda, tetapi kenyataannya adalah bahwa berdasarkan pengalaman saya, setiap proyek berbeda dan cara Anda dapat mendekati membuat sistem desain untuk itu juga berbeda.

Satu-satunya saran saya di sini adalah mulai dari besar hingga kecil, mengidentifikasi modul-modul yang mengandung lebih banyak komponen kecil, dan memecahnya berdasarkan fungsionalitas atau grup elemen, kemudian memecahnya menjadi potongan-potongan kecil dan kemudian mulai membangun negara yang berbeda untuk mereka.

Saya kira ini akan menjadi pendekatan terdekat dengan Desain Atom , sesuatu yang dapat diterapkan pada sistem desain, yang ditulis oleh Brad Frost dapat memberi Anda beberapa wawasan tentang bagaimana merencanakan dengan lebih baik pembuatan sistem desain Anda.

Kesimpulan

Sekalipun sistem desain bukanlah fitur wajib dari sebuah proyek untuk membuatnya berhasil, itu harus selalu dipertimbangkan dan dipikirkan semua kelebihan dan nilai tambahan yang menambah produk digital, dan sama trendnya dengan itu, setiap proyek produk yang sedikit digital harus memasukkannya.

Ada banyak sumber daya dan templat yang telah ditentukan sebelumnya untuk dikerjakan yang akan membantu Anda mendefinisikan sistem desain Anda, tetapi itu hanya akan menetapkan basis organisme yang lebih kompleks yang akan menjadi perancah proyek Anda, tidak ada alasan untuk takut membuatnya rumit, karena kita akan selalu bertugas mendefinisikan kompleksitasnya.

 

 

 

 

 

 

sumber:Medium Luis marvelapp.com
RELATED ARTICLES
- Advertisment -

Most Popular

Recent Comments