1 / 15

Perancangan Tampilan

Perancangan Tampilan. Disusun Oleh : Kelompok IX. Samsuriadi Arfi Mesrach Hapaiduka Firdayanti Bakri Rahmat Hidayat Nimma Erviana. Perancangan Tampilan. Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik

aglaia
Télécharger la présentation

Perancangan Tampilan

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. PerancanganTampilan

  2. DisusunOleh : Kelompok IX • Samsuriadi • ArfiMesrachHapaiduka • FirdayantiBakri • RahmatHidayat • NimmaErviana

  3. Perancangan Tampilan • Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik • Seorang perancang tampilan selain harus mempunyai jiwa seni yang memadai, ia pun juga harus mengerti selera pengguna secara umum • harus bisa meyakinkan pemrogramnya, bahwa apa yang dibayangkan dapat diwujudkan (diimplementasikan) dengan peranti bantu (tool) yang tersedia

  4. Dokumentasi Rancangan • Membuat sketsa pada kertas • Menggunakan peranti prototype GUI • Menuliskan tekstual yang menjelaskan tentang kaitan antara satu jendela dengan jendela yang lain • Menggunakan peranti baru yang disebut CASE (Computer-Aided Software Engineering)

  5. Cara Pendekatan • Pertama: Special Purpose Software, pendekatan yang biasa digunakan adalah user-centered design approach • Kedua: General purpose software (public software)

  6. 4 Komponen Antarmuka • Model Pengguna • Bahasa Perintah • Umpanbalik • Penampilan Informasi

  7. Tahapan • Pemilihan ragam dialog • Perancangan struktur dialog • Perancangan format pesan • Perancangan penanganan kesalahan • Perancangan Struktur Data • Perancangan Tampilan Berbasis Grafis

  8. Pemilihan ragam dialog • Pilihlah ragam dialog yang menurut perkiraan cocok. Pemilihan ragam dialog dipengaruhi oleh karakteristik populasi pengguna, tipe dialog yang diperlukan, kendala teknologi yang ada untuk mengimplementasikan ragam dialog tersebut. Ragam dialog yang terpilih dapat berupa sebuah ragam tunggal, atau sekumpulan ragan dialog yang satusama lain saling mendukung

  9. Perancangan struktur dialog • Analisis tugas dan menentukan model untuk membentuk struktur dialog yang sesuai. Sebaiknya harus mendapatkan umpanbalik yang berupa diskusi informal maupun prototype dari dialog yang nantinya digunakan

  10. Perancangan format pesan • Padatahapinitataletaktampilandanketerangantekstualsecaraterinciharusmendapatperhatianlebih. Selainitu, kebutuhan data masukan yang mengharuskanpenggunauntukmemasukkan data kedalamkomputerjugaharusdipertimbangkandarisegiefisiensinya. Salahsatucontohnyaadalahdenganmengurangipengetikan yang tidakperludengancaramengefektifkanpenggunaantombol.

  11. Perancangan penanganan kesalahan • Untukmenghindariadanyakondisiabnormal termination,yaitueksekusi program berhentikarenaterjadikesalahan, makabentuk-bentukpenanganankesalahanperludilakukan • Validasipemasukan data • Proteksipengguna • Pemulihandarikesalahan • Penampilanpesansalah yang tepatdansesuaidengankesalahan yang terjadipadawaktuitu

  12. Perancangan Struktur Data • Menentukan struktur data yang dapat digunakan untuk menyajikan dan mendukung fungsionalitas komponen-koponen antarmuka yang diperlukan. Struktur ini harus dipetakan langsung ke dalam model pengguna yang telah dibuat

  13. Perancangan Tampilan Berbasis Grafis • pengguna tidak harus mengingat perintah-perintah yang sering kali cukup panjang, tetapi cukup dikerjakan dengan melihat dan kemudian menunjuk ke suatu gambar yang mewakili suatu aktifitas (yang seterusnya disebut ikon) • penggunaan borang property atau option untuk mengatur kenampakan (wajah) desktop • kemampuan WYSIWYG (what you see is what you get) yang kemudian menjadi sangat terkenal

  14. Lanjutan • Ilusi pada obyek-obyek yang dapat dimanipulasi • Urutan Visual dan fokus penggguna • Struktur internal • Kosakata grafis yang konsisten dan sesuai • Kesesuaian dengan media

  15. SEKIAN DAN TERIMA KASIH

More Related