🎨

Collaborasi Desainer dan Developer yang Efektif

Aug 10, 2024

Hubungan Desainer dan Developer

Permasalahan

  • Desainer vs Developer:
    • Desainer tidak suka hasil developer tidak sesuai dengan desain.
    • Developer tidak suka desain yang terlalu rumit untuk diimplementasikan.

Solusi: Desain Handover

  • Desain Handover: Proses transfer file desain dari desainer ke developer agar desain dapat dimengerti dan digunakan oleh developer.

Pengalaman Pribadi

  • Kuko Aldianto: UI/UX desainer dari duweb.com
    • Pengalaman bekerja di tim sendiri dan agensi web desain di Australia.

Tips Handover

Nonteknis

  1. Tanya Langsung ke Developer: Komunikasikan kebutuhan developer (font, kode warna, icon, dll).
  2. Ajak Developer Pakai Inspect Panel di Figma:
    • Fitur Dev Mode di Figma untuk inspect elemen.
    • Developer bisa melihat dan mengekspor elemen desain.
  3. Ajarin Developer Cara Ekspor Gambar di Figma:
    • Proses eksport gambar dan icon (format PNG, JPG, SVG).
  4. Ajak Developer Gunakan Fitur Komentar di Figma:
    • Komunikasi mengenai aset, flow, dan desain secara keseluruhan.

Teknis

  1. Rapikan File Desain: Singkirkan elemen tidak terpakai, buat halaman draft.
  2. Kasih Nama Halaman dan Frame: Mudahkan developer navigasi desain.
  3. Bikin User Flow: Untuk project mobile app, bikin flow atau sitemap sederhana.
  4. Bikin Prototype: Untuk project web app atau mobile app, tunjukkan interaksi desain.
  5. Bikin Style Guide: Daftar style (font, color, button) dan elemen desain lainnya.
  6. Bikin Custom Thumbnail: Agar file terlihat rapi di dashboard Figma.

Jika Developer Tidak Mengikuti Desain

  • Konsultasi ke Project Manager: Biarkan Project Manager memutuskan.
  • Pertimbangan Developer: Efisiensi waktu dan resource.
  • Saran untuk Developer Malas: Kerja lebih keras karena ada banyak orang yang membutuhkan pekerjaan.

Kesimpulan

  • Fleksibilitas dan Penyesuaian: Sesuaikan tips dengan tim masing-masing.
  • Ajakan Berbagi: Koreksi dan saran diterima untuk belajar bersama.

Promosi Produk:

  • Rekomendasi HPanel dari Niagahoster untuk membuat website.
  • Diskon 10% dengan kode kupon.
  • Website Builder yang mudah tanpa perlu coding.

Penutup:

  • Kuko Aldianto pamit.
  • Ajak follow Instagram dan TikTok untuk tips freelance dan UI/UX design.
  • Share video untuk belajar bersama.