Pert 6 PERANCANGAN ANTARMUKA DESIGN INTERFACE Antarmuka pengguna

  • Slides: 24
Download presentation
Pert 6 PERANCANGAN ANTARMUKA (DESIGN INTERFACE )

Pert 6 PERANCANGAN ANTARMUKA (DESIGN INTERFACE )

 • Antarmuka pengguna (User Interface) : bagian sistem komputer yang memungkinkan manusia berinteraksi

• 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

PRINSIP USER INTERFACE Dalam perancangan antarmuka, ada beberapa prinsip yang harus diperhatikan (Deborah, 1992)

PRINSIP USER INTERFACE Dalam perancangan antarmuka, ada beberapa prinsip yang harus diperhatikan (Deborah, 1992) : • • Kompatibilitas Pengguna Kompatibilitas Produk Kompatibilitas Transisi Antar Tugas Konsistensi Kebiasaan Kesederhanaan Manipulasi Langsung

PRINSIP USER INTERFACE • • Kontrol Efektivitas (tepat dalam penggunaan) Efisien dalam penggunaan Keamanan

PRINSIP USER INTERFACE • • Kontrol Efektivitas (tepat dalam penggunaan) Efisien dalam penggunaan Keamanan dalam penggunaan Kesesuaian Fungsi Mudah dipelajari Mudah diingat

KOMPATIBILITAS PENGGUNA

KOMPATIBILITAS PENGGUNA

KOMPATIBILITAS PRODUK Memungkinkan adanya perubahan antarmuka agar sistem menjadi lebih kompatibel bagi pengguna.

KOMPATIBILITAS PRODUK Memungkinkan adanya perubahan antarmuka agar sistem menjadi lebih kompatibel bagi pengguna.

KOMPATIBILITAS TRANSISI ANTAR TUGAS Sistem harus dapat digunakan untuk memudahkan pengguna dalam melakukan tugasnya,

KOMPATIBILITAS TRANSISI ANTAR TUGAS Sistem harus dapat digunakan untuk memudahkan pengguna dalam melakukan tugasnya, fungsi-fungsi dalam antarmuka disesuaikan dengan kebutuhan pengguna.

KONSISTENSI Membantu pengguna untuk dapat menganalogikan dan memprediksi sesuatu yang sebelumnya belum pernah dilakukan.

KONSISTENSI Membantu pengguna untuk dapat menganalogikan dan memprediksi sesuatu yang sebelumnya belum pernah dilakukan.

KEBIASAAN Konsep, terminologi, dan pengaturan antarmuka harus yang dapat dipahami oleh pengguna dengan baik

KEBIASAAN Konsep, terminologi, dan pengaturan antarmuka harus yang dapat dipahami oleh pengguna dengan baik agar pengguna tidak bingung saat berinteraksi.

KESEDERHANAAN Merancang antarmuka dengan bentuk yang sederhana, tanpa mengurangi fungsionalitas dari sistem/produk yang dibangun.

KESEDERHANAAN Merancang antarmuka dengan bentuk yang sederhana, tanpa mengurangi fungsionalitas dari sistem/produk yang dibangun.

MANIPULASI LANGSUNG • Merupakan gaya/ragam dialog dimana aksi yang dilakukan pengguna dapat langsung terlihat

MANIPULASI LANGSUNG • Merupakan gaya/ragam dialog dimana aksi yang dilakukan pengguna dapat langsung terlihat pada tampilan objek yang tampak pada layar monitor. • Manipulasi langsung biasanya menyertakan alat penunjuk, seperti : mouse, trackball, layar sentuh, dan menggunakan grafik dalam menampilkan objek dan aksinya. • Contoh penerapan manipulasi langsung : - Pada games, contoh : Adobe Flash - Pada program spreadsheet, contoh : Ms. Excel

MANIPULASI LANGSUNG • Karakteristik yang harus diperhatikan dalam manipulasi langsung adalah bahwa meskipun pada

MANIPULASI LANGSUNG • Karakteristik yang harus diperhatikan dalam manipulasi langsung adalah bahwa meskipun pada layar tampilan banyak sekali objek yang dapat dioperasikan, tetapi pada satu saat pengguna hanya berkuasa penuh pada sebuah objek yang ada disana. • Manipulasi langsung juga dapat diterapkan pada bidang yng lebih luas dan serius : 1. Kontrol proses industri pembangkitan dan penyaluran listrik dan industri makanan berskala besar. 2. Editor Teks konsep WYSIWYG (what you see is what you get) 3. Simulator simulator penerbangan

KONTROL • Sistem selalu dibawah kontrol pengguna • Antarmuka harus mempunyai sarana yang memungkinkan

KONTROL • Sistem selalu dibawah kontrol pengguna • Antarmuka harus mempunyai sarana yang memungkinkan pengguna untuk dapat menentukan : - dimana sebelumnya pengguna berada - dimana pengguna berada sekarang - kemana pengguna dapat pergi - apakah pekerjaan yang sudah dilakukan dapat dibatalkan.

