PEMBUATAN PROGRAM APLIKASI BERBASIS USER INTERFACE

User Interface adalah sebuah tampilan yang digunakan pengguna untuk berinteraksi dengan komputer, tablet, smartphone maupun perangkat elektronik lainnya melalui tampilan yang dapat dimengerti oleh pengguna. 

Sebelum produk Anda masuk ke dalam tahap pembuatan user interface, ada beberapa hal yang harus Anda persiapkan terlebih dahulu, yaitu:

  1. Menentukan masalah yang ingin Anda selesaikan
  2. Mengenali pengguna produk Anda
  3. Melihat apa yang telah dilakukan pesaing di bidang produk Anda
  4. Mengumpulkan persyaratan produk secara keseluruhan

Setelah Anda mempersiapkan semua, langkah berikutnya adalah membuat Wireframe, Mockup, dan Prototype.

Wireframe

YouTube wireframe example

Wireframe merupakan sebuah sketsa kasar tampilan aplikasi atau website. Biasanya digunakan untuk menyusun tata letak awal dalam suatu desain. Wireframe ini bisa dicoret-coret tangan atau menggunakan tools atau aplikasi khusus bikin wireframe. Biasanya wireframe dibuat dengan warna hitam putih yang lebih menekankan isi dari kontennya.

Mockup


Mockup memberikan gambaran secara detail sebelum produk dibuat dengan menyampaikan aspek desain visual, termasuk gambar, warna, dan tipografi. Mockup dapat mengorganisir detail dari proyek, menerjemahkan ide ke dalam bahasa yang dapat dimengerti stakeholders, menyampaikan ide kepada anggota tim, implementasi desain, dan melihat perspektif user. Mockup bersifat statis dan tidak bisa dioperasikan.

Prototype


Prototype adalah sebuah simulasi interaksi antara pengguna dan tampilan (interface) dimana user atau pengguna dapat melihat dan berinteraksi dengan user interface secara langsung. Mungkin tidak tampak persis seperti produk akhir, tetapi mendekati desain produk real-nya. Dengan ini harapannya kita mendapat masukan dari pengguna, bagian mana yang mudah dimengerti dan bagian mana yang susah mengerti atau bahkan bingung.

Wireframe, mockup, dan prototype memiliki ciri khasnya masing-masing. Penggunaannya dapat disesuaikan dengan kebutuhan. Satu hal yang penting untuk diingat yaitu: buatlah wireframe, mockup, atau prototype dengan memikirkan user experience.


Rekomendasi UI Kit : 11 Aplikasi Terbaik UI UX Untuk Pemula

Komentar

Posting Komentar

Postingan populer dari blog ini

Kelas Maya

PENGERTIAN Kelas Maya adalah kelas yang diadakan tanpa tatap muka secara langsung antara pengajar dan yang menerima bahan ajar. Kelas Maya berhubungan langsung dengan internet. Dimana pengajar menyediakan sebuah forum kepada para penerima bahan ajar dan melakukan diskusi seperti kegiatan belajar mengajar dikelas. Yang membedakan kelas maya dengan kelas konvensional yaitu adanya pembatasan berkomunikasi, karena jelas beda berdiskusi secara langsung dengan berdiskusi secara tidak langsung. Dalam kelas maya dapat diketahui kemajuan proses belajar, yang dapat dipantau baik oleh guru, siswa maupun orang tua. Selain digunakan untuk proses pendidikan jarak jauh, system tersebut juga dapat digunakan sebagai penunjang kelas tatap muka. B.       TUJUAN                         Tujuan dibentuknya kelas maya adalah berupaya untuk menciptakan pembelajaran yang dilaksa...
Baca selengkapnya

STORYBOARD

Gambar
  Pada suatu hari di sekolah, di kelas murid diajarkan dengan materi baru yaitu Storyboard. Seorang murid langsung bertanya, "Guru, apa itu Storyboard?" dengan wajah membingung. Si Guru menjawab "Storyboard adalah salah satu cara alternatif untuk mensketsakan kalimat penuh sebagai alat perencanaan"."Dan membuat Storyboard menjadi tugas kalian selanjutnya" lanjut Guru. Seorang murid sedang berfikir konsep apa yang akan dibuatnya. Tak lama kemudian, murid tersebut mendapatkan ide. "AHA!" soraknya. Mengerjakan diruangan yang panas. Kertas berserakan dimana-mana dan tetap mengerjakan tugas Storyboard. Beberapa jam kemudian, murid tersebut selesai mengerjakan tugas membuat Storyboard. Tak disangka, murid tersebut mendapatkan nilai 100. "Alhamdulillah" syukurnya. Referensi :  Apa itu Storyboard ? Komponen dan Tujuan Pembuatan Storyboard
Baca selengkapnya