SlideShare ist ein Scribd-Unternehmen logo
1 von 14
PRINSIP DESIGN ANTARMUKA
(INTERFACE)
 Merefleksikan Model Mental User
Merefleksikan kombinasi pengalaman dunia riil, pengalaman
dari software lain, dan penggunaan komputer secara umum
 Explicit and Implied Action
a. Explicit actions
Kondisi yang jelas dalam memberikan petunjuk untuk
manipulasi suatu obyek.
b. Implied actions
Kondisi yang hanya memberikan kesan visual untuk
memanipulasi obyek.
 Direct Manipulation
User mendapatkan dampaknya dengan segera setelah
melakukan suatu aksi.
 User Control
Mengijinkan user mengontrol dan menginisialisasi aksi.
 Feedback and Communication
Selalu memberitahukan user apa yang terjadi dari suatu aksi.
 Consistency
User dapat mentransfer pengetahuan dan kemampuan dari suatu
aplikasi ke aplikasi lain.
 WYSIWYG (What You See Is What You Get)
Tidak ada perbedaan antara yang dilihat di layar dengan hasil
outputnya.
 Aesthetic Integrity
Informasi diorganisasikan dengan baik dan konsisten dengan prinsip desain
visual yang baik.
 High Performance
 Mudah digunakan
 Penampilan yang baik
 Reliability
 Mampu beradaptasi
 Interoperability
 Mobility
 Aplikasi semakin membesar, dan menjadi semakin
lambat.
 User Interface pada aplikasi semakin kompleks.
 Waktu yang diperlukan untuk mengembangkan fitur baru
menjadi lebih lama.
 Dokumentasi aplikasi dan dokumen help menjadi lebih
melebar.
 Resiko adanya efek pada fitur yang sudah ada.
 Meningkatkan waktu yang diperlukan untuk memvalidasi
aplikasi
Model Aplikasi
Ada 3 Model Aplikasi:
1. Berbasis Dokumen
2. Berbasis Non Dokumen
3. Utilitas
Microsoft Word 2003
Header
Menubar
Toolbar
pane
Lembar kerja
Macromedia Flash MX 2004
Microsoft Outlook 2003
My SQL
M.Y.O.B
Power DVD XP
Ada kecenderungan aplikasi seperti ini menekankan
pula pada style disamping fitur aplikasi
Kaspersky Anti Virus
Control Center Pada Linux

Weitere ähnliche Inhalte

Was ist angesagt?

Rpl 10-perancangan user interface
Rpl 10-perancangan user interfaceRpl 10-perancangan user interface
Rpl 10-perancangan user interface
f' yagami
 
MODUL AJAR INFORMATIKA 3 - SISTEM KOMPUTER.pdf
MODUL AJAR INFORMATIKA 3 - SISTEM KOMPUTER.pdfMODUL AJAR INFORMATIKA 3 - SISTEM KOMPUTER.pdf
MODUL AJAR INFORMATIKA 3 - SISTEM KOMPUTER.pdf
eka sarip hidayat
 
Kerangka kerja interaksi
Kerangka kerja interaksiKerangka kerja interaksi
Kerangka kerja interaksi
Ariev Kusuma
 
Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3
Raga Gapilau Jatsuma
 
ppt_IMK-design-interface
ppt_IMK-design-interfaceppt_IMK-design-interface
ppt_IMK-design-interface
yusuf09
 
Analisis tugas
Analisis tugasAnalisis tugas
Analisis tugas
arfianti
 

Was ist angesagt? (20)

Pengantar UI/UX
Pengantar UI/UXPengantar UI/UX
Pengantar UI/UX
 
Analisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMKAnalisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMK
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptx
 
Rpl 10-perancangan user interface
Rpl 10-perancangan user interfaceRpl 10-perancangan user interface
Rpl 10-perancangan user interface
 
MODUL AJAR INFORMATIKA 3 - SISTEM KOMPUTER.pdf
MODUL AJAR INFORMATIKA 3 - SISTEM KOMPUTER.pdfMODUL AJAR INFORMATIKA 3 - SISTEM KOMPUTER.pdf
MODUL AJAR INFORMATIKA 3 - SISTEM KOMPUTER.pdf
 
