Sunday, 21 June 2015

Take Home Test 3 - Kajian Artikel Ilmiah

Strong Concepts: Intermediate-Level Knowledge in Interaction Design Research

Penulis:  - KRISTINA HOOK, Royal Institute of Technology, Sweden
                - JONAS LOWGREN, Malmo University, Sweden


ABSTRAK
Design-oriented research practices create opportunities for constructing knowledge that is more abstracted than particular instances, without aspiring to be at the scope of generalized theories. We propose an intermediate design knowledge form that we name strong concepts that has the following properties: is generative and carries a core design idea, cutting across particular use situations and even application domains; concerned with interactive behavior, not static appearance; is a design element and a part of an artifact and, at the same time, speaks of a use practice and behavior over time; and finally, resides on an abstraction level above particular instances. We present two strong concepts--social navigation and seamfulness--and discuss how they fulfil criteria we might have on knowledge, such as being contestable, defensible, and substantive. Our aim is to foster an academic culture of discursive knowledge construction of intermediate-level knowledge and of how it can be produced and assessed in design-oriented HCI research.

Pengkaji: Prayoga Bagus H, Bogor Agricultural University, Indonesia (G64120082)

Ulasan
Di ruang lingkup interaksi manusia dan komputer (IMK), pendekatan dominan untuk pembentukan pengetahuan adalah untuk mendesain skema interaksi yang inovatif dan untuk mengevaluasinya secara empiris melalui pembelajaran yang lebih teliti. Pendekatan ini mempunyai dua target dalam pembentukan pengetahuan: untuk menampilkan contoh yang inovatif dan untuk mengkontribusikan interaksi manusia dan komputer yang lebih umum untuk dimengerti.
                Teori desain merupakan bidang akademik yang terstruktur. Walaupun mungkin teori tersebut sedikit kabur, teori tersebut masih merepresentasikan desain konseptual dan berteori selama setengah abad. Teori desain ini bertujuan untuk menghubungkan semua design disciplines; asumsikan ada pelatihan utama yang umum, proses, dan lintas konseptualisasi, misalnya arsitektur dan desain produk.
                Perbedaan paling utama untuk mengamati teori desain adalah perbedaan antara teori desain yang bersifat generatif dan evaluatif. Pada interaksi manusia dan komputer saat ini, perbedaan ini adalah perbedaan yang paling popular dan sulit untuk dibedakan antara ideation dan synthesis (Kolko 2010). Ideation mengacu pada membuat ide desain baru dan kemungkinan-kemungkinan yang ada, sedangkan synthesis adalah tindakan yang fokus, memilih, dan mengkombinasikan ide pada pembuatan detail yang lebih jauh. Hal penting lain dari perwujudan generatif dan evaluatif pada desain adalah adanya bidang kritikan pada design disciplines, pengaruh yang sehat antara kritik bersifat evaluatif dan pelatihan design bersifat generatif.
                Strong concepts pada interaksi manusia dan komputer adalah elemen desain abstrak yang mempunyai potensi untuk disesuaikan oleh desainer dan peneliti untuk memperluas dan memungkinkan instantiasi tertentu. Mereka merubah gagasan abstrak menjadi cakupan yang dapan diaplikasikan. Pada saat yang bersamaan, strong concepts juga lebih spesifik dari teori; tidak ada klaim yang universal. Strong concepts pada desain interaksi  dikenal dengan karakteristik sebagai berikut:
