Human Computer Interaction

Tugas pengganti Kuis-2 IF-33-01

2010-12-17T20:44:00.000-08:00

Aturan pelaksanaan tugas:

Tugas dikerjakan secara perorangan.
Gunakan buku dan internet untuk menjawab seluruh pertanyaan.
Tuliskan sumber acuan pada setiap jawaban yang dituliskan.
Tugas dikerjakan dalam format .docx, simpan dengan nama file: Kuis-2 [Nim].docx (ket: [NIM] diganti dengan nomor induk mahasiswa)
Kirimkan file tugas ke email: guntur_pk@yahoo.com dengan subjek email: Kuis-2 [Nim] (ket: [NIM] diganti dengan nomor induk mahasiswa)
Deadline: Rabu 22 Desember 2010 pukul 13.00 WSEYS (Waktu Server Email Yahoo Saya).

Aturan penulisan sumber acuan:
A. Buku: Tuliskan judul buku, nama pengarang, tahun terbit, nomor halaman acuan.
B. Internet: Tuliskan URL secara lengkap dan spesifik sampai pada artikel (.htm/.html/.php/.asp/dll) atau dokumen acuan (.doc/.docx/.pdf/.chm/dll)

TUGAS

Jelaskan yang dimaksud dengan 'readability' dan 'legibility' dalam lingkup penggunaan teks dan pesan.
Terdapat 2 (dua) jenis font: Serif dan Sans-serif. Jelaskan perbedaan kedua jenis font tersebut, beri ilustrasi/gambar dan jelaskan pengaruh kedua jenis font tersebut dalam mendukung readability dan legibility.
Teknologi multi-touchscreen menginspirasi munculnya on-screen keyboard (keyboard pada layar monitor). Kemunculan teknologi ini dapat membantu user dengan 'keterbatasan' (disabilities). Mengacu pada teori/konsep tentang Accessibility, sebutkan dan jelaskan jenis-jenis disabilities yang dapat diakomodir oleh on-screen keyboard.
Terdapat 5 (lima) jenis penggunaan graphics (gambar): navigational, representational, organizational, explanative, dan decorative. Jelaskan masing-masing dan beri contohnya.
Dalam mengatur layout elemen-elemen pada suatu tampilan, dikenal istilah 'white space' dan 'proximity', jelaskan yang dimaksud dengan kedua istilah tersebut dan jelaskan hubungan antara keduanya.

Selamat Mengerjakan

Topik Project

2009-10-04T07:23:00.000-07:00

Factory Outlet (FO)
Contoh judul dan fungsionalitas:

Aplikasi informasi FO: denah ruang FO, informasi special events
Aplikasi keanggotaan: Pendaftaran anggota, informasi yang khusus untuk anggota

Plasa Telkom
Contoh judul dan fungsionalitas:

Aplikasi antrian: penanganan antrian, pembagian loket layanan
Aplikasi layanan: pencatatan layanan/keluhan, pencatatan solusi/penanganan

Catatan:
Judul dan fungsionalitas yang disampaikan di sini hanya sebagai ilustrasi masalah dan kedalaman fungsionalitas, sehingga boleh untuk tidak dipilih/diikuti.
Tiap-tiap kelompok diminta untuk mengajukan judul dan fungsionalitas masing-masing, namun tidak keluar dari topik utama (FO dan Plasa Telkom).

Project Kick Off

2009-09-15T06:20:00.000-07:00

Tiap kelompok memperoleh sebuah tema dan membuat desain tampilan aplikasi berdasarkan tema tersebut. Tema utama tugas besar semester ini adalah desain tampilan aplikasi yang dibutuhkan di tempat umum. Yang menjadi fokus dalam tugas besar ini adalah:

Pengenalan target pengguna (individu dan bisnisnya)
Penerapan prinsip-prinsip desain UI
Desain antarmuka yang sesuai bagi pengguna
Desain pesan, feedback, panduan dan peringatan yang baik
Pembuatan style guide dan dokumentasi yang baik

Untuk tahap awalan, tiap kelompok harus membuat proposal teknis tentang aplikasi yang akan dirancang. Sebaiknya pada tahap ini tiap kelompok sudah mulai mendatangi tempat dimana target pengguna berada untuk mengenali karakteristik pengguna, kebutuhan serta keinginan mereka.

Proposal minimal berisi:

