Perancangan Tampilan.

Presentasi berjudul: "Perancangan Tampilan."— Transcript presentasi:

1 Perancangan Tampilan

2 Mohon Selama Perkuliahan ,
Tidak Menjadi Manusia Multitasking !!!

3

4 Yang harus dimiliki oleh perancang tampilan:
Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik Yang harus dimiliki oleh perancang tampilan: Jiwa seni yang memadai Mengetahui selera user secara umum Seorang perancang tampilan HARUS mendokumentasikan semua pekerjaan yang telah dia kerjakan selama ini, sebagai bahan evaluasi pembuatan tampilan yang baru atau memperbaiki tampilan sebelumnya PROGRAM YANG DIBUAT BUKAN UNTUK ANDA, NAMUN UNTUK ORANG LAIN

5

6 Cara Pendekatan Special purpose software General purpose software
Jenis program aplikasi: Special purpose software General purpose software

7 Special Purpose Software
Yaitu program aplikasi untuk keperluan khusus dengan user yang khusus pula (special purpose software) Kelompok user dapat dengan mudah diperkirakan, baik dari segi keahlian maupun ragam antarmuka yang akan digunakan Mis: program inventori gudang, pengelolaan data akademis mahasiswa, pelayanan reservasi hotel Pendekatan yang digunakan: User-centered design approach: perancang dan user bersama-sama membuat tampilan antarmuka User design approach: hanya user yang membuat tampilan antarmuka

8 General Purpose Software
Yaitu program aplikasi yang akan digunakan oleh berbagai macam kalangan user Perancang dapat melakukan ‘pemaksaan’ kepada user untuk menerima tampilan antarmukanya, walaupun dapat memberikan dampak program tersebut tidak laku Salah satu cara yang dapat dilakukan adalah user dapat melakukan perubahan tampilan sesuai dengan keinginannya sendiri (customization), mis: merubah warna dasar, pengaturan desktop, wallpaper, screensaver, dll

9 Komponen Antarmuka Pengguna
Model pengguna; memungkinkan user untuk mengembangkan pemahaman yang mendasar tentang apa yang dikerjakan oleh program, bahkan oleh user yang sama sekali tidak mengetahui teknologi komputer Bahasa perintah; sedapat mungkin menggunakan bahasa alami Umpanbalik; kemampuan sebuah program yang membantu user untuk mengoperasikan program itu sendiri Tampilan informasi; digunakan untuk menunjukkan status informasi atau program ketika user melakukan suatu tindakan

10 Urutan Perancangan Pemilihan ragam dialog
Perancangan struktur dialog; melakukan analisis tugas dan menentukan model pengguna dari tugas tersebut Perancangan format pesan; tata letak tampilan, keterangan tektual secara terinci, dan efisiensi inputing data harus mendapat perhatian lebih Perancangan penanganan kesalahan Perancangan struktur data

11 Penanganan Kesalahan Validasi pemasukan data, mis: jika user harus memasukkan bilangan positif, namun dia memasukkan data negatif atau nol, maka harus ada mekanisme untuk mengulang pemasukan data tersebut Proteksi user; program memberi peringatan ketika user melakukan suatu tindakan secara tidak sengaja, mis: 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

12 Perancangan Tampilan Berbasis Teks
Urutan penyajian; disesuiakan dengan model pengguna Kelonggaran; mis: dengan adanya jarak spasi antar perintah, atau penempatan yang khusus Pengelompokkan data yang saling berkaitan Relevansi; hanya pesan-pesan yang relevan saja yang ditampilkan di layar Konsistensi; menggunakan suku kata yang konsisten untuk menjelaskan sesuatu Kesederhanaan; menggunakan singkatan yang dipahami oleh umum

13

14 Perancangan Tampilan Berbasis Grafis
Ilusi pada obyek-obyek yang dapat dimanipulasi, mis: gambar disket, printer, dll Urutan visual dan fokus pengguna, mis: tanda kedip untuk posisi kursor, penggunaan warna yang berbeda Struktur internal; berguna untuk menunjukkan bahwa obyek yang sedang dihadapi dapat dimodifikasi sesuai dengan keinginan user

15

16 Kosakata grafis yang konsisten dan sesuai, mis: gambar disket, printer, dll
Kesesuaian dengan media/informasi yang akan disampaikan

17 Waktu Tanggap Secara umum pengguna menginginkan bahwa program aplikasinya dapat memberikan waktu tanggap yang sependek-pendeknya. Waktu tanggap juga ditentukan oleh ragam interaksi, kefasihan pengguna Perbedaan waktu tanggap akan mempengaruhi pengguna, sehingga akan mempengaruhi kinerja Waktu tanggap yang lama (lebih dari 14 detik, akan menyebabkan perhatian pengguna ke aktiifas lain)

18 Penanganan kesalahan Kesalahan dibagi menjadi 2 :
Kesalahan pada waktu implementasi Program, (kesalahahan sintaksis) Kesalahan logika ketika program Tersebut dijalankan (run time error)

19 Piranti Bantu Sederhana
Dokumentasi bentuk tampilan yang akan diimplementasikan Piranti Bantu berupa lembaran kertas, dinamakan lembar kerja tampilan/LKT (Screen design worksheet)

20

21 LKT terdiri dari : Nomor lembar kerja
Bagian Tampilan : berisi sketsa tampilan yang akan muncul dilayar Bagian navigator : bagian ini antara lain menjelaskan kapan tampilan ini akan muncul, dan kapan tampilan itu berubah Bagian Keterangan: berisi penjelasan singkat tentang atribut tampilan yang akan dipakai

22

23 Jaring Semantik tampilan Semantik = Semantik (Bahasa Yunani: semantikos, memberikan tanda, penting, dari kata sema, tanda) adalah cabang linguistik yang mempelajari makna yang terkandung pada suatu bahasa, kode, atau jenis representasi lain. Semantik biasanya dikontraskan dengan dua aspek lain dari ekspresi makna: sintaksis, pembentukan simbol kompleks dari simbol yang lebih sederhana, serta pragmatika, penggunaan praktis simbol oleh agen atau komunitas pada suatu kondisi atau konteks tertentu. Aspek penting dari perancangan tampilan adalah bagaimana pengguna dapat berdialog dengan komputer Masalah bagi pemrogram biasanya bila cacahan tampilan yang banyak dan masing-masing mempunyai navigasi yang berbeda Dalam membantu pemrogram untuk memeriksa navigasi yang ada, dapat digambarkan lewat suatu bagan yang disebut jaring semantik tampilan (Screen Semantic Net)

24 Jaring Semantik tampilan
Jaring semantik tampilan mempunyai 2 komponen : Nomor tampilan (lembar kerja) Trasnsisi

25

26 Terimakasih….. Untuk mahasiswa/i yang tidak ngantuk, hadir tepat waktu dan tetap konsentrasi Mengikuti Perkuliahan. Sampai berjumpa minggu depan ……..