Page 3 - E-MODUL_Desain UI

Cover

Kata Pengantar ..................................................................................................................................... 2
Daftar Isi ............................................................................................................................................... 3
A. Latar Belakang ........................................................................................................................... 7

B. Prasyarat ................................................................................................................................... 7
C. Tujuan ....................................................................................................................................... 7

D. Petunjuk Penggunaan Modul .................................................................................................... 8
E. Tujuan Akhir .............................................................................................................................. 8

F. Kompetensi yang diharapkan .................................................................................................... 8
G. Cek Kemampuan ....................................................................................................................... 8

A. Tujuan Kegiatan Pembelajaran ................................................................................................. 9
B. Uraian Materi ............................................................................................................................ 9
Fungsi desain UI .................................................................................................................................... 9

1) Memudahakan Interaksi Pengguna Dengan Produk ............................................................. 9
2) Meningkatkan Penjualan dan Pertumbuhan Bisnis ............................................................. 10

3) Meningkatkan Kualitas Branding......................................................................................... 10
Karakteristik Desain UI ........................................................................................................................ 10
1) Jelas dan Ringkas ................................................................................................................. 11

2) Desain responsive ............................................................................................................... 11
3) Informasi Terstruktur .......................................................................................................... 11

4) Konsisten ............................................................................................................................. 12
5) Kontras Warna yang Baik .................................................................................................... 12

6) Intuitif ................................................................................................................................. 12
Jenis-Jenis User Interface (UI) ............................................................................................................. 13

1) Comand Line Interface ........................................................................................................ 13
2) Grafical User Interface (GUI) ............................................................................................... 13
3) Menu-Driven Interface ........................................................................................................ 13

4) Form-Based Interface .......................................................................................................... 13
5) Touch User InterfaceTouch ................................................................................................. 13

6) Conversational User Interface ............................................................................................. 14
7) Mobile User Interface ......................................................................................................... 14

C. Rangkuman ............................................................................................................................. 14
D. Tugas Siswa ............................................................................................................................. 15

E. Test Formatif ........................................................................................................................... 15

3