Judul (harus dapat membedakan tiap kelompok)
Latar belakang (alasan dibutuhkannya aplikasi tersebut)
Tujuan (yang ingin dicapai dari pembuatan aplikasi)
Target pengguna (siapa (saja) yang dapat menggunakan aplikasi, dengan media apa)
Fungsionalitas (sedetail mungkin, walau bisa berkurang/bertambah seiring pengerjaan)
Tools implementasi/ desain (misal: flash, dreamweaver, delphi, VB, dll)
Teknik evaluasi (rencana cara mengukur tercapai/ tidaknya tujuan)

Proposal diposting pada blog masing-masing kelompok dan sediakan tautan (link) yang dapat langsung mengacu pada proposal.
Deadline: pertemuan hari Jumat tanggal 2 Oktober 2009

Reading Assignment - 1

2009-09-01T19:12:00.000-07:00

Tugas membaca diberikan dengan tujuan untuk memperdalam pemahaman tentang suatu materi secara mandiri. Tugas ini dapat dilakukan secara mandiri maupun berkelompok, disesuaikan dengan cara belajar masing-masing individu.

Buku yang digunakan dalam tugas membaca ini adalah buku utama yang digunakan selama proses perkuliahan, yaitu "The Essential Guide to User Interface Design 3rd Edition" karya Wilbert O. Galitz.

Tugas membaca yang pertama ini, topik yang menjadi pokok bahasan adalah:

Important Human Characteristics in Design (p. 76)
Human Considerations in the Design of Business Systems (p. 87)

Hasil tugas membaca ini diharapkan dapat menjadi modal untuk kegiatan Kuis-1 pada hari Jumat 4 September 2009.

Group Homeworks - 1

2009-08-28T02:27:00.000-07:00

Group homework (GH) adalah tugas yang diberikan untuk dikerjakan secara berkelompok.
Jumlah anggota per kelompok adalah 3-5 mahasiswa dengan komposisi yang heterogen (terdapat pria dan wanita).
Pada tugas kelompok yang pertama ini, masing-masing kelompok diminta untuk memilih satu buah website (bukan blog/forum) sebagai objek analisa.
Lakukan analisa terhadap website tersebut menggunakan prinsip-prinsip yang telah dipelajari pada pertemuan ke-2.
Definisikan prinsip-prinsip apa saja yang diterapkan dan yang tidak diterapkan.
Jelaskan kelebihan, kekurangan dan berikan masukan/saran perbaikan untuk website tersebut.

Hasil eksplorasi kelompok ditampilkan pada blog masing-masing kelompok (platform bebas). Penilaian akan dilaksanakan setelah pertemuan ke-3 (31 Agustus 2009) selesai.

*Jangan lupa untuk mecantumkan hyperlink ke website yang menjadi objek eksplorasi.

Download Materi Kuliah

2009-08-25T00:37:00.001-07:00

Pekan-1:
Slide 1. UI Introduction - 4.4MB [.rar]
Slide 2. Characteristics of Graphical and Web UI 2.5MB [.rar]
Video Jeff Han - Multi touch screen 30MB [.flv] *download flv-player.exe 4.76MB
Video Compiz-Fedora 6.57MB [.avi]
Book The Essential Guide to User Interface Design 3rd Edition 4.29MB [.pdf]

Pekan-2:
Slide 3. Step-1: Know your user & client 4.3MB [.rar]
Slide 4. Step-2: Understand the Business Function 106KB[.rar]

Pekan-3
Slide 5. Step-3: Understand the Principles of Good Interface and Screen Design 490KB [.rar]
Slide 6. Step-4: Developing Menu and Navigation 400KB [.rar]

Pekan-4
Slide 7. Step-5: Select the proper kinds of windows 2.82MB [.rar]
Slide 8. Step-6: Select the proper interaction device 2.2MB [.rar]

Pekan-5
Slide 9. Step-7: Select the proper controls 1.2MB [.rar]
Slide 10. Step-8: Write clear text and messages 200KB [.rar]

Pekan-6
Slide 11. Step-9: Provide effective Feedback, Guidance and Assistance 1.38MB [.rar]
Slide 12. Step-10: Internationalization and Accessibility 2.73MB [.rar]

Pekan-7
Slide 13. Step 11&12: Icons Graphics 3.68MB [.rar]

Pekan-8
Slide 14. Step-13: Organize and layout Windows and Pages 4.41MB [.rar]
Slide 15. Step-14: Test, test and Re-test.. 3.85MB [.rar]

Selamat Datang!

2009-08-24T23:47:00.000-07:00

Selamat datang di blog ini, semoga media ini dapat memberikan manfaat positif untuk proses perkuliahan Human Computer Interaction kelas D3IF-32-02.