Yukk mengenal UI atau User Interface

  Hallo teman - teman dikesempatan kali ini kita akan membahas seputar UI atau User Interface. Kalimat UI atau User Interface tentu tidak asing lagi masuk ketelinga kita. Dimana UI atau User Interface merupakan tampilan visual sebuah produk sebagai jembatan sistem dengan pengguna (user).

Jadi, kira - kira apa ya yang dimaksud dengan UI atau User Interface? Yukk simak penjelasannya...

Pengertian UI atau User Interface

    UI atau User Interface merupakan tampilan visual sebuah produk sebagai jembatan sistem dengan pengguna (User) Tampilan UI bisa berupa bentuk, warna dan tulisan yang didesain semenarik mungkin. Secara sederhana, UI merupakan suatu tampilan produk yang dilihat oleh pengguna. 

    UI biasanya dikatakan sebagai perpaduan dari elemen grafis dan sistem navigasi. Dimana tampilan UI dirancang dengan desain beberapa aspek, mulai dari layout, gambar logo, pemilihan warna yang sesuai dan semua elemen yang memperindah tampilan tersebut.

Komponen Dasar Pembentuk UI

1. Tata Letak

    Pengaturan posisi semua elemen grafis UI yang baik pada dasarnya bersifat sederhana, dalam arti elemen grafis terutama untuk navigasi harus tertera dengan baik sehingga mudah dipandang dan digunakan. Sehingga pengguna bisa dengan cepat memahami pilihan fungsi yang ada.

2. Warna

    Pemilihan warna memiliki pengaruh yang besar dalam membuat desain antarmuka pengguna. Dimana penggunaan warna yang berbeda untuk setiap tombol dan ikon memudahkan pengguna menemukan fitur yang dicari dan digunakan.

3. Tipografi

    Dalam penggunaan jenis huruf yang tepat merupakan hal yang sangat penting karena elemen ini berperan dalam menentukan tingkat keterbacaan. Huruf di situs online, aplikasi, game dan lainnya tidak hanya harus mudah dibaca tetapi, juga enak dipandang.

4. Grafik

    Merupakan elemen visual yang utama gambar dan ikon bisa menjadi poin utama. Sebuah  logo yang memberi fungsi representatif pada model industri yang digleuti perusahaan tersebut.

Cara Kerja User Interface

• Persiapan

1. Menentukan masalah yang akan diselesaikan.
2. Mengenali pengguna produk.
3. Melihat yang dilakukan oleh kompetitor.
4. Mengumpulkan seluruh persyaratan produk.

• Wirefarm
• Mockup
• Prototype

Pengertian 3 Cara Kerja UI

1. Wireframe adalah sebuah sketsa kasar dari tampilan website atau aplikasi. Biasanya dipakai untuk menyusun tata letak awal pada sebuah desain. Wireframe bisa Anda coret memakai tangan maupun tools dari aplikasi khusus.
2. Mockup memberikan gambaran detail sebelum akhirnya produk dibuat. Mockup biasanya menggambarkan aspek desain visual, warna, gambar serta tipografi. Dengan mockup ini maka ide dapat diterjemahkan ke dalam bahasa yang mudah dimengerti tetapi mockup bersifat statis serta tidak dapat dioperasikan.
3. Prototype merupakan simulasi interaksi pengguna dengan tampilan interface produk sehingga pengguna bisa melihat serta berinterkasi dengan UI secara langsung. Protoype memang belum terlihat seperti produk akhir namun hampir mendekati

    Jadi itu dia pembahasan seputar UI atau User Interface, semoga bermanfaat dan semoga para pembaca bertambah wawasannya setelah membaca artikel ini.
Terima kasih sudah mampir...