Interface Design
Desain Antarmuka
Pertemuan 5
Desain Antarmuka (Interface Design)
2
Interface Design - RPL
4/2/2019 2
Fokus Desain Antarmuka
* SEPA 8th ed, Roger S. Pressman
1. Desain antarmuka Inter-modular
Dikendalikan oleh aliran data antara modul
Berkaitan erat dengan desain tingkat komponen
2. Desain antarmuka eksternal
Antarmuka antar aplikasi
Antarmuka antar perangkat lunak dan produsen dan / atau konsumen
informasi non-manusia
3. Desain antarmuka manusia-komputer
Komunikasi antara manusia dan mesin
Manusia sebagai pengguna memiliki berbagai karakter yang lebih sulit
dipelajari.
3
Interface Design - RPL
4/2/2019 3
Three Golden Rules Dalam Desain Antarmuka
4
Interface Design - RPL 4
R1-Tempatkan Pengguna sebagai Pengendali
5
Interface Design - RPL
4/2/2019 5
R2-Kurangi Beban Memori Pengguna
6
Interface Design - RPL
4/2/2019 6
R3-Antarmuka yang Konsisten
7
Interface Design - RPL
4/2/2019 7
Eight Golden Rules of Interface Design
[Shneiderman]
1#4
8
Eight Golden Rules of Interface Design
[Shneiderman]
3#4
10
Eight Golden Rules of Interface Design
[Shneiderman]
11
Model Antarmuka Pengguna
12
Interface Design - RPL
4/2/2019 12
1)-Model Pengguna
14
Interface Design - RPL
4/2/2019 14
3)-Model Mental
15
Interface Design - RPL
4/2/2019 15
4)-Model Implementasi
16
Interface Design - RPL
4/2/2019 16
Analisis dan Perancangan Antarmuka Pengguna
17
Interface Design - RPL
4/2/2019 17
Proses Perancangan Antarmuka
18
Interface Design - RPL
4/2/2019 18
Analisis Antarmuka
19
Interface Design - RPL
4/2/2019 19
Desain Antarmuka
20
Interface Design - RPL
4/2/2019 20
Implementasi
21
Interface Design - RPL
4/2/2019 21
Validasi Antarmuka
22
Interface Design - RPL
4/2/2019 22
Example – The Main Window
23
Interface Design - RPL
4/2/2019 23
Example: Entry Form, table, etc
24
Interface Design - RPL
4/2/2019 24
Detail Design
25
Interface Design - RPL
4/2/2019 25
Screen Design
26
Interface Design - RPL
4/2/2019 26
27
Interface Design - RPL
4/2/2019 27
Tools for Screen Design (Mockup Design)
http://mashable.com/2012/06/07/mockup-tools/
28
Interface Design - RPL
4/2/2019 28
Rekayasa Perangkat Lunak
Rekayasa Perangkat Lunak 29
Rekayasa Perangkat Lunak 30
Rekayasa Perangkat Lunak 31
32
MENCARI UI/UX TOOLS TERBAIK
1. Mashable.com
2. Medium.theuxblog.com
3. Creative.bloq.com
4. Blog.prototypr.io
33