Mari kita mulakan dari awal

Sistem reka bentuk. Dalam beberapa tahun kebelakangan ini istilah ini ada di mana-mana. Bagi kami, pereka bentuk, definisi dan kegunaan sistem reka bentuk adalah jelas. Walau bagaimanapun, untuk ahli pasukan lain, ia tidak selalunya begitu jelas. 

Jika anda sudah tahu apa itu sistem reka bentuk, jangan teragak-agak untuk terus ke perenggan komunikasi.

Pada 2018, Usabilis menawarkan penerangan ini: Sistem Reka Bentuk adalah seperti perpustakaan komponen (perpustakaan), visual dan prinsip dengan kod yang boleh digunakan semula. Kit berskala ini menawarkan repositori UX dan UI untuk pereka bentuk dan pembangun produk dan perkhidmatan digital. Ok, tetapi tanpa jargon teknikal? 

Kita boleh membandingkan sistem reka bentuk dengan dapur yang besar. Terdapat banyak bahan dan resipi yang membolehkan anda menggunakan bahan-bahan ini dengan betul.

Tukang masak sistem reka bentuk ialah pereka (UI dan UX) dan pembangun. Ia adalah kepada mereka bahawa sistem reka bentuk akan berkhidmat paling banyak. Pereka bentuk akan memilih bahan-bahan (membuat komponen), menulis resipi (membuat model) dan memberikannya kepada pembangun yang akan memasak hidangan (membangunkan laman web, aplikasi, dll.).

Dengan menggunakan dapur biasa, menggunakan bahan yang sama dan resipi yang sama, pereka bentuk dan pembangun pasti mempunyai konsistensi pada semua hidangan yang dihantar ke bilik (dalam pengeluaran) dan lebih-lebih lagi untuk mendapatkan hasil yang dibangunkan sangat hampir atau sama dengan model yang dicipta di hulu.

Dan itu bukan kelebihan utama sistem reka bentuk! Malah, aset utamanya ialah kepantasan pelaksanaan yang membolehkan keseluruhan pasukan produk (pereka + pengembang). Komponen yang sudah sedia, anda hanya perlu memasangnya untuk mencipta halaman baharu, antara muka,…! Kami sering membandingkan sistem reka bentuk dengan Lego, ia bukan sia-sia.

Faedah utama lain datang daripada kemas kini komponen. Sesungguhnya, semua komponen sedang "disambungkan" ke perpustakaan, kemas kini salah satu daripadanya secara langsung di perpustakaan memungkinkan untuk mengemas kini komponen dengan mudah di mana sahaja ia digunakan. Menjimatkan masa, menjimatkan usaha (tidak perlu mencari dengan tangan di mana komponen digunakan!), apa lagi yang anda boleh minta?

Penafian: untuk pembangun, sistem reka bentuk hanya mempunyai kelebihan untuk bahagian hadapan. Ia sama sekali tidak menghilangkan kerumitan bahagian belakang dan peraturan pengurusan.

# Kandungan

Sistem reka bentuk umumnya terdiri daripada 2 sumber kerja. Sumber untuk pereka bentuk, serasi dengan perisian yang digunakan (Lakaran, Figma,…) dan sumber untuk pembangun, yang membentangkan semua komponen yang telah dibangunkan serta kodnya. Dalam kedua-dua kes, komponen yang terdapat pada sumber ini boleh "dipanggil" secara terus (sama ada dalam model untuk pereka bentuk, atau dalam kod untuk pembangun) yang menjimatkan banyak masa dan konsistensi pada realisasi.  

Semasa kita bercakap du sistem reka bentuk, selalunya kita merujuk kepada sumber dev kerana ia adalah apa yang digunakan dalam pengeluaran. Ini adalah elemen yang terkandung di dalamnya yang akan dilihat oleh pengguna akhir. Sumber pereka bentuk hanya bertujuan untuk kelihatan kepada pereka bentuk dan pembangun.

Tetapi apa yang ada di dalam? Baik ia bergantung. Sudah tentu terdapat garis panduan, banyak artikel yang menyenaraikan amalan terbaik. Jangan teragak-agak untuk tidak mengikuti mereka jika mereka tidak cukup sesuai dengan keperluan. Selain itu, menyediakan sistem reka bentuk adalah sesuatu yang sangat panjang. Melakukan semuanya sekaligus adalah rumit. Walau bagaimanapun, terdapat unsur-unsur penting yang hendak dituju, unsur-unsur yang kurang primordial yang masih bagus untuk dimiliki dan boleh kita tambah sepenuhnya kemudian.

Beberapa elemen kandungan penting:

• warna
• tipografi
• kurang jeriji
• komponen tersebut
• garis panduan penggunaan semua elemen yang dinyatakan di atas
• nada yang hendak digunakan

Mengikut pengalaman saya, isu utama semasa menyediakan sistem reka bentuk ialah:

• untuk syarikat: kos penubuhan dan penyelenggaraan yang akan menguntungkan dalam jangka panjang
• untuk pasukan yang akan menyediakan dan menggunakannya: menjangkakan ketibaan ahli baharu dalam pasukan dan komunikasi pereka-pembangun

Di sini kita akan memberi tumpuan kepada perkara yang memberi kesan secara langsung kepada pasukan.

Jika anda tertanya-tanya apa yang istimewa tentang kedatangan ahli masa depan, saya ada soalan untuk anda. Pernahkah anda mencuba memasak di rumah orang lain? Jika ya, adakah anda membuka semua almari dan laci untuk mencari bahan dan perkakas yang anda perlukan? Adakah anda terkejut kerana tidak menemui rempah yang anda anggap penting? Bagi saya, jawapannya adalah ya.