Kerangka kerja interaksi
Kerangka kerja interaksiKerangka kerja interaksi
Kerangka kerja interaksi
 
Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3
 
Algoritma penjadwalan proses
Algoritma penjadwalan prosesAlgoritma penjadwalan proses
Algoritma penjadwalan proses
 
Visualisasi informasi
Visualisasi informasiVisualisasi informasi
Visualisasi informasi
 
Sistem operasi
Sistem operasiSistem operasi
Sistem operasi
 
Topik 3 (prinsip desain interface)
Topik 3 (prinsip desain interface)Topik 3 (prinsip desain interface)
Topik 3 (prinsip desain interface)
 
ppt_IMK-design-interface
ppt_IMK-design-interfaceppt_IMK-design-interface
ppt_IMK-design-interface
 
Presentasi tentang internet
Presentasi tentang  internetPresentasi tentang  internet
Presentasi tentang internet
 
Dokumen Final Project Manajemen Proyek Perangkat Lunak
Dokumen Final Project Manajemen Proyek Perangkat LunakDokumen Final Project Manajemen Proyek Perangkat Lunak
Dokumen Final Project Manajemen Proyek Perangkat Lunak
 
IMK - Strategi Banyak Window
IMK - Strategi Banyak WindowIMK - Strategi Banyak Window
IMK - Strategi Banyak Window
 
Presentasi Bab 5 Informatika Kelas 7
Presentasi Bab 5 Informatika Kelas 7Presentasi Bab 5 Informatika Kelas 7
Presentasi Bab 5 Informatika Kelas 7
 
Evolusi Antarmuka Komputer
Evolusi Antarmuka KomputerEvolusi Antarmuka Komputer
Evolusi Antarmuka Komputer
 
Analisis tugas
Analisis tugasAnalisis tugas
Analisis tugas
 
Ppt: Usability (Interaksi Manusia dan Komputer)
Ppt: Usability (Interaksi Manusia dan Komputer)Ppt: Usability (Interaksi Manusia dan Komputer)
Ppt: Usability (Interaksi Manusia dan Komputer)
 
Pembuatan Storyboard Game
Pembuatan Storyboard GamePembuatan Storyboard Game
Pembuatan Storyboard Game
 

Ähnlich wie Pertemuan 4 prinsip desain antarmuka(interface)

Status, analisi event dan dukungan implementasi
Status, analisi event dan dukungan implementasiStatus, analisi event dan dukungan implementasi
Status, analisi event dan dukungan implementasi
arfianti
 
UI, Prinsip UI, Know Ur Users
UI, Prinsip UI, Know Ur UsersUI, Prinsip UI, Know Ur Users
UI, Prinsip UI, Know Ur Users
Rizki Ogawa
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desain
f' yagami
 
Chapt 5. interface design principles
Chapt 5. interface design principlesChapt 5. interface design principles
Chapt 5. interface design principles
Ibnu Dzakwan
 
Teknik evaluasi (interaksi manusia komputer) stth harapan
Teknik evaluasi (interaksi manusia komputer) stth harapanTeknik evaluasi (interaksi manusia komputer) stth harapan
Teknik evaluasi (interaksi manusia komputer) stth harapan
Rizqy Kurniawan
 
Teknik evaluasi (interaksi manusia komputer) stth harapan
Teknik evaluasi (interaksi manusia komputer) stth harapanTeknik evaluasi (interaksi manusia komputer) stth harapan
Teknik evaluasi (interaksi manusia komputer) stth harapan
Rizqy Kurniawan
 

Ähnlich wie Pertemuan 4 prinsip desain antarmuka(interface) (20)

Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
 
Kelompok 2_Desain Interaksi.pptx
Kelompok 2_Desain Interaksi.pptxKelompok 2_Desain Interaksi.pptx
Kelompok 2_Desain Interaksi.pptx
 
Pertemuan 16
Pertemuan 16Pertemuan 16
Pertemuan 16
 
Pertemuan 16
Pertemuan 16Pertemuan 16
Pertemuan 16
 
Usability
UsabilityUsability
Usability
 