·         Gestalt dinamis dari desain interaksi, yaitu lebih memperhatikan tingkah laku interaktif daripada tampilan yang statis.
·         Antarmuka antara teknologi dan manusia, yaitu ciri khas perilaku interaktif dari waktu ke waktu.
·         Membawa inti dari ide desain yang mempunyai potensial untuk melintasi situasi tertentu atau mungkin domain aplikasi.
·         Ciri khas dari level abstraksi di atas kejadian tertentu, artinya strong concepts dapat terealisasi pada banyak hal jika berhubungan dengan detail antarmuka.


                Navigasi sosial mengacu pada gagasan pengambilan keputusan berdasarkan keputusan lainnya (Dourish and Chalmers 1994). Navigasi sosial adalah contoh dari strong concepts, yaitu pengetahuan desain interaksi level menengah yang terbukti bersifat generatif tingkat tinggi. Navigasi sosial sebagai strong concepts telah disesuaikan dengan desain interaksi pada situasi yang bervariasi. Konsep navigasi sosial telah digunakan di berbagai desain, buktinya dapat ditemukan di produk komersial paling sukses dimana pengguna diharuskan untuk menavigasi ruang informasi besar (contohnya scholar.google.com, imdb.com, amazon.com, dan lain-lain). Hal ini berawal dari aplikasi mobile yang memperbolehkan pengguna untuk meninggalkan jejak pada dunia nyata kepada orang lain untuk diikuti atau berinteraksi dengan jejak tersebut. Kita dapat melihat bagaimana navigasi sosial memiliki pengaruh besar terhadap dunia.
                Ada kriteria kualitas akademik yang harus diperhatikan pada desain, yaitu contestable, defensible, dan substantive. Contestible, artinya desain dan pencipta desain tersebut tidak perlu diragukan. Defensible, artinya desain dibuat berlandaskan empiris, analitis, dan teoritis. Substantive, artinya desain memiliki interaksi desain yang lebih dari sebelumnya. Kriteria-kriteria tersebut harus dipenuhi untuk pengetahuan tingkat menengah.
                Setelah kriteria-kriteria tersebut dipenuhi, kita dapat membuat strong concepts dari desain tersebut. Strong concepts adalah elemen desain yang generatif, mereka dapat digunakan oleh desainer atau peneliti lain sebagai contoh desain untuk memeriksa kemungkinan yang terjadi. Tahap selanjutnya untuk membuat strong concepts menjadi kontribusi pengetahuan akademik adalah menghubungkannya dengan konsep yang mirip, fokus pada kemiripan dan perbedaan yang dapat membantu menjelaskan penerapan dari strong concepts. Tahap ini dikenal juga sebagai horizontal grounding. Tahap lainnya adalah vertical grounding. Vertical grounding menjelaskan apakah strong concepts terdapat pada contoh lainnya, apakah kita dapat menggunakan contoh lain tersebut sebagai landasan empiris ketika ingin membuat strong concepts lainnya.

                Penelitian terhadap desain interaksi dapat digunakan untuk membangun pengetahuan tingkat menengah. Secara spesifik, terdapat strong concepts yang generatif pada pengetahuan tingkat menengah. Strong concepts merupakan sebagian ide yang termasuk elemen dari solusi desain yang dapat diterima oleh desainer dan peneliti dan dapat digunakan untuk membuat contoh yang baru. Navigasi sosial, seamfulness, dan lintasan antarmuka adalah beberapa contoh dari strong concepts.

Monday, 8 June 2015

Help Users Recognize, Diagnose, and Recover from Errors - serangkota.go.id

Ringkasan Masalah
Help users recognize, diagnose, and recover from errors artinya sistem memberikan pesan error dengan bahasa yang jelas (tanpa kode), mengidentifikasikan masalah dengan tepat, dan memberikan saran untuk mengatasi masalah tersebut. 

Deskripsi Masalah
Ketika pengguna ingin login pada web serangkota.go.id dan pengguna salah memasukkan username atau password, sistem hanya memberikan pesan error tanpa memberikan saran untuk mengatasi masalah tersebut.




Rekomendasi Perbaikan
Saran saya, sistem dapat memberikan saran untuk mengatasi masalah tersebut. Misalnya dengan memberikan link untuk fitur forgot your password dan fitur forgot your username.

Severity Rating
Saya memberikan nilai 2 pada severity rating masalah ini. Masalah ini harus diperbaiki namun prioritasnya rendah.

________________________________________________________________________


Deskripsi Masalah
Web serangkota.go.id menyediakan fitur forgot username. ketika pengguna menggunakan fitur ini, pengguna harus menginput alamat email yang digunakan saat pendaftaran. Namun, ketika pengguna memasukkan alamat email pada kotak yang telah disediakan, kotak tersebut tiba-tiba berubah warna menjadi warna merah seakan-akan seperti sedang terjadi error. Hal ini dapat membuat user panik dan bertanya-tanya "apa salah saya?" Padahal, tidak ada error yang terjadi.



Rekomendasi Perbaikan
Saran saya, sistem tidak memberikan warna merah pada kotak tersebut.

Severity Rating
Saya memberikan nilai 4 pada severity rating masalah ini. Masalah seharusnya diselesaikan sebelum web ini dipublikasikan.

User Control and Freedom - serangkota.go.id

Ringkasan Masalah
User control and freedom, artinya sistem memberikan kebebasan user untuk mengontrol dan merubah state sistem seperti yang dia inginkan