Ia betul-betul sama untuk sistem reka bentuk kami. Sama ada pembangun baharu atau pereka baharu yang menyertai pasukan, dia perlu dapat mencari perkara yang dia cari dengan cepat sendiri dan arahan penggunaannya cukup jelas untuk membolehkan dia menggunakan komponen dengan betul . Ini akan membolehkan pemula kami (sebut nama Fred) untuk dapat mengendalikan projek baharu ini dalam keadaan terbaik dan tanpa kekecewaan.

Kemudian timbul isu komunikasi. Dengan lanjutan tatanama dan susunan komponen dalam sistem reka bentuk. Sesungguhnya, untuk ahli pasukan (baru atau tidak) mencari jalan keluar, sistem reka bentuk mestilah sudah intuitif.   

Jika ahli pasukan menggunakan berbilang istilah untuk merujuk kepada komponen yang sama, lambat laun ia akan menjadi masalah.

Mari kita ambil contoh mudah : 

Sesetengah akan bercakap di sini tentang droplist, yang lain tentang dropdown. Yang lain dari senarai juntai bawah atau bahkan dari DDL. 4 nama yang mungkin untuk menetapkan satu komponen.

Jika untuk beberapa komponen sistem reka bentuk setiap orang menggunakan nama mereka sendiri, komunikasi antara orang akan menjadi lebih dan lebih sukar kerana setiap orang perlu berusaha untuk mengingati bahawa Lenny mengatakan "dropdown", Karl "DDL", Lisa "droplist" .

Oleh itu, masing-masing akan setiap kali menterjemahkan pemikiran yang lain. Dalam konteks ini, sekarang bayangkan Tony, ketibaan terbaru. Dia belum tahu bahawa rakan sekerja ini menggunakan nama yang berbeza untuk bercakap tentang perkara yang sama. Semasa perbualan, Lisa akan bercakap dengannya tentang "droplist". Itu bagus, Fred memerlukannya untuk kerjanya. Oleh itu, ia akan merujuk kepada sistem reka bentuk dan… tiada komponen yang dinamakan "senarai jatuh". Oleh itu, Fred memerlukan usaha tambahan untuk mencari komponen yang terkenal. Dia juga perlu mengetahui bahawa Lenny dan Karl menggunakan istilah lain. 

Sebaliknya, jika bercakap tentang warna seterusnya yang anda katakan "biru", dan seluruh pasukan menggunakan istilah yang sama, maka komunikasi akan berjalan lancar. Jika kita menyebut "komponen ini berwarna biru", semua orang di sekeliling meja akan mengetahui warna biru yang kita maksudkan.

Seperti yang anda boleh lihat, mempunyai satu tatanama untuk semua ahli pasukan, secara lisan dan dalam sistem reka bentuk, adalah sangat penting untuk mempunyai komunikasi yang lancar, dan juga untuk membolehkan pengendalian dan navigasi yang mudah dalam sistem reka bentuk.

# Menyelenggara dan mengemaskini sistem reka bentuk

Istilah utama dalam huraian Usabilis ialah "boleh berskala". Sistem reka bentuk dimaksudkan untuk bergerak. Ini bukan undang-undang yang diukir dalam batu: unsur-unsur yang menyusunnya boleh dikemas kini, yang lain boleh dibuat, komponen lama boleh dipadamkan. Sama seperti kita menyesuaikan resipi dengan citarasa kita selepas membuatnya beberapa kali, kita boleh menambah bahan-bahan baru untuk mendapatkan lebih banyak rasa, lebih kehalusan. 

Sistem reka bentuk bukanlah satu penghujungnya. Ia adalah alat yang berfungsi untuk pereka bentuk dan pembangun. Oleh itu, dia berkembang dengan pasukan dan projek.

Sistem reka bentuk tidak boleh dianggap sebagai projek dengan tempoh terhad. Komponen dan peraturan yang terkandung di dalamnya mungkin berubah. Variasi luar biasa beberapa komponen mungkin diperlukan. Oleh itu, adalah penting untuk terus memperuntukkan sumber (dev + designer) untuk memantau dan menyelenggara sistem reka bentuk. Jika ia ditinggalkan selama setahun, mengemas kini ia hampir sama seperti membuat semula semua kerja untuk menyediakannya. Ia sangat panjang. Tiada siapa yang mahu melakukan ini dua kali. Apatah lagi kos kepada perniagaan. Oleh itu, adalah penting untuk memperuntukkan sumber untuk penyelenggaraan dan evolusi sistem reka bentuk. Satu jam seminggu mungkin mencukupi bergantung pada tahap kematangan DS.

# Perkara utama

Jika anda sudah sampai sejauh ini, saya harap artikel ini telah membuka ufuk baharu untuk sistem reka bentuk anda, atau anda lebih memahami apa itu dan untuk kegunaannya.

Jika anda perlu ingat hanya beberapa perkara :

• Sistem reka bentuk ialah alat penciptaan dan komunikasi yang dibina oleh dan untuk pereka bentuk dan pembangun
• Ia memastikan konsistensi sesuatu produk
• Kos pelaksanaan dan penyelenggaraan sebahagian besarnya diimbangi oleh kelajuan pelaksanaan yang ditawarkannya kepada pereka bentuk dan pemaju
• Ia boleh berubah mengikut masa
• Ia harus dikemas kini dengan kerap