INTERAKSI.

Presentasi berjudul: "INTERAKSI."— Transcript presentasi:

1 INTERAKSI

2 Apa Itu Interaksi? Komunikasi user system

3 Interaksi Dialog manusia dan sistem dipengaruhi oleh bentuk interface.
Kerangka Kerja Interaksi niat pengguna  diterjemahkan ke dalam tindakan di antarmuka  diterjemahkan ke dalam status perubahan sistem  tercermin dalam tampilan output  ditafsirkan oleh pengguna Kerangka umum untuk memahami interaksi tidak terbatas pada sistem komputer elektronik mengidentifikasi semua komponen utama yang terlibat dalam interaksi memungkinkan sistem penilaian komparatif

4 Kesalahan Manusia Tergelincir (slip) memahami sistem dan tujuan
benar perumusan tindakan tindakan salah Kesalahan (mistakes) mungkin bahkan tidak punya tujuan benar! Memperbaiki segala sesuatu? slip - desain antarmuka yang lebih baik kesalahan - pemahaman yang lebih baik sistem

5 Ergonomi Studi tentang karakteristik fisik dari interaksi yang mengarah kepada faktor kenyamanan kerja. Memahami seluruh kondisi manusia, baik dari segi anatomi, fisiologi, psikologi, engineering, manajemen, dan desain/perancangan. Ergonomi baik menentukan standar dan pedoman untuk membatasi cara kita mendesain aspek tertentu dari sistem

6 Contoh-contoh Ergonomi
pengaturan kontrol dan tampilan contoh : kontrol dikelompokkan berdasarkan fungsi atau frekuensi penggunaan, atau secara berurutan lingkungan sekitar Contoh : pengaturan tempat duduk beradaptasi untuk mengatasi semua ukuran pengguna masalah kesehatan Contoh : posisi fisik, kondisi lingkungan (suhu, kelembaban), pencahayaan, kebisingan penggunaan warna Contoh : penggunaan merah untuk peringatan, hijau untuk oke, kesadaran kebutaan warna, dll

7 Ergonomi

8 Ergonomi

9 Ergonomi

10 Ergonomi

11 Ergonomi

12 Ergonomi

13 Ergonomi

14 Ergonomi

15 Ergonomi

16 Prinsip Ergonomi Prinsip Fisikal :
Menjadikan segala sesuatu mudah dijangkau Bekerja dengan tinggi yang sesuai/cocok Bekerja dengan postur yang sesuai Mengurangi pengeluaran tenaga yang berlebihan Meminimalkan kepenatan/keletihan Mengurangi pengulangan yang berlebihan Memberikan jarak ruang dan akses Meminimalkan contact stress

17 Prinsip Ergonomi Prinsip Fisikal (lnjt):
Memberikan mobilisasi dan mengubah postur/posisi Menahan getaran Menciptakan lingkungan yang menyenangkan : Pencahayaan yang tepat : Menghindarkan user dari cahaya langsung atau pantulannya Memperoleh keseimbangan antara kecerahan (brightness) layar tampilan dan kecerahan yang ada di depan user. Menghindari cahaya langsung atau pantulan yang langsung mengenai layar tampilan. Cahaya langsung (berasal dari matahari) Cahaya tidak langsung (pantulan dari tembok, lantai, meja, dsb) Temperatur yang tepat

18 Prinsip Ergonomi Prinsip Kognitif Adanya standarisasi
Membuat stereotipe Menghubungkan aksi dengan persepsi Mempermudah pemaparan suatu informasi Menyajikan informasi pada level yang tepat secara detail

19 Prinsip Ergonomi Prinsip Kognitif (lnjt)
Memberikan image/gambaran yang jelas Membuat redundansi, misal warna yang berbeda, cetak tebal, miring, dll. Membuat pola/patterns Memberikan stimulan yang bervariasi sesuai kondisi Memberikan umpan balik secara cepat/seketika.

20 Ergonomi

21 Ergonomi

22 Gaya Interaksi dialogue … computer and user
gaya interaksi yang berbeda Gaya interaksi berhubungan erat dengan user interface.

23 Lima Generasi Perkembangan User Interface
1. Antarmuka sistem berkelompok : Generasi pertama dari user interface User berinteraksi dengan sistem melalui pengantar kerja secara berkelompok Semua perintah disampaikan terlebih dahulu sebelum dicetak hasilnya. Daya guna antarmuka rendah

24 2. Antarmuka berorientasikan baris perintah :
Lima Generasi Perkembangan User Interface 2. Antarmuka berorientasikan baris perintah : Diperkenalkan pada tahun 1960-an. Tele-type (TTY) adalah mesin yang pertama menggunakan antarmuka baris perintah User mengetikkan perintah baris demi baris. Interaksi user dengan perintah berbentuk dialog soal-jawab Berdaya guna rendah Komputer lebih mengontrol user Antarmuka tidak pemaaf dan membebani ingatan user

25 Antarmuka Orientasi Baris Perintah

26 3. Antarmuka full screen :
Lima Generasi Perkembangan User Interface 3. Antarmuka full screen : Berbentuk pengisian borang Membolehkan beberapa data dimasukkan Sistem menu berbentuk user interface full screen

27 Antarmuka Full Screen

28 4. Antarmuka pengguna grafik :
Lima Generasi Perkembangan User Interface 4. Antarmuka pengguna grafik : Berbentuk visual (GUI : Graphic User Interface) menggunakan grafik, ikon, dan animasi Secara komersil mulai tahun 1980-an Interaksi berdasar WIMP (window, icon, menu, dan pointer) Manipulasi langsung dari user dengan objek visual melalui mouse atau peranti lain. Point and click, drag and drop, dan menggerakkan objek merupakan ciri utama dalam GUI

29 GUI Interface

30 GUI Interface

31 5. Antarmuka pengguna masa depan :
Lima Generasi Perkembangan User Interface 5. Antarmuka pengguna masa depan : Mengarah pada penambahan unsur animasi obyek, audio (suara dan bunyi), serta unsur tiga dimensi. Interaksi yang digunakan lebih ke natural language dan membenarkan penggunaan input yang tidak berformat.

32 Lima Generasi Perkembangan User Interface
Contoh bentuk user interface masa depan : Embodied Interaction : menggunakan gerakan tubuh untuk memberikan input ke komputer 3D Virtual Reality : memberikan bentuk seolah user benar-benar berada dalam komputer. Sensing Affect : komputer telah bisa mengenal lingkungan dan pengaruhnya, merasakan, mendengar, dan melihat. Sensor Networks : sensor yang ditempatkan jauh dari komputer, mampu mendeteksi vision dan sound. Merupakan perkembangan teknologi jaringan komputer secara wireless. Cyborg : evolusi perkembangan IMK yang merupakan aspek dari artificial intelligent.

33 Embodied Interaction (menggunakan gerakan tubuh untuk memberikan input ke komputer )

34 3D Virtual (memberikan bentuk seolah user benar-benar berada dalam komputer)

35 3D Virtual Reality

36 Sensing Affect (komputer telah bisa mengenal lingkungan dan pengaruhnya, merasakan, mendengar, dan melihat )

37 Sensor Network (sensor yang ditempatkan jauh dari komputer, mampu mendeteksi vision dan sound.)

38 Cyborg (evolusi perkembangan IMK yang merupakan aspek dari artificial intelligent)

39 Future Interface

40 Future Interface

41 Future Interface

42 Future Interface

43 Future Interface

44 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