Kekuatan Struktur – Panduan untuk Merancang Model Sistem

Sistem desain membantu organisasi mempertahankan konsistensi pengalaman di berbagai produk, layanan, dan bisnis. Meskipun umumnya terkait dengan panduan visual dan pustaka komponen, sistem desain sama sekali berbeda. Karena semakin banyak perusahaan menyadari nilai kesinambungan desain, tim sistem desain yang baru dibentuk menetapkan praktik terbaik untuk memastikan relevansi jangka panjang dari upaya desain organisasi mereka.

Ketika banyak orang terlibat dalam pengejaran desain yang sama, pertanyaan umum muncul. Jika jawaban atas pertanyaan-pertanyaan tersebut tidak tersedia atau tidak mudah dipahami, konsistensi desain akan diabaikan . Masukkan sistem desain.

Meskipun populer dalam diskusi desain kontemporer, akar sistem desain berjalan selama beberapa dekade di dunia penerbitan surat kabar dan majalah. Bahkan sekarang, hierarki sistematis halaman editorial terlihat jelas, dengan pola yang telah dikonfigurasikan sebelumnya memungkinkan penempatan teks dan visual yang konsisten.

Setelah tahun 2007, masuknya bisnis digital memaksa bisnis untuk lebih memperhatikan kohesi desain di seluruh produk dan platform. Penekanan pada panduan visual dan pustaka komponen diikuti, tetapi dokumen semacam itu dengan cepat mengapur di halaman PDF dan file bersama. Melalui trial and error, pembuat sistem desain modern telah melihat pekerjaan mereka sebagai produk hidup, bukan dokumen statis.

Zalando adalah pasar mode online terkemuka di Eropa. Atlassian dianggap secara global untuk alat pengembangan perangkat lunaknya. Masing-masing memiliki tim produk yang besar dan kebutuhan desain yang kompleks. Apa yang dapat dipelajari dari model sistem desain mereka?

Zalando: Kolaborasi sebagai Model Sistem Desain

Zalando adalah pengecer online alas kaki dan pakaian jalanan kelas atas terbesar di Eropa. Dengan lebih dari 1.900 merek, etalase digitalnya yang besar dikelola oleh tim yang terdiri dari ratusan desainer dan pengembang. Untuk memastikan pengalaman belanja yang konsisten atas koleksi barang dagangan yang begitu luas, perusahaan mengandalkan sistem desain yang sangat terstruktur.

Orang mungkin berpikir bahwa mempertahankan sistem desain untuk merek terkenal akan membutuhkan tata kelola yang ketat dan lingkaran pembuat keputusan desain yang ketat. Sebaliknya, pendekatan Zalando jelas bersifat kolaboratif. Daripada melihat sistem desainnya sebagai entitas yang sempurna di bawah ancaman entropi, Zalando mendorong tim fiturnya untuk menyumbangkan ide-ide baru sesuai kebutuhan. Bagaimana cara kerjanya?

Tujuan utama tim sistem desain (ZDS) Zalando adalah membantu tim fitur mengembangkan komponen yang mereka butuhkan untuk membuat produk bersinar. Secara bersamaan, ZDS memastikan bahwa integritas sistem desain tidak terganggu. Dengan cara ini, ZDS adalah penghubung dan jaring pengaman.

Saat tim fitur Zalando membutuhkan solusi yang bertentangan dengan sistem desain perusahaan, tim tersebut akan mengirimkan kontribusi menggunakan Formulir Google sederhana. Saat tiket kontribusi diterima, ZDS meninjau dan mengkategorikan permintaan perubahan sebagai Ringan , Sedang , atau Berat . Setiap kategori memiliki urutan tinjauan, desain, dan iterasi kolaboratifnya sendiri.

Setelah kontribusi berhasil melewati proses ini dan menjadi kenyataan, tim ZDS memperbarui portal sistem desain yang dibagikan secara terpusat, menampilkan perubahan dalam demo mingguannya, dan mengomunikasikan pembaruan tersebut kepada pemangku kepentingan dan pelanggan.

Kesederhanaan model kontribusi Zalando memungkinkan beragam suara di perusahaan untuk memiliki suara dalam evolusi sistem. Secara filosofis, Zalando memandang sistemnya sebagai sebuah produk, bukan hanya sumber dokumentasi yang dimaksudkan untuk menjaga agar produk tetap selaras secara visual. Dari pandangan ini, aliran takeaways praktis yang berlaku untuk berbagai model sistem desain:

• Tata kelola itu penting, tetapi tim yang mengawasi sistem desain harus fokus pada keberhasilan tim lain dalam organisasi mereka.
• Jadikan proses kontribusi fitur sederhana, transparan, dan kolaboratif, dan dokumentasikan semua komunikasi.
• Mintalah desainer dan pengembang bekerja sama dalam perubahan sistem, sehingga mendorong bahasa sistem bersama.
• Buat daftar periksa yang memastikan setiap pembaruan pada sistem mengatasi masalah aksesibilitas.

Atlassian: Pemikiran Sistem Desain Dibayangkan Kembali

Atlassian menciptakan alat untuk pengembangan dan kolaborasi perangkat lunak, seperti Jira dan Trello.

Pada tahun 2017, Atlassian mengganti nama dan meluncurkan situs untuk pedoman desainnya. Secara bersamaan, perusahaan meng-host situs terpisah yang didedikasikan untuk komponen UI dan contoh kode yang sesuai.

Seiring berjalannya waktu, kedua situs tersebut menyatu , menyebabkan frustrasi dan kebingungan di antara tim desain dan pengembangan internal, vendor integrasi aplikasi pihak kedua, dan pelanggan Atlassian.