Intraksi Manusia dan Komputer
Intraksi Manusia dan KomputerIntraksi Manusia dan Komputer
Intraksi Manusia dan Komputer
 
Imk
ImkImk
Imk
 
Prinsip dan paradigma
Prinsip dan paradigmaPrinsip dan paradigma
Prinsip dan paradigma
 
Status, analisi event dan dukungan implementasi
Status, analisi event dan dukungan implementasiStatus, analisi event dan dukungan implementasi
Status, analisi event dan dukungan implementasi
 
UI, Prinsip UI, Know Ur Users
UI, Prinsip UI, Know Ur UsersUI, Prinsip UI, Know Ur Users
UI, Prinsip UI, Know Ur Users
 
Teknik dialog pada komputer
Teknik dialog pada komputerTeknik dialog pada komputer
Teknik dialog pada komputer
 
Antarmuka_pengguna.pptx
Antarmuka_pengguna.pptxAntarmuka_pengguna.pptx
Antarmuka_pengguna.pptx
 
Interaksi Manusia Dan Komputer 5
Interaksi Manusia Dan Komputer 5Interaksi Manusia Dan Komputer 5
Interaksi Manusia Dan Komputer 5
 
Tampilan GUI di NetBeans.pptx
Tampilan GUI di NetBeans.pptxTampilan GUI di NetBeans.pptx
Tampilan GUI di NetBeans.pptx
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desain
 
Daya guna
Daya gunaDaya guna
Daya guna
 
Chapt 5. interface design principles
Chapt 5. interface design principlesChapt 5. interface design principles
Chapt 5. interface design principles
 
Bab1.v2
Bab1.v2Bab1.v2
Bab1.v2
 
Teknik evaluasi (interaksi manusia komputer) stth harapan
Teknik evaluasi (interaksi manusia komputer) stth harapanTeknik evaluasi (interaksi manusia komputer) stth harapan
Teknik evaluasi (interaksi manusia komputer) stth harapan
 
Teknik evaluasi (interaksi manusia komputer) stth harapan
Teknik evaluasi (interaksi manusia komputer) stth harapanTeknik evaluasi (interaksi manusia komputer) stth harapan
Teknik evaluasi (interaksi manusia komputer) stth harapan
 

Pertemuan 4 prinsip desain antarmuka(interface)

  • 2.  Merefleksikan Model Mental User Merefleksikan kombinasi pengalaman dunia riil, pengalaman dari software lain, dan penggunaan komputer secara umum  Explicit and Implied Action a. Explicit actions Kondisi yang jelas dalam memberikan petunjuk untuk manipulasi suatu obyek. b. Implied actions Kondisi yang hanya memberikan kesan visual untuk memanipulasi obyek.
  • 3.  Direct Manipulation User mendapatkan dampaknya dengan segera setelah melakukan suatu aksi.  User Control Mengijinkan user mengontrol dan menginisialisasi aksi.  Feedback and Communication Selalu memberitahukan user apa yang terjadi dari suatu aksi.  Consistency User dapat mentransfer pengetahuan dan kemampuan dari suatu aplikasi ke aplikasi lain.
  • 4.  WYSIWYG (What You See Is What You Get) Tidak ada perbedaan antara yang dilihat di layar dengan hasil outputnya.  Aesthetic Integrity Informasi diorganisasikan dengan baik dan konsisten dengan prinsip desain visual yang baik.  High Performance  Mudah digunakan  Penampilan yang baik  Reliability  Mampu beradaptasi  Interoperability  Mobility
  • 5.  Aplikasi semakin membesar, dan menjadi semakin lambat.  User Interface pada aplikasi semakin kompleks.  Waktu yang diperlukan untuk mengembangkan fitur baru menjadi lebih lama.  Dokumentasi aplikasi dan dokumen help menjadi lebih melebar.  Resiko adanya efek pada fitur yang sudah ada.  Meningkatkan waktu yang diperlukan untuk memvalidasi aplikasi
  • 6. Model Aplikasi Ada 3 Model Aplikasi: 1. Berbasis Dokumen 2. Berbasis Non Dokumen 3. Utilitas
  • 12. Power DVD XP Ada kecenderungan aplikasi seperti ini menekankan pula pada style disamping fitur aplikasi