ANALISA WEBSITE WWW.KLIKBCA.COM
Tugas analisa user interface (UI) pada website ini
adalah agar dapat memenuhi tugas mata kuliah Interaksi Manusia dan Komputer
(IMK). Selain itu agar dapat mengetahui ciri-ciri website yang baik
dan kurang baik serta dapat membandingkan analisis yang
dilakukan dengan teori yang telah diterima.Seperti yang kita ketahui bahwa
web informasi yang beralamatwww.klikbca.com adalah
salah satu website yang dibuat untuk informasi berupa online. Disini kami akan
menganalisa website ini dan akan menguraikan analisis yang sudah kami lakukan
di web klikbca.com sebagai bagian tugas dari kuliah kami.
1. Metaphor (metafora)
adalah aplikasi dari nama atau deskripsi istilah objek
lain yang tidak dapat diartikan secara harafiah. Menghubungkan presentasi dan
elemen-elemen visual dengan item-item yang berkaitan.
Contoh : Metafora tampilan desktop.
2. Clarity (kejelasan)
adalah alasan yang kuat / masuk akal digunakannya
setiap elemen yang berada dalam suatu interface yang dibuat. Penggunaan
yang sedikit akan lebih baik dalam tampilan web. Pada tampilan web
klikbca.com dari segi Clarity cukup baik karna tidak terlalu banyak memasukan
elemen yang tidak terlalu penting. Susunan halaman web klikbca.com yang teratur
dan disertai link-link yang jelas akan menjadi daya tarik kepada pengunjung. Semua
data dan informasi disusun agar terkemas dengan baik. Ini akan memudahkan
pengunjung untuk mendapatkan berbagai informasi yang diinginkan mereka. Para
pengunjung pasti akan kembali ke halaman web jika web tersebut dapat memenuhi
apa yang diinginkan.
3. Tampilan website konsisten
Website ini termasuk konsisten, terlihat dari segi
pewarnaannya. Penggunaan warna latar belakang sama untuk setiap page, yaitu
putih. Warna teks yang mendominasi pada setiap halaman, yaitu hitam untuk
indikasi link biru dan putih untuk selainnya (header,
navigasi, dan footer pengecualian). Website ini mengguanakan jenis huruf Calibri
dengan ukuran tulisan yang sama untuk setiap halamannya. Terlampir contoh yang
dimaksud :
a. Warna
Warna merupakan salah satu elemen yang penting dalam
tampilan sebuah situs. Situs dengan pemilihan warna yang baik akan membuat
pengakses nyaman dan mempunyai kesenangan tersendiri pada saat mengakses
situs dan menbaca isi dalamnya.
Halaman-halaman yang ada di situs klikbca.com. memiliki
kekonsistensian yang dapat di lihat yakni dalam hal pemberian
warna background untuk tiap halaman yang selalu sama. Peletakan navigation bar
yang sama untuk setiap halaman yaitu di tepi paling atas dan paling bawah
tiap-tiap halaman. Warna yang dominan putih mencerminkan warna yang baik dengan
kombinasi huruf / teks hitam karena orang yang sekalipun buta warna dapat
membaca isi dari informasi yang ada di klikbca.com.
b. Grafik
Teknologi terkini internet mengizinkan bukan saja teks
malah grafik dipamerkan didalam halaman web. Hal ini akan memperlihatkan
keceriaan di dalam halaman web dan membuatnya sekaligus tampak menarik.
Pilihlah gambar yang dapat menyampaikan maksud dan tidak membebani. Buatkan
gambar yang kecil dan “fast-loading” karena pengunjung tidak suka menunggu
terlalu lama agar suatu tampilan muncul kesemuanya. Untuk mengoptimakan gambar,
gunakan gambar di dalam format 16 color. Menggunakan icon dan gambar yang kecil
dan relevan adalah pilihan terbaik terutama pada navigation bar. Grafik bagi
navigation bar akan muncul di setiap tampilan halaman web untuk membolehkan
proses load setiap tampilan lebih cepat dengan adanya chace. Kita juga boleh
merancang memberi pilihan kepada pengunjung yang ingin melihat halaman web di
dalam versi teks saja untuk menghindari kelambatan.
c. Font
Dari segi penggunaan font tulisan tercermin web
klikbca.com bertujuan untuk memberiinformasi karena menggunakan jenis tulisan
Calibri yang biasa digunakan untuk hal yang formal. Tetapi design web
klikbca.com mencerminkan tujuan pengembang untuk berbagi informasi berita
melalui web ini dan ditambahkannya banner yang menggambarkan ketertariakan
sebuah isi dari informasi. Meskipun web ini tidak bersifat komersial tapi bukan
berarti di web ini tidak ada sesuatu yang menjadi menarik perhatian pemgunjung.
Hampir kebanyakan orang tahu klikbca.com media online.
d. Text (Moving text)
Pengembang menggunakan teks berjalan mungkin untuk
menarik perhatian pengguna atau membuat tampilan website lebih menarik
perhatian pengguna. Di lain pihak, pengguna biasanya menganggap bahwa teks
berjalan merupakan sesuatu yang tidak penting (iklan dan sejenisnya) sehingga
diabaikan. Di dalam klikbca.com juga hal itu dianggap tidak penting karena di
dalam content sudah terdapat animasi text dari iklan-iklan yang di pasang
dengan menggunakan animasi yang interaktif. Pengguna teks berjalan juga
menyulitkan pengguna untuk mendapatkan informasi karena mereka harus menunggu
sampai semua teks ditampilkan. Jika ada informasi yang terlewat mereka harus
menunggu sampai teks berjalan looping kembali.
4. Screen Resolution
Website klikbca.com menggunakan screen resolution
1012 x 4600 pixel dan web bersifat rata tengah, sehingga pengguna yang mengguanakan
screen resolution 800 x 600 pixel harus scrolling beberapa kali supaya bisa
melihat semua halaman website. Lebih baik pengembang menggunakann ukuran web
yang dinamis. Lebar halaman didefinisikan dengan menggunakan ukuran
presentase. Cara ini lebih baik karena tidak bergantung kepada resolusi
computer.
5. Bahasa
Bahasa yang digunakan pada web klikbca ini terdapat
dua pilihan bahasa. Pada pertama kali membuka website ini sudah dalam bentuk
bahasa Indonesia, selanjutnya ada pilihan untuk bahasa Inggris. Berikut
tampilan contoh untuk mengubah ke bahasa Inggris :
6. Logo dan nama website
Logo dan nama website biasanya terletak di pojok kiri
atas dan posisinya konsisten di semua halaman. Logo dan nama website merupakan
identitas utama yang di gunakan untuk memberikan informasi kepada pengguna
tentang web yang sedang mereka kunjungi. Website klikbca.com memiliki logo dan
nama website seperti tampilan berikut ini :
7. Link
Link biasanya digunakan oleh pengguna untuk pergi ke
halaman lain sebuah website. Link pada website ini dibuat berwarna biru di
bagian body dan huruf berwarna putih dan link-link tersebut ada yang diberi
garis bawah dan ada yang tidak, dan link tersebut diberikan popup yaitu ketika
kita menggeser kursor kita maka secara otomatis akan memeperbesar judul dari
link tersebut. Dibawah ini tampilan link di website klikbca.com :
8. Konten selalu di update
Analisis terhadap www.klikbca.com adalah
cukup update. Website klikbca.com update untuk artikel-artikel dan
berita-berita seputar kegiatan yang dilakukan oleh pihak Bank BCA. Database
berita secara otomatis akan bertambah dan tergantikan dengan yang baru dalam
waktu yang ditentukan yaitu setiap hari.
home page, content page 1, content page 2
9. Alignment (Perataan)
Untuk perataan dalam website klikbca.com menggunakan
rata kiri kiri atas.
Dapat mengijinkan mata untuk menguraikan tampilan
dengan lebih mudah.
10. Interaktifitas kurang baik
Karena pada menu Q & A tidak terdapat form atau
forum untuk nasabah mengirimkan feedback (kritik dan saran) atau
komentar.
11. Searching
Searching merupakan salah satu fitur yang harus ada
jika website tersebut memiliki lebih besar sama dengan 100 halaman. Fitur
searching akan memudahkan pengguna untuk menemukan informasi tertentu yang
terdapat dalam website tersebut dengan mudah dan cepat. Di dalam klikbca.com
pengguna kata kunci dalam search box yang tersedia di website sehingga
menghemat waktu pengguna untuk browsing di dalam website. Fitur search terdapat
di bagian body website, sebaiknya fitur search terletak di pojok kanan,
sehingga memudahkan pengguna untuk menemukan fitur ini saat mengunjungi
website. Search box terlalu pendek, panjangnya hanya sekitar 20 karakter. Hal
ini akan menyulitkan pengguna jika memasukkan kata kunci yang panjang.
Disarankan panjang box search adalah 27 karakter karena memenuhi 90% dari kata
kunci pengguna. Pada searching klikbca.com tidak adanya konektifitas ke layanan
search angine semacam google atau yahoo. berikut tampilan hasil search pada
search klikbca.com :
12. Contrast (Keserasian Tampilan)
Membuat anda tertarik, memandu mata anda melihat
keseluruhan interface. Keuntungan dari keserasian adalah untuk memperkuat fokus
atau untuk memperkuat suatu interface. Contrast dapat digunakan untuk
membedakan aktifitas kendali. Juga dapat digunakan untuk men set item yang
paling utama. Item yang paling utama di beri highlight. Guanakan geometri untuk
membantu pengurutan.Contoh :
13. Perkembangan Teknologi
Perkembangan teknologi di Indonesia tidak membuat
website klikbca.com menggunakan flash, multimedia dan videos. Website ini cukup
ramah untuk pengguna yang tidak memiliki aplikasi untuk membuat tampilan
browser kompitibel dengan halaman web sebenarnya dan pengguna yang menggunakan
bandwith rendah tentu tidak perlu menuggu lama loading website ini. Website
klikbca.com memiliki loading yang cepat karena website ini tidak menabahkan
fitur-fitur yang memerlukan bandwith yang tinggi jika pengguna ingin cepat
melihat halaman keseluruhan web mungkin untuk pengguna yang menggunakan
bandwith rendah harus agak mengggu untuk moving text di recent arcive link.
KESIMPULAN
Kesimpulan yang dapat diambil dari analisis yang
dilakukan adalah sebagai berikut :
o) Kekurangan yang terdapat dalam website
klikbca.com yaitu :
1. Tidak search engine yang menyediakan untuk pencarian
yang lebih luas.
2. Tidak memiliki ruang komen, sehingga tidak
dapat melakukan feedback atau tidak memiliki timbal balik yang informative.
3. Tidak adanya form atau saran dan kritik.
o) Website yang bagus umunya memiliki komponen
:
1. Informasi yang disajikan menarik dan berbobot serta
update.
2. Menarik dan fast loading.
3. Konsisten.
4. Navigator bar yang konsisten dan tidak menyesatkan.
5. Memiliki tampilan profil, sehingga situs dapat berkembang
.6. Peta site (site map) yang jelas
.Kriteria penilaian bagus tidaknya website yang paling
utama adalah ada tidaknya kenyamanan yang dirasakan oleh pengunjung website
ini. Serta info yang diberikan website ini sudah membantu oleh pengunjung atau
belum.
Sumber : http://johannewbie.blogspot.com/2012/04/tujuan-analisa-user-interface-ui-pada.html