Deskripsi Masalah
Menu utama pada web serangkota.go.id tidak memberikan user kesempatan untuk memilih atau mengunci menu yang dia inginkan, sehingga user mendapatkan kesulitan untuk memilih sub-menu pada menu yang dia ingin pilih. Contohnya, jika saat ini user sedang berada di menu home dan ingin memilih sub-menu sejarah pada menu selayang pandang, user tidak bisa memilih menu selayang pandangnya, tetapi harus langsung memilih sub-menu sejarah.





Rekomendasi Perbaikan
Saran saya, sistem memperbolehkan user untuk memilih menu utama agar user dapat lebih mudah dalam memilih sub-menu didalamnya.

Severity Rating
Saya memberikan nilai 3 pada severity rating masalah ini. Masalah ini harus diperbaiki dengan prioritas tinggi.

_____________________________________________________________________________________________



Deskripsi Masalah
Pada menu Home, terdapat widget yang menampilkan lambang kota. Terdapat 9 lambang kota. Lambang ini ditampilkan dari kiri ke kanan secara otomatis. Namun, user tidak dapat mengatur secara manual lambang mana yang ingin user lihat. Hal ini menghambat kebebasan user karena user tidak memegang kontrol pada widget tersebut.


Rekomendasi Perbaikan
Saran saya, sistem harus diatur sedemikian rupa sehingga user dapat memegang kendali pada widget tersebut.

Severity Rating
Saya memberikan nilai 2 pada severity rating masalah ini. Masalah ini harus diperbaiki namun prioritasnya rendah.

Saturday, 6 June 2015

Match between System and the Real World - serangkota.go.id

Ringkasan Masalah
Match between system and the real world, artinya sistem harus dapat menyampaikan pesan dengan bahasa, gambar, atau sesuatu yang familiar dengan kehidupan sehari-hari pengguna.

Deskripsi Masalah
Pada menu download di web serangkota.go.id, terdapat fitur Search Downloads. Pada umumnya, fitur search dilambangkan dengan icon kaca pembesar. Namun, fitur search pada web ini menggunakan icon teropong yang tidak familiar dengan fitur search.



Rekomendasi Perbaikan
Saran saya, icon teropong dapat diganti menjadi kaca pembesar.

Severity Rating
Saya memberikan nilai 1 pada severity rating masalah ini. Masalah ini hanya masalah kosmetik saja.

________________________________________________________________________


Deskripsi Masalah
Pada halaman web serangkota.go.id, terdapat pilihan Serang Mail. Namun, kategori Serang Mail ini hanya berlambangkan lambang kota Serang saja. Seharusnya, kategori tersebut ditambahkan gambar surat atau kotak surat agar memudahkan pengguna untuk mengidentifikasi kategori tersebut sebagai mail.



Rekomendasi Perbaikan
Saran saya, tambahkan icon surat pada kategori tersebut.

Severity Rating
Saya memberikan nilai 1 pada severity rating masalah ini. Masalah ini hanya masalah kosmetik saja.

Visibility of System Status - serangkota.go.id

Ringkasan Masalah
Visibility of system status, artinya user harus selalu mendapatkan informasi apa yang sedang terjadi melalui penyampaian yang tepat.

Deskripsi Masalah
Web serangkota.go.id menyediakan kategori "Video Serang" untuk ditampilkan. Saat kita menekan tombol play, sistem menampilkan pesan error bahwa video tersebut tidak dapat ditampilkan.




Pesan error tersebut memperlihatkan bahwa file pelatihan.flv tidak ditemukan pada direktori yang dituju sehingga video tersebut tidak dapat diputar. Namun, jika kita tunggu beberapa saat, pesan error tersebut akan hilang dan berubah menjadi gif "loading". Padahal, sistem sedang tidak melakukan proses apapun.


Hal ini dapat mengakibatkan user menunggu dengan harapan video tersebut suatu saat akan muncul.

Rekomendasi Perbaikan
Saran saya, jika memang video-nya tidak ada sebaiknya tidak usah menyediakan kategori video. Atau, mereka harus selalu menyampaikan pesan error bahwa video tersebut tidak dapat diputar agar user tidak salah paham.

Severity Rating
Saya memberikan nilai 3 pada severity rating masalah ini. Masalah ini harus diperbaiki dengan prioritas tinggi.

________________________________________________________________________

Deskripsi Masalah
Menu pada web serangkota.go.id dapat diklik. Bila kita men-klik menu pada saat kita sedang berada di scroll bawah, sistem akan membuat scroll kita menjadi paling atas. Namun, tidak ada keterangan apapun tentang apa yang terjadi bila menu tersebut diklik. Hal ini dapat menyebabkan user bingung dan bertanya-tanya apa yang sedang terjadi.

