Interaksi Manusia dan Komputer pada I – Banking Bank Mandiri dan Bank DKI

1. Prinsip Usability dalam Interaksi Manusia dan Komputer Berikut beberapa definisi dari ahli tentang Usability :

1. Jakob Nielsen

Ukuran kualitas pengalaman pengguna ketika berinteraksi dengan produk atau sistem apakah situs web, aplikasi perangkat lunak, teknologi bergerak, maupun peralatan – peralatan lain yang dioperasikan oleh pengguna

2. ISO (International Organization of Standardization)

Tingkat dimana produk bisa digunakan oleh pengguna tertentu untuk mencapai  tujuannya dengan lebih efektif, efisien dan memuaskan dalam ruang lingkup penggunanya.
Dari 2 arti diatas saya simpulkan bahwa Usability adalah tolak ukur dari para pembuat sistem atas apa yang sudah dibuatnya apakah sistem yang telah dibuat dapat membantu dan mempermudah para pengguna. Hal ini menjadi penting sebab seorang system developer/web developer tidak bisa berdiri sendiri, system developer/web developer tak lebihnya dari penyedia jasa yang wajib sekali memperhatikan betul – betul apa yang dibutuhkan oleh pengguna.
Secara umum, tolak ukur dari Usability menjadi sangat relative. Tapi menurut Jakob Nielsen, ada 5 tolak ukur yang akurat untuk mengukur Usability, yaitu :

1. Learnability = tingkat kemudahan pada user – end dalam task – task dasar ketika pertama kali menggunakan rancangan sistem.
2. Efficiency = tingkat kecepatan pada user – end dalam task – task dasar setelah mempelajari rancangan sistem.
3. Memorability = tingkat kemudahan pada user – end dalam task – task dasar ketika sudah lama tidak menggunakan rancangan sistem
4. Errors = jumlah eror yang mungkin terjadi, tingkat kejengkelan user end pada eror, cara mengatasi eror.
5. Satisfaction = tingkat kepuasan dalam menggunakan sistem

Adanya Usability tidak lepas dari beberapa tujuan yang mendorongnya, diantaranya :

1. Efektif pada saat digunakan
2. Efisien pada saat digunakan
3. Aman saat menggunakannya
4. Punya utility yang tinggi
5. Mudah bagi user – end pada saat menggunakannya
6. Mudah diingat cara menggunakannya

Sumber :
http://juwita.staff.gunadarma.ac.id/Downloads/folder/0.7
http://haikal.web.id/sites/default/files/USABILITY.pdf
Link Blog : http://waliyuddinsyarif17.blogspot.co.id/

2. Analisa Tugas
Zaman modern saat ini metode pembayaran yang dipakai semakin canggih. Seseorang sudah bisa bertransaksi tanpa harus bertatap muka. Inilah yang dinamakan Mobile Banking. Apa itu Mobile Banking? Mobile Banking adalah mode layanan perbankan yang bisa diakses melalui smartphone. Hamper semua bank di Indonesia telah menggunakan metode Mobile Banking ini demi memanjakan customernya.
Keuntungan menggunakan mobile banking:

1. Tidak membutuhkan akses internet

Problematika yang ada di negara berkembang adalah tidak semua orang memiliki akses internet, oleh Karena itu mobile banking sangat membantu hal itu.

2. Nasabah dapat mengecek saldo & transaksi

Nasabah tidak perlu repot-repot pergi ke atm hanya untuk mengecek saldo & transaksi terakhirnya.

3. Biaya yang di keluarkan lebih rendah

Biaya yang di keluarkan mobile banking lebih rendah di bandingkan dengan internet banking.

4. Memudahkan nasabah untuk melakukan transaksi

Selain memiliki keuntungan, mobile banking juga memiliki kekurangan, yaitu:

1. Tidak semua bank menyediakan aplikasi pihak ketiga
2. Tidak semua aplikasi kompatibel dengan smartphone

Link Blog : iqbalkanigara.blogspot.co.id

