Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

3 Tips untuk Mempersiapkan Dokumentasi UX yang Lebih Baik

by
Length:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Sela Sinta (you can also view the original English article)

Dokumentasi UX (UX documentation) adalah semua tentang men-tracking detail spesifik dari desain Anda untuk memastikan implementasi terjadi dengan lancar. Setelah semua proses perulangan dari desain, penelitian, dan kritik, penting untuk tidak mengabaikan transisi penting ini dari desain ke kode yang berfungsi.

Inilah cara menyusun spesifikasi desain ringan Anda dan memastikan hasil akhirnya sama halusnya dengan yang Anda bayangkan!

Komponen Dokumentasi UX

Apa yang dibutuhkan para pengembang untuk menerapkan desain Anda? Ini dapat bergantung pada hubungan kerja Anda, dan kompleksitas proyek Anda. Apa pun itu, ketahuilah bahwa suatu desain berisi banyak lapisan informasi sehingga lebih baik untuk berkomunikasi secara berlebihan daripada membiarkan segala halnya terbuka hanya dalam interpretasi.

  1. Design Mockups: menampilkan spesifikasi style seperti garis merah untuk penentuan posisi, warna, palette, typeface.
  2. Interaksi: menunjukkan cara kerjanya, baik melalui alur atau klik-tayang.
  3. Spesifikasi tambahan: apa pun yang mungkin terlewatkan dari kategori sebelumnya. Ini dapat membuat ketergantungan pada tim lain, item apa pun yang dapat berubah dalam waktu dekat, atau detail implementasi spesifik.
  4. Asset: resource  yang digunakan dalam desain, seperti ikon, gambar / audio / video /copy yang dioptimalkan, dll.

Tools

Saat ini, ada beberapa tools desain yang memiliki spesifikasi bawaan, baik sebagai integrasi atau sebagai bagian dari alur kerja. Lihat mereka untuk melihat mana yang paling cocok untuk tim Anda.

httpuxtoolscotoolshandoff
uxtools.co/tools/handoff

Figma

Mirip dengan InvisionApp, dalam hal ada pandangan yang memberikan pengembang kemampuan untuk memeriksa, menyalin, dan meng-export asset desain. Tool berbasis web yang mencakup kemampuan untuk membuat situs web, aplikasi mobile, dan berkolaborasi secara real time dengan rekan satu tim.

Adobe XD

Sekarang gratis. Solusi UX / UI lengkap untuk mendesain situs web, aplikasi mobile, dan lainnya. Menghasilkan link eksternal untuk spesifikasi, termasuk fitur perlindungan password.

InvisionApp

Desain produk, alur kerja, dan platform kolaborasi. Termasuk mode Inspect untuk menghasilkan pengukuran, warna, dan asset desain dengan mudah. Jelajahi dan akses dimensi layar — termasuk posisi, palette, typeface, font, code, asset preview, asset download function.

Zeplin

Desain tool yang bagus, dengan integrasi ke Slack dan Sketch (hanya Mac) untuk membuat kolaborasi Anda dengan developer jadi lebih mudah. Anda juga dapat mengekspor file desain Anda dari Figma, Photoshop, atau XD langsung ke Zeplin. Fitur Commenting sangat membantu dan pada halaman yang sama dengan spesifikasi sebenarnya.

Pelajari Lebih Lanjut Tentang UX Tools

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.