Cara Handover ke Developer

Kalau kamu udah selesai melakukan proses design. Langkah selanjutnya yang kamu lakukan apa? Yeap betul, lanjut ke tahapan handover. Tapi, apasih proses handover itu? apa cuma pindah tangan pekerjaan dari designer ke developer?

Jadi gini gais, tahapan handover merupakan..

tahapan pindah tangan pekerjaan yang sebelumnya dikerjakan oleh designer beralih menjadi pekerjaan yang dikerjakan oleh developer.

Walau pekerjaan dialihkan, namun proses kolaborasi antara designer dan developer engga berhenti disana, biasanya ada proses diskusi dan juga Quality Assurance (QA) yang melibatkan Designer juga.

Untuk mempermudah proses handovermu ke developer, kamu bisa menggunakan bantuan tools seperti:

1. Figma
2. Zeplin

Tools Design Handover

Design handover on Zeplin

Design handover on Figma

Perlu di inget, kedua tools (Zeplin dan Figma) hanya membantu kamu untuk mempermudah proses handovermu.

Terkadang, kita sebagai designer lupa bagaimana cara kerja dari proses handover tersebut. Tapi tenang, kamu bisa menirukan apa yang dilakukan oleh Zendesk team ketika mereka sedang melakukan proses handover.

Check it out gais👇🏻

Tempatkan small notes disamping Design mu yang berisikan penjelasan singkat tentang designmu yang kira2 perlu penjelasan lebih. Kamu bisa gunakan small notes tersebut untuk menjelaskan Interactions Behavior atau State yang tidak terlihat di mockup. Credit: Kerjaannya team Zendesk, @jesseddy.

Lakukan hal yang serupa disetiap artboard dengan pesan yang relevan dan singkat. Ini akan mempermudah komunikasi mu dengan developer, bahkan dengan stakeholder lainnya sehingga rekam jejak pun terlihat lebih jelas.

Skill ini dinamakan Dokumentasi, skill yang sebenernya mempunyai nilai jual yang tinggi. Tapi masih sangat jarang yang punya dan jarang banget yang ngelatih. Skill dokumentasi ini akan sangat berguna dan penting ketika kamu sedang membangun sebuah Design Systems.

Jadi, kalau semisal kamu ingin menjadi seseorang yang bertanggung jawab terhadap design systems kamu harus bisa dan terbiasa dengan yang namanya dokumentasi.

At least, kamu mau belajar dan terus melakukan improvement tentang bagaimana caranya dokumentasi desain yang baik.

Anw aku mau kasih link Figma untuk memudahkan proses dokumentasi mu, Disana kamu bisa download file yang berisikan small notes untuk ngebuat dokumentasi kamu seperti contoh diatas.

Annotation kit tidak hanya berisi small notes tapi juga variant notes lainnya dan variasi arrows. Created by Mixpanel team. Download disini.

Small notes dengan berbagai macam variant warna dan bentuk created by Edgar Franco. Download disini.

Semoga penjelasan dan resource ini membantu mu untuk jadi designer yang lebih baik lagi kedepannya. Next, kita akan bahas [Artikel selanjutnya] yang di artikel selanjutnya kita akan kupas tuntas ….

Ternyata, pekerjaan seorang designer engga hanya ngedesign aja ya. 🙂

Follow Medium HaloDesigners untuk dapet update2 selanjutnya.

Dan follow juga Instagram kita @halodesigners untuk belajar bersama UI Design, UX Design dan UX Research bareng temen2 yang baru memulai dan profesional lainnya. Terakhir kita lagi ada topik seru ngebahas gimana cara ngerjain take home assignment UX Design.

Kalo kamu lagi hunting kerjaan atau magang sebagai UI Designer, UX Designer, UX Researcher atau UX Writer, beberapa hari lalu ada perusahaan unicorn besar (Gojek, Traveloka dan Bukalapak) yang nge post di HaloDesigners.com untuk role yang mungkin cocok dengan profil mu.

Stay curious, stay safe!