NamaSlide Tika Listiani Umar3-5 Erwin Suganda6-8 Indah Rahmawati Putri9-11 Ivan David12-14 Heru Setiawan15-17.

Presentasi berjudul: "NamaSlide Tika Listiani Umar3-5 Erwin Suganda6-8 Indah Rahmawati Putri9-11 Ivan David12-14 Heru Setiawan15-17."— Transcript presentasi:

1 NamaSlide Tika Listiani Umar3-5 Erwin Suganda6-8 Indah Rahmawati Putri9-11 Ivan David12-14 Heru Setiawan15-17

2 DESIGN INTERFACE Erwin Suganda14312443 Heru Setiawan14312367 Indah Rahmawati Putri14312610 Ivan David14312420 Tika Listiani Umar14312490

3 Pendahuluan  Antarmuka pengguna (User Interface) : bagian sistem komputer yang memungkinkan manusia berinteraksi dengan komputer.  Perancangan antarmuka : proses penggambaran bagaimana sebuah bagian sistem dibentuk. Interaksi Manusia dan Komputer

4 Prinsip User Interface Dalam perancangan antarmuka, ada beberapa prinsip yang harus diperhatikan (Deborah, 1992) : 1. Kompatibilitas Pengguna 2. Kompatibilitas Produk 3. Kompatibilitas Transisi Antar Tugas 4. Konsistensi 5. Kebiasaan 6. Kesederhanaan 7. Manipulasi Langsung

5 Prinsip User Interface (Lanjutan) 8. Kontrol 9. Efektivitas (tepat dalam penggunaan) 10. Efisien dalam penggunaan 11. Keamanan dalam penggunaan 12. Kesesuaian Fungsi 13. Mudah dipelajari 14. Mudah diingat

6 Antarmuka pengguna secara alamiah terbagi menjadi empat komponen: 1. Model pengguna. Model konseptual yang diinginkan oleh pengguna dalam memanipulasi informasi dan proses yang diaplikasikan pada informasi. 2. Bahasa perintah (command language). Idealnya, program komputer kita mempunyai bahasa perintah yang alami, sehingga model pengguna dengan cepat dapat dioperasionalkan. 3. Umpan balik. Kemampuan program yang membantu pengguna untuk mengoperasian program itu sendiri. Umpan balik berbentuk: pesan-pesan penjelasan, pesan penerimaan perintah, indikasi adanya obyek terpilih, dan penampilan karakter yang diketikkan lewat papan ketik.

7 4. Tampilan informasi. Komponen ini digunakan untuk menunjukkan status informasi atau program ketika pengguna melakukan suatu tindakan. Contoh design Interface Lanjutan

8 Pada design interface “Login” diatas mengunakan textbox dan button yang masing-masing dikelompokkan. Textbox digunakan untuk inputan nama user dan password yang telah ditetapkan sebelumnya, kemudian button digunakan untuk mengeksekusi inputan dalam textbox. Lanjutan

9 Penanganan Kesalahan  Validasi pemasukan data: misalnya jika pengguna harus memasukkan bilangan positif, sementara ia memasukkan data negatif atau nol, maka harus ada mekanisme untuk mengulang pemasukan data tersebut.  Proteksi pengguna: program memberi peringatan ketika pengguna melakukan suatu tindakan secara tidak sengaja, misalnya penghapusan berkas.  Pemulihan dari kesalahan: tersedianya mekanisme untuk membatalkan tindakan yang baru saja dilakukan.  Penampilan pesan salah yang tepat dan sesuai dengan kesalahan yang terjadi pada waktu itu.

10

11 Design Interface Selanjutnya

12 Lanjutan

13 Pada tampilan tersebut dapat dilihat tombol- tombol yang tersedia dikelompokan berdasarkan fungsinya. Misalnya pada kalkulator 0,1,2,3,4,5,6,7,8,9 dan (.) dikelompokkan sebagai tombol numerik, kemudian tombol (+), (-), (*), (/) dan (=) dikelompokkan sebagai tombol aritmatika. Sedangkan pada game RPS batu, gunting, kertas sebagai tombol input. Tombol “Close Calculator” digunakan untuk mengeksekusi jika pengguna ingin keluar dari aplikasi kalkulator. Begitu juga dengan “Close Game RPS”.

14 Jika tombol “About” dieksekusi maka tampilan yang muncul akan seperti gambar disamping. Lanjutan

15 Ergonomi Secara umum ergonomis merupakan desain atau rancangan dari suatu produk (hardware dan software), semua tujuan dari ergonomis sendiri ditujukan untuk keefektifan dan kenyamanan pengguna dalam menggunakan suatu produk tersebut. Berikut ini beberapa poin penting dalam ergonomis: 1. Desain dapat berbentuk interface / tampilan yang mudah dimengerti dan diakses oleh pengguna. 2. Fungsi merupakan sebuah nilai ukur dari sebuah produk, semakin tinggi fungsi atau daya guna dari sebuah produk maka nilainya akan semakin tinggi.

16 3. Masa penggunaan / lifetime menentukan nilai guna dari sebuah produk yang mendukung poin-poin sebelumnya sehingga nantinya produk ini dapat ditentukan masa kegunaannya, waktu maintenance dari produk tersebut. 4. Umpan balik / Feedback komunikasi antara manusia dan komputer melalui respon yang diberikan oleh sistem berupa interface / tampilan maupun output fisik yang dapat diakses oleh pengguna. Rangkaian pilihan-pilihan yang ditampilkan pada layar interface merupakan pilihan-pilihan yang terlihat : 1. Supaya pemanggilan yang lebih mudah digunakan 2. Pemahaman nama-nama tombol yang memiliki arti. Lanjutan

17 Contoh ergonomi : 1. Susunan kontrol dan display Frekuensi penggunaan tombol yang dikelompokkan sesuai fungsi 2. Lingkungan sekitar Memperhitungkan ukuran-ukuran dari penggunanya 3. Isu kesehatan Posisi fisik, pencahayaan 4. Penggunaan warna Merah-peringatan, hijau-oke, kesadaran- warna yang semakin menggelap. Lanjutan

18 TERIMAKASIH