3. Analisa Interface
Mobile banking Bank DKI
Tampilan pada saat membuka aplikasi kita dihadapkan dengan menu login, yaitu menu user yang menggunakan jasa Bank tersebut.

Setelah login, terdapat menu utama yang menyediakan banyak menu seperti Informasi Rekening, Transaksi Finansial, Pengaturan, Bukti Transaksi, Info Lainnya, dan Kontal Call Center.

Informasi Rekening berisi semua informasi tentang rekening pemilik atm.
di menu ini terdapat sub menu yaitu Cek Saldo dan Cek 5 transaksi.
Menu cek saldo di maksudkan agar user dapat melihat tabungannya.
Menu Cek 5 transaksi di maksudkan agar user dapat melihat 5 transaksi terakhir yang telah terjadi.

Menu Transfer berisi tujuan dari transaksi transfer yang akan di lakukan oleh user.
Contoh:

1. Ke BANK DKI, maka user akan langsung di beri kolom nomor rekening penerima dan jumlah saldo yang akan di transfer.
2. Ke BANK LAIN, maka user di hadapkan pada kode bank, misalkan kode bank mandiri 008.

Mobile banking bank mandiri
Tampilan menu pada saat membuka aplikasi Mandiri mobile ini terdapat 5 pilihan. Nasabah akan di arahkan menuju login untuk dapat mengakses mobile banking untuk bertransaksi

Tampilan saat muncul pop up password untuk login ke menu mandiri mobile

Tampilan menu utama setelah nasabah login terdapat menu favoritku, rekening, transfer, beli, bayar, dan  admin.

Berikut merupakan tampilan yang ada di dalam menu Transfer Mandiri. Fitur ini berfungsi jika nasabah ingin mentransfer sejumlah uang ke sesama rekening mandiri. Berisi nama akun dari nasabah sendiri, nomor tujuan yang ingin di transfer, kemudian jumlah yang ingin di transfer serta keterangan sebagai pendukung.

Menu Transfer berisi mandiri, kiring, rtgs, dan online. Nasabah bisa melakukan transaksi transfer melalui menu mandiri.

Link Blog : iqbalkanigara.blogspot.co.id

4. Desain Tampilan

Mobile Banking Bank DKI :
Desain grafik :
Pada tampilan awal mobile banking Bank DKI, hanya ada satu pilihan yaitu login, masukan kode akses yang telah dibuat saat aktifasi mobile Bank DKI. Kode akses terdiri dari kombinasi huruf dan angka.
Menu Utama mobile Banking Bank DKI :
Pada menu utama terdapat banyak pilihan transaksi, dan bagian atas dari terdapat informasi dari login terakhir penggunaan mobile banking bank DKI, bertujuan untuk mengetahui apabila ada pihak lain yang masuk/login pada mobile banking.
Menu Informasi Rekening dari Mobile Banking Bank DKI :
Pada mobile banking Bank DKI, dari segi tampilan menu cukup simpel dan mempermudah pengguna, dan juga terdapat menu transaksi terakhir anda.
Menu Transfer Mobile Banking DKI:
Pada tampilan transfer mobile Banking Bank DKI juga memiliki interface yang mudah digunakan dan tata letak yang cukup mudah
Dari segi font aplikasi mobile banking Bank DKI ini mengikuti font yang diterapkan pada handphone tersebut.
Dari segi warna aplikasi mobile banking Bnak DKI menggukan warna khas dari Bank DKI yaitu warna merah, warna tulisan dan warna menu button susai dengan kombinasi warnanya tidak terlalu cerah dan gelap.
 

Mobile Banking Bank Mandiri :
Desain grafik :
Pada tampilan awal mobile banking Bank terdapat banyak pilihan antara lain: ATM & Branch, Mandiri Call, Dll.
Menu Login Mobile Banking Bank Mandiri:
Pada password menggunakan kombinasi huruf dan angka untuk login ke menu utama dari mobile Banking Bnak DKI.
Menu Utama Mobile Banking Bank Mandiri:
Menu yang diterapkan pada mobile banking Bank Mandiri cukup simpel, tidak terlalu banyak menu pilihan tetapi lengkap. Tidak terdapat informasi login terakhir dari mobile banking bank Mandiri
Menu Transfer Mobile Banking Bank Mandiri:
Tampilan dari menu transfer mobile banking Bank Mandiri, cukup mudah digunakan hanya saja pilihan warna warna dari menu ini sama seperti menu utama.
Menu Transfer Mobile Banking Bank Mandiri:
Jika kita sering melakukan transfer dengan satu nomer rekening, bisa kita masukan nomer rekening tersebut ke dalam daftar favorite , fitur ini mempermudah pengguna dalam melakukan input nomer rekening.
Dari segi font aplikasi mobile banking Bank Mandiri ini mengikuti font yang diterapkan pada handphone tersebut. Warna font kurang tepat dengan warna latarnya, jadi agak samar.
Dari segi warna aplikasi mobile banking Bank Mandiri menggukan warna khas dari Bank Mandiri yaitu warna biru, hanya saja dari segi warna menu latar dan warna iconnya semua biru jadi kurang menarik dan juga dapat membuat kesalahan pada pemilihan menu.
Dari segi tata letak cukup mudah dijangkau oleh jari, karna tata letak berada pada tengah layar.
Link blog : http://coretannurhakim.blogspot.co.id
 
5. Analisis Desain Dialog
Pada aplikasi mobile banking Bank DKI maupun mandiri keduanya cenderung menggunakan dialog Direct Manipulation dan WIMP, karena dapat kita lihat pada tampilan setiap menu banyak menggunakan button button dengan sebuah gambar dan sedikit penjelasan dari button yang ditampilkan, itu dapat memudahkan user atau nasabah, dan jika nasabah memilih button yang dimaksud maka akan diarahkan ke menu selanjutnya dan terdapat button lain yang dapat melakukan proses berikutnya, pada aplikasi ini user dapat dengan mudah menggunakan untuk tujuan pengecekan saldo, transfer pembelian, pembayaran, dan lainnya. User juga dapat dengan cepat mengembalikan aplikasi ke menu sebelumnya untuk melakukan kegiatan banking dengan aplikasi mobile banking ini, pada aplikasi kita juga dapat menginput melalui keypad pada touch screen, dengan desain dialog yang digunakan, maka nasabah dapat dengan mudah mengerti dan dipelajari sekalipun oleh orang yang masih baru atau awam dengan aplikasi tersebut. Dan pada aplikasi juga akan memberi info jika server mobile banking sedang dalam proses maintenance, jadi sebelum kita memasukkan pin maka aplikasi sudah memberi tahu bahwa mobile banking sedang dalam maintenance.
Link Blog : nandaarwinantoro13.blogspot.co.id

6.Penanganan Kesalahan & Help Dokumentasi
Mobile banking bank DKI :
Tanggapan kesalahan :
Pada menu call center, mobile banking bank DKI akan menampilkan 2 pilihan yaitu: menu panggil dan menu batal. Untuk menu panggil, aplikasi akan menforward nomor call center bank DKI yang sudah di tampilkan pada menu sebelumnya  kedalam dial pad handphone yang kita gunakan, sementara jika memilih tombol batal maka aplikasi akan kembali ke menu utama.

Help-Dokumentasi :
Pada menu informasi mobile banking bank DKI, menampilkan 3 pilihan diantaranya info lokasi atm, lokasi cabang dan info produk bank. Pada menu info lokasi atm maupun cabang terdekat, sayangnya mobile bank DKI hanya menampilkan alamat dan nama tempat cabang atau atmnya saja, sehingga dapat mengurangi fungsi informasi yang detail karena kurangnya map yang dapat meningkatkan kualitas informasinya. Disamping itu terdapat keuntungan tanpa menggunakan map yakni minimnya kinerja proses handphone sehingga tidak terjadinya hambatan pada aplikasi yang digunakan, terutama pada handphone low end.


