Langsung ke konten utama

yang dilakukan setelah UI Final?

Setelah proses design dan research yang panjang, akhirnya design final pun disepakati dan sudah bisa masuk proses development. Lalu apa ajasih yang perlu kita persiapkan untuk proses selanjutnya?


1.Prototyping
Yang paling utama adalah menyerahkan hasil prototyping, bisa menggunakan adobe XD, marvel, Zeplin dan lain lain. kalau saya biasa menggunakan adobe xd, karna di adobe XD sudah bisa memenuhi kebutuhan developer, mulai dari font, margin, hingga kode warna.


2. Spek maksimal karakter
Jadi kaloau misal di blok elemen tertentu kemungkinan kita ga bisa elipsis, nah harus ada maksimal karakter.

3. Interaksi
Cek dari segi interaksinya, jika di tap, hover, swipe, dll itu bakal seperti apa?Dan apakah interaksi nya bisa di pake di iOS lama atau tidak

4. Asset
tentunya asset, kalau di adobe XD sudah ada fitur export asset, dan biasanya ukuran yang dibuat sudah di X2 dari aslinya. Biasanya sih setelah export langsung saya upload ke Google Drive

5. Make sure untuk di setiap device bakal seperti apa auto layoutnya
Device user tentunya sangat bervaritif, jadi kita harus memastikan design di layout device yang lain

6. Micro interaction
Jika ada sebuah micro interaction sebaiknya kita memberi referensi di codepen.io atau lainnya, atau bisa juga di buat video gif atau semacamnya


7. Komunikasi yang baik
Komunikasi yang baik dengan developer sangat penting, biasanya dibuat dokumentasi supaya semuanya tersusun dengan rapih :)
Nah culture di setiap perusahaan biasanya berbeda beda, jadi ga harus sama persis seperti yang saya tulis, yang saya tulis adalah yang biasa saya lakukan.

terimakasih :)

Komentar

Postingan populer dari blog ini

Apasih UI dan UX itu?

Apa itu UI? apa itu UX? Banyak yang beranggapan keduanya itu sama, banyak juga yang beranggapan keduanya itu berbeda. hmm.. coba kita bahas satu persatu dan tolong dikoreksi bila salah. User Experience design (UX design) singkatnya UX Design adalah pengalaman pengguna dalam menggunakan produk, sistem atau layanan tertentu. http://saga-islamicnet.blogspot.com/2016/05/belajar-dari-pengalaman.html Contohnya sederhananya adalah saya membuat handle kulkas tepat berada di samping atas pintu, yang bertujuan memudahkan seseorang membukanya. User Interface design (UI design) sedangkan UI Design secara sederhana adalah output atau keluaran visual dari UX itu sendiri. https://blog.prototypr.io/hyperloop-interface-around-the-world-in-a-minute-93552c1dcf64 Contoh sederhananya adalah saya membuat warna, bahan, tampilan dari kulkas supaya menarik dan mudah digunakan. Jadi? UI dan UX adalah kesatuan yang tidak bisa dipisahkan, saat kita membuat UX kita juga harus memikirk...

Berkenalan dengan HEART Framework

Bermula dari percakapan di grup Telegram dengan beberapa senior saya mendapat referensi baru yaitu “HEART Framework” https://dribbble.com/shots/4232531-My-heart-flips-for-you Heart Framework diciptakan untuk membantu tim UX lebih fokus ke aspek spesifik experience yang ingin ditingkatkan, serta mengidentifikasi tujuan dan metrik experience pengguna untuk mengukur keberhasilan. Oiya, framework ini diciptakan oleh para pakar UX di Goolgle, dan di indonesia juga diterapkan di beberapa Startup seperti Tokopedia. HEART Frawork merupakan singkatan dari happines, engagement, adoption, retention, task succes. Berikut penjelasannya : Happines  : Bagaimana perasaan user tentang produk Anda? Happines biasanya diukur dengan survei kepuasan pengguna, peringkat dan ulasan aplikasi, dan NPS(Net Promoter Score). Engagement : Seberapa sering orang kembali menggunakan produk? Engagement dapat diukur dengan jumlah kunjungan pengguna per minggu, lama sesi, atau tindakan,...