EFEKTIVITAS (TEPAT DALAM PENGGUNAAN) Apakah sistem yang dibangun dapat membuat pengguna : - mudah

EFEKTIVITAS (TEPAT DALAM PENGGUNAAN) Apakah sistem yang dibangun dapat membuat pengguna : - mudah untuk mempelajarinya - efisien dalam melakukan pekerjaan - dapat mengakses informasi yang diperlukan

EFISIEN DALAM PENGGUNAAN Apakah sistem menyediakan fasilitas yang memudahkan pengguna dalam mengerjakan tugasnya.

EFISIEN DALAM PENGGUNAAN Apakah sistem menyediakan fasilitas yang memudahkan pengguna dalam mengerjakan tugasnya.

KEAMANAN DALAM PENGGUNAAN • Untuk melindungi pengguna dalam menghadapi kondisi yang tidak diinginkan. •

KEAMANAN DALAM PENGGUNAAN • Untuk melindungi pengguna dalam menghadapi kondisi yang tidak diinginkan. • Salahsatu cara pengamanan, dengan membuat pesan dari aktivitas yang dilakukan pengguna.

KESESUAIAN FUNGSI • Fungsi-fungsi yang disediakan sistem harus sesuai dengan definisi sistem tersebut. •

KESESUAIAN FUNGSI • Fungsi-fungsi yang disediakan sistem harus sesuai dengan definisi sistem tersebut. • Contoh : Aplikasi pengolah kata, brarti aplikasi tersebut harus menyediakan seluruh fasilitas yang dibutuhkan dalam pengolahan kata, seperti pembuatan dokumen baru, sampai ke penyimpanan dokumen, dan lain-lain.

MUDAH DALAM MEMPELAJARI • Sistem yang mudah digunakan adalah sistem yang mudah dipelajari dan

MUDAH DALAM MEMPELAJARI • Sistem yang mudah digunakan adalah sistem yang mudah dipelajari dan mudah diingat. • Perancang harus mengetahui karakteristik pengguna, termasuk kemampuan dan keahlian pengguna sistem yang akan dibangun.

MUDAH DIINGAT Mudah diingat bagaimana cara menggunakannya, sehingga perancang juga perlu memperhatikan bagaimana desain/rancangan

MUDAH DIINGAT Mudah diingat bagaimana cara menggunakannya, sehingga perancang juga perlu memperhatikan bagaimana desain/rancangan sistem yang akan dibangun agar mudah dipelajari oleh pengguna, sehingga menjadi mudah diingat.

HAL-HAL YANG HARUS DIPERHATIKAN DALAM MERANCANG ANTARMUKA • Apa keinginan dan harapan orang? •

HAL-HAL YANG HARUS DIPERHATIKAN DALAM MERANCANG ANTARMUKA • Apa keinginan dan harapan orang? • Apa batasan dan kemampuan fisiknya? • Bagaimana sistem penerimaan dan pemrosesan informasi mereka bekerja? • Apa yang dianggap menarik dan menyenangkan? • Bagimana karakteristik dan batasan teknik dari hardware dan software komputernya?

DOKUMENTASI RANCANGAN • • Membuat sketsa pada kertas Menggunakan peranti prototipe GUI Menulis tekstual

DOKUMENTASI RANCANGAN • • Membuat sketsa pada kertas Menggunakan peranti prototipe GUI Menulis tekstual yang menjelaskan tentang kaitan antara satu jendela dengan jendela yang lain Menggunakan peranti bantu yg disebut CASE (Computer-Aided Software Engineering).

KATEGORI PROGRAM APLIKASI • Program aplikasi untuk keperluan khusus (special purpose software) pengguna yang

KATEGORI PROGRAM APLIKASI • Program aplikasi untuk keperluan khusus (special purpose software) pengguna yang akan memanfaatkan aplikasi tersebut dapat diperkirakan, sehingga memudahkan dalam merancang antarmuka. • Program aplikasi yang akan digunakan untuk banyak pengguna (general purpose software) atau public software. penggunanya mempunyai tingkat kepandaian dan karakteristik beragam, sehingga perlu adanya customization agar pengguna dapat menggunakan aplikasi sesuai dengan selera masing-masing.

CARA PENDEKATAN 1. User-Centered Design Approach • digunakan pada program aplikasi untuk keperluan khusus.

CARA PENDEKATAN 1. User-Centered Design Approach • digunakan pada program aplikasi untuk keperluan khusus. • perancangan antarmuka melibatkan pengguna yaitu pengguna aktif berpendapat ketika perancang sedang membuat antarmuka, pengguna seolah-olah sudah mempunyai gambaran nyata tentang antarmuka sistem yang akan mereka gunakan.

CARA PENDEKATAN 2. User Design Approach pengguna sendiri yang merancang antarmuka yang diinginkan.

CARA PENDEKATAN 2. User Design Approach pengguna sendiri yang merancang antarmuka yang diinginkan.