Analisa Desain UI Bank Mandiri

11
Analisa Desain User Interface www.bankmandiri.co.i d

Transcript of Analisa Desain UI Bank Mandiri

Page 1: Analisa Desain UI Bank Mandiri

Analisa Desain User Interface

www.bankmandiri.co.id

Page 2: Analisa Desain UI Bank Mandiri

Isu Isu Desain

Isu desain yang akan digunakan dalam menganalisa www.bankmandiri.co.id

1.Response Time2.Alat Bantu ( Help Facilities )3.Penanganan Kesalahan ( Error Handling )4.Menu dan Label Perintah5.Kemudahan akses terhadap aplikasi6.Internationalisasi

Page 3: Analisa Desain UI Bank Mandiri

RESPONSE TIME

Total HTTP Requests : 24

Total Size : 249864 bytes

Page 4: Analisa Desain UI Bank Mandiri

Analisa Response Time1. Website belum menggunakan fasilitas hhtp compression.

2. Jumlah object didalam web terlalu banyak ( 24), disarankan

jumlah object di kurangi dengan memaksimalkan css untuk

mengurangi background gambar, dapat juga memanfaatkan CSS

Sprites ( Multiple Image Composite ) seperti Yahoo dan AOL.

3. Total Size ( 249 KB) terlalu besar, di sarankan menjadi 100 Kb

agar response time menjadi 20 Kbps untuk koneksi dial modem

56 Kbps.

4. Image Size ( 149 KB), untuk memperkecil size format gambar

dapat diganti menjadi format PNG agar size lebih kecil.

5. Tidak adanya content multimedia, Jumlah page html hanya satu

dan External Script hanya 2 sudah baik dan sesuai dengan

harapan.

6. File java script dapat di minimalkan dengan mengganti beberapa

coding menu dengan CSS dan mengecilkan file menggunakan

gzip yg akan mengurangi besar file hingga 75%.

Tools : http://analyze.websiteoptimization.com/wso

Page 5: Analisa Desain UI Bank Mandiri

Alat Bantu(Kelebihan)

1. Tersedia fasilitas Breadcrump untuk mengetahui dimana posisi visitor saat itu, juga tersedia fasilitas search dan informasi bunga, promo dan kurs mata uang.

2. Untuk transaksi perbankan disediakan buku panduan, namun masih bersifat statis ( pdf) akan lebih baik bisa dibuat dalam bentuk animasi/flash.

Page 6: Analisa Desain UI Bank Mandiri

Alat Bantu( Kekurangan )

• Sitemap tidak tersedia di halaman utama, tapi di halaman ke-dua sehingga akan membingungkan Visitor.

• Bahasa yg digunakan pada menu membuat bingung bagi orang yg tidak mengerti bahasa inggris, padahal menu yg dipilih adalah bahasa Indonesia.

Page 7: Analisa Desain UI Bank Mandiri

Error Handling

1. Pesan Kesalahan kurang dapat di mengerti dan tulisan terlalu kecil, akan lebih baik jika pesan error dimunculkan pada sebuah label dan pesannya sesuai dengan apa kesalahan yg dilakukan user.

Page 8: Analisa Desain UI Bank Mandiri

Menu dan Label Perintah§ Tidak konsiten terhadap bahasa yang

digunakan.§ Menu Bahasa, Contact, Home terlalu kecil dan

warnanya tidak membantu untuk menemukannya dengan cepat.

§ Hasil pencarian menu search tidak specific pada Judul content tapi merujuk ke isi content sehingga hasil pencarian sangat banyak dan membingungkan. Posisi menu search juga berada di Kiri bawah.

§ User tidak perlu mengetik untuk mencari informasi namun hanya memilih menu yg tersedia, kecuali untuk transaksi perbankan diperlukan beberapa input ( token ring, no rekening , dll )

Page 9: Analisa Desain UI Bank Mandiri

Kemudahan Akses

1. Dalam Transaksi Perbankan, menu yang ditampilkan cukup friendly dan mudah digunakan.

2. Akses terhadap menu ( jasa/produk perbankan) cukup membingungkan karena nama menu tidak familiar dan tersembunyi. Untuk mempermudah dapat menggunakan sitemap.

Page 10: Analisa Desain UI Bank Mandiri

Internasionalisasi

Bahasa Inggris hanya digunakan pada penjelasan produk/corporate identity tapi pada transaksi perbankan tetap menggunakan bahasa Indonesia sehingga sangat sulit di akses oleh nasabah global.

Demo/Petunjuk penggunaan Internet banking hanya ada berbahasa Indonesia

Page 11: Analisa Desain UI Bank Mandiri

Kesimpulan1. Response Time masih perlu diperbaiki baik dari

sisi content maupun jaringan.2. Secara Umum akses kepada user cukup

bersahabat namun bagi user yang tidak familiar dengan bahasa inggris akan mengganggu.

3. Jika diarahkan untuk user di luar Indonesia ( Global ), perlu di buat fasiltas transaksi dalam bahasa inggris