Menyadari keretakan yang berkembang antara desain dan pengembangan, Atlassian memilih untuk memikirkan kembali pendekatannya terhadap sistem desain. Tidak lagi dapat memperlakukan dokumentasi desain dan pengembangan hanya sebagai sarana untuk menghasilkan kode dan output grafis untuk produk Atlassian. Sistem desain harus dihormati sebagai produk tersendiri.

Untuk memahami sepenuhnya masalahnya, Atlassian menjalani audit eksternal dan mengeluarkan survei kepuasan pelanggan. Bisa ditebak, kedua situs itu dianggap tidak selaras dan ketinggalan zaman. Dengan reputasinya yang dipertaruhkan dan ekosistem besar desainer, pengembang, dan pemangku kepentingan yang meminta perubahan, Atlassian mengakui kekurangannya dan mulai menata ulang sistem desainnya.

Pada awal Agustus 2020, tim sistem desain (ADS) Atlassian meluncurkan panduan konsolidasi situs baru untuk merek, visual, konten, komponen, dan pola.

Selain itu, tim ADS:

• Memigrasikan setengah dari komponen UI-nya ke sistem baru (selebihnya sedang dalam proses)
• Tulis ulang dan sederhanakan dokumentasi di seluruh
• Pencarian yang ditingkatkan dalam sistem
• Menambahkan tautan kode klik untuk menyalin

Bukti paling jelas tentang kedewasaan pola pikir Atlassian berasal dari Desainer Utama ADS Jennie Yip: “Kesalahpahaman umum tentang sistem desain adalah bahwa begitu diterbitkan, mereka menjadi sumber kebenaran yang tidak dapat diubah. Sebuah sistem desain tidak pernah lengkap. Di Atlassian, kami mulai mengubah cara kami memandang sistem desain kami…menjadi entitas yang hidup dan bernafas.”

5 Prinsip Sistem Desain yang Patut Diingat

Kecanggihan hari ini adalah mata pisau tumpul di masa depan—masalah yang merembes ke semua disiplin desain. Alat dan platform untuk membuat dan menghosting sistem desain sangat banyak, tetapi perkembangan pesat desain digital membuatnya lebih menguntungkan untuk memikirkan sistem desain dalam kaitannya dengan prinsip panduan.

1. Sistem desain adalah produk digital.

Seperti semua produk digital, sistem desain memerlukan perawatan rutin. Sistem yang tidak aktif untuk waktu yang lama akan mengalami tidak digunakan dan membusuk.

2. Desain sistem bersifat kolaboratif.

Sistem desain harus melayani kebutuhan pemangku kepentingan yang mewakili berbagai fungsi bisnis. Menyediakan jalan untuk kolaborasi mencegah sistem dari yang ada dalam desain dan rekayasa silo dan memastikan bahwa ide-ide produk tidak diabaikan.

3. Sistem desain berkembang dengan kesederhanaan.

Sistem desain adalah tempat untuk menemukan jawaban, bukan mengumpulkan pujian untuk visual yang mencolok, animasi yang rumit, atau salinan yang cerdas. Informasi harus diatur dengan baik, mudah dinavigasi, dan dapat dicari, sementara deskripsi teks harus menyeimbangkan konteks dengan instruksi singkat.

4. Sistem desain membutuhkan strategi komunikasi dan keterlibatan.

Tim yang mengelola sistem desain perlu mempertimbangkan cara mengomunikasikan pembaruan dan fitur baru secara teratur kepada pemangku kepentingan. Buletin, sesi tanya jawab, dan strategi penjangkauan lainnya harus menginformasikan dan melibatkan: “Inilah perubahannya. Inilah sebabnya mengapa Anda harus peduli. ”

5. Sistem desain terpusat.

Sistem desain harus dapat diakses di satu lokasi berbasis cloud. Menavigasi sistem atau memperoleh aset seharusnya tidak memerlukan pengetahuan tentang program desain tertentu. Dan ingat, menerbitkan pedoman terpisah untuk desain dan pengembangan adalah jalan pasti menuju disonansi produk.

Kekuatan Fleksibilitas Struktural dalam Desain

Sistem desain tidak dimaksudkan untuk menjadi monolit, besar dan mengesankan, selamanya tidak berubah. Mereka juga bukan hanya repositori untuk komponen dan gaya desain. Mereka hidup, bernapas produk, usaha organik yang membutuhkan penanaman dan pemangkasan. Dengan demikian, mereka layak mendapatkan tim khusus yang terdiri dari desainer yang berkomitmen untuk pemeliharaan dan pembaruan berkelanjutan mereka. Bagaimanapun, sistem desain tidak pernah selesai.

Pada akhirnya, sistem desain terbaik bersifat lugas, kolaboratif, dan fleksibel. Mereka menjawab pertanyaan desain yang mendesak dengan jelas, menerima masukan dari berbagai pemangku kepentingan, dan memprioritaskan solusi yang ampuh daripada formula dogmatis.

Beri tahu kami pendapat Anda! Silakan tinggalkan pemikiran, komentar, dan umpan balik Anda di bawah ini.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• Konsistensi Adalah Kunci – Bagaimana Membangun Sistem Desain Figma
• Memahami Sistem dan Pola Desain
• Figma vs. Sketch vs. Axure – Tinjauan Berbasis Tugas
• Mengapa Menggunakan Desain Material? Menimbang Pro dan Kontra
• Masa Lalu Masih Ada – Gambaran Umum Desain Abadi