RAGAM DIALOG. Aspek penting dalam dialog adalah gaya interaksi. Interaksi merupakan dialog antara manusia dan komputer

Transkripsi

1 RAGAM DIALOG

2 RAGAM DIALOG Aspek penting dalam dialog adalah gaya interaksi Interaksi merupakan dialog antara manusia dan komputer

3 GAYA INTERAKSI secara umum : command line interface menus natural language question/answer and query dialogue form-fills and spreadsheets WIMP point and click three dimensional interfaces

4 COMMAND LINE INTERFACE Cara untuk mengekspresikan instruksi ke komputer secara langsung tombol fungsi, karakter tunggal, singkatan pendek, semua kata, atau kombinasi cocok untuk tugas yang berulang lebih baik bagi pengguna ahli daripada pemula menawarkan akses langsung ke fungsi sistem nama perintah / singkatan harus bermakna! Contoh: sistem Unix

5 COMMAND LINE INTERFACE

6 COMMAND LINE INTERFACE

7 MENU Tetapkan pilihan yang ditampilkan pada layar Pilihan terlihat kurang ingat - mudah digunakan mengandalkan pengakuan maka nama harus bermakna Seleksi oleh: angka, huruf, tombol panah, mouse kombinasi (e.g. mouse ditambah akselerator) Pilihan sering dikelompokkan hierarkis Pengelompokan yang mudah dipahami sangat diperlukan Pembatasan form oleh WIMP sistem

8 MENU

9 MENU

10 NATURAL LANGUAGE Akrab dengan pengguna Masalah Samar Solusi Ambigu sulit dilakukan dengan baik mencoba untuk memahami subset memilih kata-kata kunci

11 NATURAL LANGUAGE

12 NATURAL LANGUAGE

13 QUERY INTERFACES Pertanyaan / jawaban antarmuka pengguna dipandu melalui interaksi dengan serangkaian pertanyaan cocok untuk pemula pengguna tetapi fungsionalitasnya terbatas sering digunakan dalam sistem informasi Query bahasa (e.g. SQL) digunakan untuk mengambil informasi dari database memerlukan pemahaman tentang struktur database dan sintaks bahasa, sehingga memerlukan beberapa keahlian

14 QUERY INTERFACES

15 QUERY INTERFACES

16 QUERY INTERFACES

17 QUERY INTERFACES (SQL)

18 FORM-FILLS INTERFACE Terutama untuk entri data atau pengambilan data Layar seperti kertas formulir. Data dimasukkan ke dalam tempat yang relevan Memerlukan desain yang baik fasilitas koreksi jelas

19 FORM-FILLS INTERFACE

20 FORM-FILLS INTERFACE

21 FORM-FILLS INTERFACE

22 SPREADSHEETS INTERFACE VisiCalc spreadsheet pertama, diikuti oleh MS Excel, Lotus hari ini paling umum Canggih dengan variasi bentuk pengisian. grid sel berisi nilai atau formula rumus dapat melibatkan nilai-nilai dari sel-sel lain e.g. jumlah semua sel di kolom ini pengguna dapat memasukkan data dan mengubah spreadsheet dan menjaga konsistensinya

23 SPREADSHEETS INTERFACE(VisiCalc)

24 SPREADSHEETS INTERFACE

25 SPREADSHEETS INTERFACE(ms-excel)

26 WIMP INTERFACE Windows Icons Menus Pointers or windows, icons, mice, and pull-down menus! style standar untuk sebagian besar sistem komputer interaktif, terutama PC dan desktop

27 elements of the wimp interface windows, icons, menus, pointers +++ buttons, toolbars, palettes, dialog boxes also see supplementary material on choosing wimp elements

28 Windows Area layar yang bebas dapat berisi teks atau grafis dapat dipindah atau diubah ukurannya dapat tumpang tindih dan tidak jelas satu sama lain, atau dapat diletakkan di samping satu sama lain (genteng) Scrollbars mengijinkan pengguna untuk memindahkan isi jendela atas dan ke bawah atau dari sisi ke sisi Title bar menjelaskan nama windows

29 Icons gambar atau gambar kecil mewakili beberapa objek dalam antarmuka sering sebuah jendela atau tindakan jendela dapat ditutup (iconised) perwakilan kecil yang banyak diakses windows ikon dapat menjadi banyak dan beragam sangat bergaya representasi yang realistis

30 Menu Pilihan operasi atau layanan yang ditawarkan pada layar Pilihan yang diperlukan dipilih dengan pointer File Edit Options Font Typewriter Screen Times masalah - mengambil banyak ruang layar solusi - pop-up: menu yang muncul saat dibutuhkan

31 Pointers komponen penting Gaya WIMP yang menunjuk dan memilih menggunakan mouse, trackpad, joystick, trackball, tombol kursor atau cara pintas keyboard berbagai gambar grafis

32 Jenis Menu Menu Bar di atas layar (biasanya), menu menyeret turun menu pull-down - tahan mouse dan tarik down drop-down menu - menu mengungkapkan klik mouse fall-down menu - mouse hanya bergerak di bar! Menu kontekstual muncul di mana Anda berada pop-up menu - tindakan untuk objek yang dipilih pie menu - diatur dalam sebuah lingkaran lebih mudah untuk memilih item (area target yang lebih besar) cepat (jarak yang sama untuk setiap opsi) tapi tidak secara luas digunakan!

33 Menu Pull Down menu pull down adalah salah satu teknik membuat menu tersembunyi, menu ini muncul disaat dibutuhkan dan menghilang setelah tidak digunakan

34 Menu Pull Down

35 Menu Pull Down

36 Menu Drop Down Tampilan menu yang memiliki tingkatan di bawahnya ketika pointer mouse kita letakkan atau kita arahkan di atas tulisan menu yang kita pilih. Dapat juga disebut dengan multi-levelnavigation. Jadi, ketika mouse diarahkan di atasnya maka akan muncul sub dari menu utama tadi.

37 Menu Drop Down

38 Menu Pop Up

39 Menu Pop Up

40 Masalah Desain Menu mana yang baik untuk digunakan apa yang harus disertakan dalam menu kata-kata untuk menggunakan (tindakan atau keterangan)

41 Buttons individu dan daerah terpencil dalam tampilan yang dapat dipilih untuk memohon sebuah tindakan Jenis khusus tombol radio set pilihan saling eksklusif kotak centang set pilihan non-eksklusif

42 Toolbars akses cepat ke tindakan Common sering customizable: memilih toolbar untuk melihat memilih pilihan apa yang ada di dalamnya

43 Palettes And Tear-off Menus masalah menu tidak ada di sana ketika Anda inginkan Solusi palet tindakan dari windows ditampilkan / disembunyikan melalui pilihan menu e.g.tersedia dalam menggambar bentuk paket

44 Dialogue Boxes informasi jendela yang pop up untuk menginformasikan suatu acara penting atau meminta informasi. misalnya: saat menyimpan sebuah file, kotak dialog akan ditampilkan untuk memungkinkan pengguna untuk menentukan nama file dan lokasi. Setelah file disimpan, kotak menghilang.

45 Three Dimensional Interfaces ordinary window systems highlighting visual affordance indiscriminate use just confusing! 3D workspaces use for extra virtual space light and occlusion give depth distance effects click me! flat buttons or sculptured