Webinar - Mengenal Basic User Interface

 

Hallo sobat MK yang setia menunggu info terbaru dari kami, kami kembali lagi 

    Pada pembahasan kali ini kita mau membicarakan acara webinar yang merupakan bagian dari rangkaian acara dies natalis stmik jabar ke 27 dengan tema "Mengenal Basic User Interface" bersama bapak Diash Firdaus, S.T., M.T. selaku dosen dari stmik jabar dengan moderator yang dibawakan oleh yuliana silfia mahasiswa aktif semester 4 STMIK JABAR. Nah untuk kalian yang mungkin tadi tidak sempat mengikuti webinar bersama Bapak Diash kami akan bahas sedikit nih materinya 

    Jika kita membicarakan tentang user interface pasti akan langsung berpikir tentang UI/UX. Lalu apasih UI/UX itu ?

    UI merupakan singkatan dari User Interface dimana UI merupakan desain antarmuka untuk mesin atau software, seperti  peralatan rumah tangga,  handphone, atau yang lain, yang  memaksimalkan usability dan user  experience. Sedangkan UX (User Experience ) adalah proses mendukung perilaku pengguna melalui kegunaan, kegunaan, dan keinginan yang disediakan dalam interaksi dengan suatu produk. Tools yang biasanya sering digunakan untuk pembuatan UI/UX  ada figma , sketch dan Adobe xd.

Untuk bisa memahami UI/UX minimal kita harus memahami 5 komponen 

1. Typrography adalah seni atau teknik menyusun huruf dan teks dengan cara yang dapat membuatnya dapat terbaca, jelas dan menarik secara visual bagi pembacanya. Misalnya, dengan menggunakan typeface dan gaya font yang berbeda, menyesuaikan ukuran, jarak antara huruf dan kata, dan lain-lain.

2. Spacing (jarak) yang sangat penting dalam membuat desain UI . Jarak juga dapat bermanfaat dalam membuat desain  UI lebih cantik & clean

3. Coloring adalah pemilihan kombinasi warna yang tepat karena Semua desain UI yang  cantik berawal dari  pilihan warna  yang apik

4. UX Law

5. Responsive  Design adalah suatu keadaan sebuah halaman web dimana tampilannya akan cocok, rapi dan tetap enak dilihat jika diakses dari perangkat apapun dengan resolusi layar yang berbeda entah itu di dekstop, tablet, maupun mobile.

Ada 4 hal yang harus diperhatikan dalam  UI Responsive Design

1. Perhatikan perbedaan jarak antara  Desktop & Mobile

2. Perhatikan perbedaan ukuran font  antara Desktop & Mobile

3. Kuasai basic pengetahuan coding

4. Manfaatkan column yang digunakan

Lalu bagaimana cara membuat penelitian ux ? untuk membuat penelitian UX ada 5 cara

1. Enpathizing

Tujuan dari Empathise adalah untuk Membantu designer dalam mencari tahu pandangan &  kebutuhan dari target usernya dengan research  sebelum mendefisinikan problem statement dan  melakukan ideation. Yang dilakukan pada tahap Empathise ada 4 

- menganalisis data analitis,

- melakukan survey pengguna

- melakukan in-depth interview (IDI)

- melakukan FGD

2. Defining

Mendefinisikan kesalahan user dari hasil Empathise.

3. Ideating

Yang dilakukan pada tahap Ideate :

- Brainstorming ide solusi yang akan diberikan

- Membuat gambaran kasar (Wireframe)

4. Prototyping

Yang dilakukan pada tahap Prototype :

- Mendesain Interface dari hasil Crazy 8's

- Menyusun UI menjadi sebuah flow proses yang sesuai dengan ide solusi

- Membuat prototype yang dapat digunakan untuk Testing

5. Testing

Yang dilakukan pada tahap Testing :

- Mengavaluasi setiap ide solusi dengan testing

- Melakukan Interview/Online Survey untuk testing

Demikianlah Blog kali ini, semoga bermanfaat dan menambah pengetahuan para pembaca, tunggu info-info selanjutnya yang tidak kalah menarik dari kami

Share this post

Berlangganan update artikel terbaru via email: