Desain Seperti apa?

Halo! Kali ini saya akan membahas tentang salah satu syarat untuk mendesain suatu prototype yaitu design guideline. Apasih itu design guideline dan pengaruh apa yang bisa didapatkan jika menggunakan design guideline? Berikut saya jelaskan :D

Design Guideline

Konsistensi merupakan salah satu syarat dalam membuat desain interface yang baik, karena dengan adanya suatu kekonsistensian dalam pembuatan desain interface kita dapat lebih mudah untuk mendesain dan hasilnya juga akan lebih mudah dimengerti oleh user.

Untuk melaksanakan syarat konsistensi tersebut, tim kami membuat design guideline agar saat pembuatan mockup atau prototype nanti, kita dapat mengimplementasikan bagaimana suatu desain dapat konsisten baik dari segi warna maupun tulisan.

Guidelines for Teman Bisnis Customer Database & Analytics

Penjelasan Guideline

Masing-masing guideline mempunyai tujuan, berikut akan saya jelaskan apa saja tujuan yang dimaksud.

1. Colors

Bagian warna

Salah satu bagian yang penting dalam design guideline. Jika tidak menggunakan warna yang ditentukan, tim developer bisa saja memakai warna yang berbeda-beda setiap mereka ingin menambahkan warna dalam konten yang akan dibuat.

2. Font

Bagian font

Dalam penulisan teks, penggunaan font dapat membuat estetika suatu desain aplikasi meningkat. Tidak hanya itu, tim developer juga dapat terbantu untuk mendesain bagian teks mana yang membutuhkan font spesifik.

3. Icons and other Assets

Penggunaan icon dari fontawesome library

Kali ini dalam penggunaan icon, tim kami sepakat untuk memakai library dengan icon yang banyak dan dapat digunakan secara gratis. Salah satu kegunaan icon adalah untuk memudahkan user dalam navigasi, seperti dalam sidebar dan search button. Penggunaan icon harus hati-hati, karena jika menggunakan icon yang tidak merepresentasikan suatu kegiatan yang berhubungan maka user dapat merasa kebingungan jika tidak ada petunjuk lainnya.

Desain logo aplikasi

Logo ini di desain cukup agak terlambat ketika prototype sudah selesai dibuat. Mendesain logo ini dipergunakan untuk memudahkan ‘branding’ dari aplikasi yang akan kita buat nantinya agar mudah dikenali ketika aplikasi sudah dalam tahap penyelesaian.

Hasil Mockup or Prototype

Berikut hasil mockup yang sudah tim kami rancang, meskipun ada beberapa bagian yang belum mengikuti guideline.

Mockup Website untuk menampilkan data

Mockup android ‘dummy app’ untuk track data user

Penutup

Setelah belajar bagaimana mendesain suatu aplikasi hingga menghasilkan mockup. Banyak sekali kesalahan yang dilakukan, tetapi dari kesalahan teresbut saya banyak belajar untuk bagaimana kedepannya melakukan langkah-langkah design process dengan baik.

Terima kasih telah membaca! :D