Mobile banking bank Mandiri :
Tanggapan kesalahan :
Pada mobile banking bank mandiri, akan muncul langsung menu untuk menelpon call center. Kalau bank DKI menforward terlebih dahulu kedalam dial pad handphone, berbeda dengan bank mandiri yang langsung memilih sim mana yang akan digunakan untuk menelpon call center tanpa menforward terlebih dahulu kedalam dial pad handphone.

Help-Dokumentasi :
Pada mobile banking bank mandiri, info lokasi atm dan cabang bank menjadi satu menu berbeda dengan bank DKI yang terpisah. Pada opsi pencarian lokasi bank, terdapat 2 opsi yaitu: opsi map atau nearby (terdekat), dan opsi search (pencarian).
Pada opsi map atau nearby ditampilkan posisi atm atau cabang bank mandiri dengan suatu map yang di tentukan oleh bentuk pesan warna merah, namun harus diklik dulu bentuk pesan warna merah tersebut agar menampilkan alamat yang ingin kita inginkan.
Pada opsi search, pengguna dapat menggunakan kata kunci letak atm atau cabang bank terdekat yang di inginkan. Selain itu pengguna juga dapat memilih filter lokasi apa yang akan di tampilkan.

Sumber : http://febriani.staff.gunadarma.ac.id/Downloads/files/10585/Penanganan+Kesalahan+dan+Help+Dokumentasi.pdf
Link blog : gilangadityar1997.wordpress.com

Interaksi Manusia dan Komputer

Interaksi Manusia dan Komputer adalah ilmu yang mempelajari hubungan antara manusia dan komputer yang meliputi perancangan, evaluasi, dan implementasi antarmuka pengguna komputer agar mudah digunakan oleh manusia. Ilmu ini berusaha menemukan cara yang paling efisien untuk merancang pesan elektronik.

Ada 3 sub bidang studi yang berhubungan dengan interaksi dengan komputer :

1. Ergonomi, dimana interaksi manusia komputer berkaitan dengan bentuk fisik dan mesin

2. Faktor manusia berkaitan dengan masalah – masalah psikologis

3. Interaksi manusia dan komputer mengkaji bagaimana hubungan – hubungan yang terjadi antar ilmu komputer desain terkait dengan manusia – komputer.

Beberapa aspek yang menjadi fokus dalam perancangan sebuah antarmuka :

1. Metodologi dan proses yang digunakan dalam perancangan sebuah antarmuka

2. Metode implementasi antarmuka

3. Metode evaluasi dan perbandingan antarmuka

4. Pengembangan antarmuka baru

5. Mengembangkan sebuah deskripsi dan prediksi atau teori dari sebuah antarmuka baru

IMK Sebagai Bidang Interdisipliner

IMK dapat dikatakan sebagai salah satu bidang yang merupakan gabungan dari berbagai bidang, yaitu:

• Teknik Elektronika, membantu kita untuk mempelajari aspek-aspek yang berhubungan dengan perangkat keras komputer.
• Ilmu Komputer, membantu kita untuk mempelajari aspek-aspek yang berhubungan dengan perangkat lunak komputer.
• Psikologi, membantu kita untuk memahami perilaku, persepsi, pengolahan kognitif dan keterampilan motorik (psikologi kognitif dan perilaku). Juga memberikan dasar-dasar teknik evaluasi formal untuk mengukur unjuk kerja dan opini tentang sistem manusia dan komputer (psikologi eksperimen).
• Perancangan Grafis dan Tipologi, menjadi salah satu kunci dalam menunjang keberhasilan sistem manusia dan komputer seperti ungkapan "one picture says more than thousands words".
• Linguistik, membantu untuk menjembatani kesenjangan antara bahasa manusia dan bahasa komputer.
• Ergonomi, berhubungan dengan lingkungan fisik (komponen fisik, penataan tempat) yang dapat membantu kita untuk mendapatkan lingkungan kerja yang nyaman.
• Antropologi, membantu merekomendasikan model kerja kelompok yang baik menggunakan sistem komputer.
• Sosiologi, membantu mengkaji dampak sosial atas sistem manusia dan komputer.