Sebelum diklik


Sesudah diklik


Rekomendasi Perbaikan

Saran saya, seharusnya sistem akan mengarahkan kita kepada suatu menu tertentu jika menu tersebut dipilih (diklik).

Severity Rating

Saya memberikan nilai 3 pada severity rating masalah ini. Masalah ini harus diperbaiki dengan prioritas tinggi.

Consistency and Standards - serangkota.go.id

Ringkasan Masalah
Salah satu hal yang perlu diperhatikan dalam consistency and standards adalah standarisasi pemahaman kata dan penggunaan kata secara konsisten.

Deskripsi Masalah
Web serangkota.go.id memiliki ketidak konsistenan dalam pemilihan bahasa. Sebagian besar kata-kata yang terlampir pada web tersebut menggunakan Bahasa Indonesia. Namun, ada beberapa fungsi pada web tersebut yang menggunakan kata dalam Bahasa Inggris. Contohnya dapat kita lihat pada fungsi login.

Login Form


Lupa Password


Rekomendasi Perbaikan
Saran saya, semua kata-kata yang menggunakan Bahasa Inggris dapat diganti menjadi Bahasa Indonesia.

Severity Rating
Saya memberikan nilai 2 pada severity rating masalah ini. Masalah ini harus diperbaiki namun prioritasnya rendah.

_____________________________________________________________________________________________



Deskripsi Masalah
Web serangkota.go.id memiliki 7 menu utama, yaitu Home, Selayang Pandang, Potensi Daerah, Humas, Download, Pesan Anda, dan Peta Kota Serang. Namun hanya 2 menu yang dapat dipilih, yaitu menu Home dan Peta Kota Serang. Ketidak konsistenan ini dapat menyebabkan kebingungan pada user.


Rekomendasi Perbaikan
Saran saya, sistem dapat dibuat agar semua menu dapat dipilih.

Severity Rating
Saya memberikan nilai 2 pada severity rating masalah ini. Masalah ini harus diperbaiki dengan prioritas tinggi.

Wednesday, 13 May 2015

Visualisasi Informasi IMK

Saya menampilkan data Realisasi Investasi Penanaman Modal Dalam Negeri Menurut Provinsi pada tahun 2011-2013. Data didapatkan dari buku Statistika Indonesia 2014 halaman 402 pada tabel 11.2.2. Saya membuat diagram menggunakan website infogr.am. Saya membagi diagram menjadi diagram keseluruhan data dan diagram menurut pulau besar di Indonesia sehingga user dapat melihat provinsi mana yang paling besar investasi menanaman modal-nya pada masing-masing pulau dengan lebih mudah. Hasil visualisasi informasi yang saya kerjakan dapat dilihat di http://bit.ly/UVI_PBH

Monday, 16 February 2015

Tugas1 IMK

     Hello bloggers! Pada kesempatan kali ini, saya ingin mengerjakan tugas mata kuliah Interaksi Manusia dan Komputer. Tugasnya adalah mengkritik atau mengkomentari desain interface. Interface yang ingin saya komentari adalah interface dari web penyediaan tiket pesawat, yaitu http://www.traveloka.com/

     Untuk anda yang senang berpergian terutama keluar kota, pastinya sering memesan tiket pesawat terlebih dahulu sebelum berpergian. Memesan tiket melalui web adalah salah satu cara tercepat dan termudah dalam memesan tiket. Nah, traveloka.com ini menyediakan jasa pemesanan tiket pesawat tidak hanya ke seluruh Indonesia, tetapi juga ke beberapa negara asing. Seperti Australia, Kamboja, Thailand, dan lain-lain.

     Berikut contoh screenshot dari homepage web tersebut


     Homepage web tersebut memiliki interface sederhana, tetapi dapat menyampaikan informasi secara tepat dan enak untuk dilihat. Peletakkan icon, ukuran font dan pemilihan warna dari laman web ini merupakan kombinasi yang pas untuk kebutuhan pelanggannya. Selain itu, traveloka.com juga menyediakan jasa pemesanan hotel lho. Jadi kita tidak perlu lagi repot-repot mencari hotel di daerah yang ingin kita kunjungi.


Berikut alamat blog yang telah saya komentari :
http://gazacs49.blogspot.com/
http://juanandasatria.blogspot.com/2015/02/tampilan-web-yang-menarik-ala-masju.html
http://sirambutanmerah.blogspot.com/2015/02/sebelumnyaane-pengen-ngasih-tau-kalau.html