Chapt 5. interface design principles

1,499 views

Published on

  • Be the first to comment

  • Be the first to like this

Chapt 5. interface design principles

  1. 1. Pert-5Interface design principles Ibnu Sani Wijaya, S.Kom, M.S.I Stikom Dinamika Bangsa Jambi 1
  2. 2. Prinsip – prinsip desain antarmuka• Merefleksikan model mental user  Merefleksikan kombinasi pengalaman dunia riil, pengalaman dari software lain, dan penggunaan komputer secara umum• Explicit and Implied Action  Explicit actions adalah kondisi yang jelas dalam memberikan petunjuk untuk manipulasi suatu obyek.  Implied actions adalah kondisi yang hanya memberikan kesan visual untuk memanipulasi obyek.
  3. 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.• 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.
  4. 4. Konsep Desain
  5. 5. Terjemahan Model Analisis(cont.)• Data design → mengubah model informasi (entity relationship diagram dan data dictionary) menjadi struktur data• Architectural design → berisi hubungan antar elemen dalam program• Interface design → menjelaskan bagaimana bagaimana komunikasi di dalam perangkat lunak, dengan sistem, dan dengan manusia yang menggunakannya.  Sebuah interface mengandung maksud sebuah aliran informasi.
  6. 6. Terjemahan Model Analisis(cont.)• Procedural design → mengubah elemen struktural dari arsitektur program menjadi deskripsi prosedural dari komponen perangkat lunak
  7. 7. Prinsip Desain• Proses desain tidak boleh mengalami “tunnel vision”• Desain harus dapat dilacak ke model analisis• Tidak melakukan desain pada hal yang sama berulang-ulang• Desain harus merepresentasikan masalah pada keadaan nyata• Desain harus memperlihatkan keseragaman dan integrasi
  8. 8. Prinsip Desain (cont.)• Desain harus terstruktur untuk mengatisipasi adanya perubahan • Desain bukan coding, coding bukan desain • Penilaian kualitas desain harus dilaksanakan pada saat desain tersebut dibuat • Desain harus di-review untuk meminimasi kesalahan konseptual
  9. 9. Konsep Desain• Abstraksi• Modularitas• Arsitektur software• Hirarki kontrol• Pembagian struktural• Data struktur• Software procedure• Penyembunyian informasi
  10. 10. Dokumentasi DesainI. Lingkup SistemII. Desain DataIII. Desain ArchitecturalIV. Desain AntarmukaV. Desain ProseduralVI. Catatan Khusus
  11. 11. Data Design• Mengubah objek data yang didefinisikan pada model analisis menjadi struktur data yang ada dalam perangkat lunak• Atribut yang dimiliki objek data, hubungan di antara objek data, dan penggunaannya dalam program, semuanya mempengaruhi pemilihan struktur data
  12. 12. Architectural Design• Menggunakan karakteristik aliran informasi dalam model analisis untuk menghasilkan struktur program• Sebuah data flow diagram dipetakan menjadi struktur program menggunakan dua pendekatan : • Transform mapping • Transaction mapping• Transform mapping : diterapkan untuk sebuah aliran data yang menunjukkan batas yang jelas antara data yang masuk dan yang keluar
  13. 13. Architectural Design (cont.)• DFD dipetakan menjadi sebuah struktur yang mengalokasikan kontrol menjadi input, pemorsesan, dan output bersama dengan hirarki modul• Transaction mapping : diterapkan jika sebuah item informasi menyebabkan percabangan• DFD dipetakan menjadi sebuah struktur yang mengalokasikan kontrol menjadi sebuah substruktur yang mendapatkan dan mengevaluasi sebuah transaksi
  14. 14. Interface Design• Meliputi antarmuka program internal dan eksternal serta desain untuk antarmuka pengguna• Desain antarmuka internal dan eksternal diarahkan oleh informasi yang diperoleh dari model analisis
  15. 15. Mengembangkan software yang baik.• High Performance software yang dibuat mempunyai performance yang tinggi, walaupun digunakan oleh beberapa user.• Mudah digunakan software yang dibuat mempunyai sifat easy to use (mudah digunakan) sehingga tidak membutuhkan proses yang lama untuk mempelajarinya• Penampilan yang baik software mempunyai antarmuka (interface) yang baik, sehingga user tidak merasa jenuh.• Reliability kehandalan, sejauh mana suatu software dapat diharapkan untuk melakukan fungsinya sesuai dengan ketelitian yang diperlukan.• Mampu beradaptasi sejauh mana software yang dibuat mampu beradaptasi dengan perubahan- perubahan teknologi yang ada.
  16. 16. Mengembangkan software yang baik.• Interoperability software yang dibuat haruslah mampu berinteraksi dengan aplikasi lain. Biasanya dapat dilihat dari adanya fasilitas untuk eksport dan import data dari aplikasi lain.• Mobility software yang dibuat dapat berjalan pada bermacam-macam sistem operasi.
  17. 17. Mengambil Keputusan Dalam Desain• 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
  18. 18. Mendesain LayoutModel AplikasiAda 3 Model Aplikasi:1. Berbasis Dokumen Aplikasi ini menghasilkan sebuah dokumen berupa file-file yang nantinya bisa dibuka dan dirubah kembali jika perlu. Aplikasi yang berbasis dokumen misalnya: Microsoft Word, Microsoft Excel, Open Office, Corel Draw, Photoshop, dll.2. Berbasis Non Dokumen Aplikasi ini sifatnya tidak menghasilkan dokumen yang bisa dibuka dan dirubah kembali. Contoh dari aplikasi berbasis non dokumen ini adalah: Microsoft Outlook, MySQL, MYOB, dll
  19. 19. Mendesain Layout3. Utilitas Aplikasi ini sifatnya adalah untuk penunjang saja (sifatnya hanya tambahan). Ada kecenderungan aplikasi seperti ini menekankan pula pada style disamping fitur aplikasi. Contoh dari aplikasi ini adalah seperti aplikasi untuk mendengarkan musik atau menonton video (Winamp, Media Player, PowerDVD), aplikasi untuk anti virus (Kaspersky, Norton, F-Secure)
  20. 20. 1. Layout Berbasis Dokumen Microsoft Word 2003 Header Menubar Toolbar pane Lembar kerja
  21. 21. Macromedia Flash MX 2004
  22. 22. 2. Layout Berbasis Non DokumenMicrosoft Outlook 2003
  23. 23. My SQL
  24. 24. M.Y.O.B
  25. 25. 3. Layout UtilitasAda kecenderungan aplikasi seperti ini menekankanpula pada style disamping fitur aplikasi Power DVD XP
  26. 26. Kaspersky Anti Virus
  27. 27. Control Center Pada Linux
  28. 28. 30

×