LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP – 2007/2008
Kajian Situs http://www.metrodata.co.id
oleh : Mega Wirna Yulianti G64050161 (http://megawirna.wordpress.com)
INSTITUT PERTANIAN BOGOR 2008
DAFTAR ISI Halaman
DAFTAR ISI
.........................................................................................................................
2
DAFTAR GAMBAR .................................................................................................................
3
BAB 1 PENDAHULUAN .........................................................................................................
4
1.1 Web usability.................................................................................. ..........................
4
1.2 Web PT. Metrodata Electronics Tbk .........................................................................
4
BAB 2 ANALISIS WEB PT. METRODATA ELECTRONICS Tbk ......................................
6
2.1 Logo dan nama perusahaan .......................................................................................
6
2.2 Pengelompokan menu ................................................................................................
7
2.3 Link ............................................................................................................................
8
2.4 Penggunaan White Space ...........................................................................................
8
2.5 Penggunaan duplikat menu........................................................................................
9
2.6 Breadcrumb................................................................................................................
9
2.7 Tampilan Halaman Web Konsisten ........................................................................... 10 2.8 Penyesuaian font dan pewarnaan ............................................................................... 10 2.9 Form ........................................................................................................................... 11 2.10 Penempatan menu utama ........................................................................................... 11 2.11 Penggunaan align....................................................................................................... 11 2.12 Screen Resolution ...................................................................................................... 12 2.13 Scrolling ..................................................................................................................... 13 2.14 Penyediaan Fasilitas Site Map ................................................................................... 13 2.15 Ukuran Teks ............................................................................................................... 14 2.16 Browser ...................................................................................................................... 14 2.17 Relative spesification ................................................................................................. 14 2.18 Konten yang di-update .............................................................................................. 14 BAB 3 PENUTUP ..................................................................................................................... 15 3.1 Kesimpulan ................................................................................................................ 15 3.2 Saran.......................................................................................................................... 15 DAFTAR PUSTAKA ................................................................................................................ 16
2
DAFTAR GAMBAR
Halaman
Gambar 1Halaman Utama web PT Metrodata Electronics Tbk ................................................
7
Gambar 2 Pengelompokkan menu berita dan kegiatan ..............................................................
7
Gambar 3 Navigasi Menu ...........................................................................................................
8
Gambar 4 Link yang tidak digarisbawahi ...................................................................................
8
Gambar 5 Link yang tidak berwarna biru ...................................................................................
8
Gambar 6 Penggunaan duplikat menu ........................................................................................
9
Gambar 7 Menu yang multilevel ................................................................................................ 10 Gambar 8 Judul pada halaman struktur perusahaan ................................................................... 10 Gambar 9 Hirarki menggunakan ukuran font dan warna ......................................................... 11 Gambar 10 Penggunaan tombol reset pada form ..................................................................... 11 Gambar 11 Menu Site Map ......................................................................................................... 13 Gambar 12 Konten di-update ................................................................................................... 14
3
BAB 1 PENDAHULUAN
1.1
Web Usability
Web usabilility adalah faktor penting dalam mengembangkan web. Usability merupakan sebuah atribut kualitas yang menilai tingkat kemudahan user interface digunakan. Dalam hal ini pengembang harus memahami prinsip-prinsip usability. Menurut Nielsen(2003), menyarankan usability memiliki lima komponen, yaitu: 9 Learnability Learnability menjelaskan bagaimana tingkat kemudahan pengguna dalam mengerjakan tugas-tugas dasar, ketika pertama kali menggunakan hasil perancangan. 9
Efficiency Efficiency menjelaskan tingkat kecepatan pengguna dalam mempelajari hasil perancangan dan melakukan tugas-tugas terhadap hasil perancangan.
9
Memorability Memorability menjelaskan tingkat kemudahan pengguna dalam menggunakan hasil perancangan setelah pengguna tidak menggunakannya dalam waktu tertentu.
9
Errors Errors menjelaskan berapa kesalahan yang dilakukan oleh pengguna, dan menemukan cara untuk memperbaiki kesalahan.
9
Satisfaction Satisfaction menjelaskan tingkat kepuasan pengguna dalam menggunakan hasil perancangan.
Web yang usability buruk membuat pengguna meninggalkan web tersebut. Hal ini disebabkan oleh :
1.2
9
Homepage tidak menjelaskan apa yang ditawarkan oleh perusahaan terhadap pengguna dan apa saja dapat dilakukan pengguna pada web tersebut.
9
Informasi yang diperoleh dari web tidak mampu menjawab pertanyaan pengguna.
9
Pengguna menemukan adanya kesalahan pada web tersebut.
Web PT. Metrodata Electronic Tbk
PT. Metrodata Electronic Tbk merupakan salah satu perseroan dalam kelompok usaha METRODATA yang berkiprah dalam bidang teknologi informasi. Ruang lingkup usaha perusahaan ini yaitu : 9
Distributor
9
Certified Training Center
9
System Integrator (MII)
PT. Metrodata Electronics Tbk mempunyai sebuah website yang beralamat di www.metrodata.co.id. Secara garis besar tujuan utama adanya web ini, yaitu : 9
Memperkenalkan PT. Metrodata Electronics secara umum kepada masyarakat luas melalui komunikasi internet, yang tertuang dalam Informasi Perusahaan.
4
9
Memperkenalkan bidang usaha yang ada di PT. Metrodata Electronics Tbk serta produk yang dihasilkan, yang tertuang dalam Bidang Usaha.
9
Menyediakan fasilitas agar pengguna dapat meminta informasi mengenai layanan dan produk tertentu secara on-line.
9
Menyediakan informasi berupa alamat dan nomor telepon yang bisa dihubungi oleh pengguna web.
9
Menyediakan informasi mengenai peluang pekerjaan yang tertuang dalam karir.
5
BAB 2 ANALISIS WEB PT. METRODATA ELECTRONICS Tbk
Analisis web PT. Metrodata Electronics Tbk dilakukan berlandaskan pada buku Web Usability karangan Jakob Nielsen. Pada buku tersebut terdapat dua belas hal yang harus dicermati ketika membangun dan mendesain sebuah website, yaitu : 1.
Nothing to Hide
2.
The Web User Experience
3.
Revisiting Early Web Usability Findings
4.
Prioritizing Your Usability Problems
5.
Search
6.
Navigation and Information Architecture
7.
Readability and Legibility
8.
Writing for the Web
9.
Providing Good Product Information
10. Presenting Page Elements 11. Balancing Technology with People’s Need 12. Design That Works Pembahasan dilakukan tidak berdasarkan dua belas hal diatas, tetapi pembahasan akan dikelompokkan berdasarkan kondisi yang ditemukan pada web PT. Metrodata Electronics Tbk.
2.1
Logo dan nama perusahaan
Sebuah website memiliki halaman utama. Menurut Jeff Johnson (2003), halaman utama harus bisa membuat penguna dengan cepat menentukan tujuan web tersebut. Pengunjung atau pengguna dapat dengan cepat menentukan apakah web itu menarik atau tidak. Pada sebuah halaman utama terdiri dari nama web perusahaan, nama web tersebut harus bersifat menjelaskan perusahaan, dan web harus menjelaskan produk yang ditawarkan oleh suatu web. Pada bagian halaman utama juga terdapat logo dan nama perusahaan. Logo dan nama perusahaan merupakan identitas suatu web. Identitas tersebut memberikan informasi kepada pengguna mengenai web yang mereka kunjungi. Pada web ini, logo dan nama perusahaan telah diberikan dengan jelas. Letak logo dan nama perusahaan tersebut telah memenuhi konvensi umum yaitu pada bagian kiri atas. Permasalahan yang ditemukan pada web perusahaan ini yaitu : logo perusahaan pada web tersebut tidak dibuat link ke halaman utama. Solusi yang diberikan sebaiknya pengembang membuat logo perusahaan dibuat link ke halaman utama. Jadi ketika pengguna berada pada halaman lain dari web tersebut, maka mereka bisa meng-klik logo perusahaan untuk mempercepat akses ke halaman utama selain menggunakan menu yang ada. Gambar 1 dibawah ini merupakan tampilan halaman utama dari web PT. Metrodata Electronics Tbk :
6
Gambar 1 Halaman Utama web PT Metrodata Electronics Tbk Dari segi halaman utama terlihat kalau halaman ini tidak terlalu menjelaskan tujuan dari adanya web tersebut. Halaman ini hanya menjelaskan apa saja agenda kegiatan yang dilakukan perusahaan ini, berita korporasi, berita pers yang terkait dengan aksi korporasi perusahaan, dan studi kasus yang terdapat dalam perusahaan Metrodata. Berdasarkan buku web blopper, maka bagian halaman utama belum cukup menjelaskan tujuan dan produk apa yang ditawarkan perusahaan ini. Solusi perbaikan untuk halaman utama yaitu pengembang harus mendesain halaman utama yang memuat dan menjelaskan produk yang ditawarkan sehingga pengguna bisa mengerti dengan cepat tujuan dari suatu web perusahaan. 2.2
Pengelompokan Menu
Pengelompokan menu digunakan supaya mempermudah pengguna dalam mengakses menu yang terdapat pada web PT. Metrodata Electronic Tbk. Pengelompokan menu tersebut berdasarkan kedekatan fungsional dari menu. Web perusahaan ini sudah memiliki pengelompokkan menu yang sesuai. Web perusahaan ini telah dikelompokan dengan baik seperti yang gambar 2.
Gambar 2 Pengelompokan menu Berita dan Kegiatan Untuk navigasi menu bar mengenai perusahaan juga telah dikelompokan dengan baik. Hal ini memudahkan pengguna dalam menggunakan web tersebut. Namun ada satu bagian pada navigasi
7
menu utama pada web terdapat simbol . Hal ini membuat pengguna binggung maksud dari adanya simbol tersebut. Karena ketika pengguna menuju halaman lain dari web tersebut, simbol tersebut tetap ada. Solusi yang diberikan untuk permasalahan tersebut adalah pengembang sebaiknya menghilangkan simbol tersebut karena membuat pengguna berpikir dengan melihat simbol. Padahal simbol itu tidak memiliki fungsi tertentu.
Gambar 3 Navigasi menu 2.3
Link
Berdasarkan buku Jeff Johnson(2003), dijelaskan kesalahan yang harus dihindari dalam membuat active link pada halaman yang sama. Ini dapat diartikan jangan membuat link ke halaman yang sedang pengguna kunjungi. Permasalahan mengenai link yang terdapat pada web PT. Metrodata Electronic Tbk yaitu : a.
Link tidak berubah warna setelah dikunjungi.
b.
Bagian link “ back to top” tidak digaris bawahi sehingga tidak terlihat seperti link.
Gambar 4 Link yang tidak digarisbawahi
Gambar 5 Link yang tidak berwana biru c.
Teks yang bersifat link tidak berwarna biru.
d.
Ketika pengguna berada pada halaman utama dari web PT. Metrodata Electronics Tbk, maka terdapat active link yang menu ke halaman yang sama. Pengguna bisa link ke halaman tersebut dengan meng-klik navigasi menu Utama.
Solusi yang dapat diberikan untuk memperbaiki permasalahan tersebut yaitu : a.
Untuk link yang telah dikunjungi oleh pengguna diatur sehingga berubah warna. Hal ini memudahkan pengguna mengingat link-link mana yang telah dikunjungi.
b.
Link “Back ToTop” tidak terlihat seperti link. Walaupun link telah berwarna biru, namun sebaiknya digarisbawahi sehingga pengguna dapat secara langsung menduga kalau bagian tersebut adalah link. Ini bertujuan untuk membedakan tulisan yang link atau bukan karena pada halaman tersebut juga terdapat tulisan dari konten yang berwarna biru yang bukan merupakan link.
c.
Pengembang sebaiknya menggunakan warna biru untuk teks yang merupakan link supaya pengguna dengan mudah mengetahui kalau bagian teks tersebut link ke halaman lain. Secara umum link itu dbuat berwarna biru.
d.
Pengembang seharusnya tidak membuat active link menu pada halaman yang sama. Karena berdasarkan buku Web Blooper itu merupakan kesalahan dalam membuat link pada web.
8
2.4
Penggunaan White Space
White space adalah bagian halaman web yang tidak memiliki teks atau ilustrasi apapun. White space penting untuk diperhatikan dalam perancangan halaman web karena mempermudahkan pengguna untuk memproses informasi dengan baik. Web yang menggunakan white space yang banyak akan terlihat kurang bagus karena halaman web akan terkesan kosong. Pengembang web harus bisa menyesuaikan proporsi white space dengan konten yang ada yaitu pemakaian white space jangan terlalu banyak dan juga jangan terlalu sedikit sehingga memudahkan pengelompokan informasi dari web yang dikunjungi. Pemakaian white space yang sedikit menyebabkan pengguna sulit untuk mengidentifikasi informasi yang penting dari sebuah web. Pada halaman web PT. Metrodata Electronic Tbk, pengembang menggunakan white space yang terlalu banyak pada beberapa halaman antara lain halaman utama, informasi perusahaan, bidang usaha, layanan dan dukungan, karir, hubungi kami, site map. Bagian menu halaman utama, white space yang digunakan terlalu banyak, sehingga terlihat kosong pada bagian kanan dan kiri konten seperti yang diperlihatkan pada gambar 1. Menu informasi perusahaan, bidang usaha, layanan dan dukungan, karir, hubungi kami, dan site map juga memiliki white space pada bagian kiri konten. Space yang kosong pada halaman tersebut, sebaiknya di minimalisasi supaya membuat tampilan web menjadi lebih bagus. Sebaiknya pengembang mengisi space tersebut dengan informasi- informasi, baik mengenai perusahaan dan informasi lain yang berhubungan dengan perusahaan tersebut. 2.5
Penggunaan duplikat menu
Penggunaan duplikat menu yang menuju ke halaman yang sama menyebabkan pengguna menjadi berpikir dan binggung mau klik bagian yang mana. Pada halaman utama web ini terdapat dua buah menu Promo, menu ini menuju ke halaman yang sama. Menu promo tersebut juga tidak memberikan informasi apa-apa. Permasalahan yang ditemukan pada bagian ini adalah pemakaian dua buah menu yang sama digunakan untuk menuju halaman yang sama. Ini menyebabkan penggunaan menu yang kurang efisien. Solusi yang diberikan yaitu lebih baik pengembang menggunakan satu buah menu “promo” saja pada bagian kiri konten supaya terlihat lebih efisien, dan tidak membuat pengguna binggung dengan adanya dua buah menu tersebut. Berbeda dengan menu-menu yang terdapat pada berita dan kegiatan juga memiliki duplikasi, namun memiliki informasi mengenai perusahaan. navigasi menu dengan duplikasi
Gambar 6 Penggunaan dupilkat menu
9
2.6
Breadcrumb
Breadcrumb digunakan oleh sebuah web untuk menginformasikan kepada pengguna posisi mereka saat ini. Dengan menggunakan breadcrumb, pegguna dapat menelusuri path yang dilaluinya sampai pengguna dapat berada pada posisi saat ini. Pengguna juga dengan mudah dapat kembali ke halaman sebelumnya. Pada web ini, tidak terdapat breadcrumb. Hal ini membuat pengguna binggung dimana posisi mereka sekarang. Walaupun pada tiap halaman terdapat judul halaman dari halaman yang sedang dikunjungi. Namun itu tidak cukup membuat pengguna tahu dia berada pada bagian tersebut dari menu. Apalagi ketika terdapat menu yang multilevel dan bagian menu yang dikunjungi tidak berubah warna, maka menyebabkan pengguna mengingat path mana saja yang dia lewati untuk sampai halaman tersebut.
Gambar 7 Menu yang multilevel
Gambar 8 Judul pada halaman Struktur Perusahaan Solusi yang diberikan untuk pemasalahan diatas adalah pengembang sebaiknya menambahkan breadcrumb karena hal ini sangat menolong pengguna mengetahui posisi mereka saat ini. Dan ini dapat membuat pengguna nyaman dalam mengunjungi halaman web. 2.7
Tampilan Halaman Web konsisten
Secara umum tampilan web ini dapat dikatakan konsisten untuk setiap halaman web PT Metrodata Electronics Tbk. Hal ini karena setiap halaman web terdiri dari header dan menu-menu utama, menu yang berada bagian sebelah kiri konten, dan footer. Perbedaannya pada halaman menu utama bagian kanan konten juga terdapat menu. Dari segi pewarnaan, web ini dapat dikatakan konsisten karena pewarnaan sama untuk setiap halaman baik dari segi teks atau background. Halaman web ini menggunakan jenis dan font yang sama untuk setiap halamannya. Sehingga tampilan dari halaman web tersebut dapat dikatakan konsisten. Pada web perusahaan ini juga terdapat menu English, menu ini berfungsi untuk pengaturan bahasa yang digunakan pada tampilan web. Jika pengguna ingin menampilkan semua halaman dalam bahasa Inggris, maka pengguna tinggal pilih menu tersebut. Tampilan halaman dengan menggunakan bahasa Inggris sama ketika pengguna menggunakan bahasa Indonesia sehingga tampilan halaman tersebut dengan menggunakan dua bahasa juga terlihat konsisten. 2.8
Penyesuaian font dan pewarnaan
Dalam menentukan font dan warna pada suatu halaman web dilakukan pembatasan dalam font-style dan warna yang digunakan. Font-style sebaiknya menyatu dan efektif. Selain itu font-style juga menggambarkan hirarki yang terdapat pada halaman web. Perbedaan font dan warna memudahkan pengguna untuk membedakan tingkat kepentingan dari sebuah informasi yang terdapat pada halaman web tersebut. Penggunaan maksimal typefaces dalam satu halaman web adalah tiga typefaces. Selain itu penggunaan warna pada satu halaman web tidak terlalu beragam karena itu
10
membuat tampilannya menjadi tidak konsisten. Penggunaan warna yang dianjurkan dalam halaman web maksimal empat warna. Penggunaan font dan pewarnaan pada web PT. Metrodata Electronic Tbk dapat menggambarkan hirarki yang terdapat pada halaman web. Perbedaan font dan pewarnaan pada tulisan menunjukkan kalau suatu teks merupakan heading atau suatu informasi biasa. Dengan perbedaan tersebut pengguna bisa menentukan tingkat kepentingan dari informasi yang disampaikan oleh web perusahaan tersebut. Penggunaan warna teks pada halaman web sudah konsisten. Hal ini karena warna teks yang digunakan sama untuk setiap halaman. Penggunaan ukuran font dari pada tiap halaman tidak terlalu beragam sehingga memenuhi ketentuan. Warna teks dan warna background yang digunakan kurang kontras. Hal ini diperlihatkan pada bagian navigasi menu kolom yaitu berita dan kegiatan. Pada menu tersebut warna background yang digunakan adalah biru, namun warna teks yang digunakan juga biru. Ini menyebabkan teks tidak terlihat dengan jelas. Penggunaan warna untuk font kurang tepat. Sebaiknya warna teks tidak dibuat warna biru supaya bisa membedakan apakah teks tersebut link atau tidak. Pada web tersebut bagian teks yang link ada yang berwarna hitam. Pengguna hanya dapat mengetahui kalau teks tersebut merupakan link ketika pengguna mendekatkan kursor ke bagian teks tersebut.
Gambar 9 Hirarki dengan menggunakan ukuran font dan warna 2.9
Form
Penggunaan contact us form pada navigasi “Hubungi Kami” sudah baik. Ketika pengguna memilih menu tersebut maka pengguna masuk ke halaman web. Pada form tersebut cursor otomatis berada pada field pertama. Di bagian form pengembang menggunakan tombol submit untuk menyimpan data ke dalam basisdata. Hal ini memudahkan pengguna dalam pengisian form. Namun masih terdapat kekurangan pada bagian tombol reset pada form seperti yang diperlihatkan pada gambar 8 dibawah ini :
Gambar 10 Penggunaan tombol reset pada form
11
Penggunaan teks pada tombol submit dan reset masih belum tepat karena ditulis dengan huruf kapital. Perbaikan yang dilakukan oleh pengembang adalah menghindari pemakaian tombol reset. Hal ini akan merugikan pengguna web, karena data yang telah mereka masukan akan hilang secara tiba-tiba jika pengguna tidak sengaja untuk meng-klik tombol tersebut. Dalam penulisan teks pada tombol hanya huruf awalnya saja yang ditulis huruf kapital. Pada bagian form terdapat tanda bintang merah (*), hal ini menandakan bahwa bagian field tersebut harus diisi oleh pengguna. Di bagian tersebut, perlu diperhatikan apakah semua data itu benar-benar dibutuhkan ketika pengguna hanya ingin memberikan pertanyaan terhadap perusahaan tersebut. Untuk menghindari kesalahan dalam mengumpulkan data pada pengisian suatu form maka pengembang cukup menanyakan sedikit data yang benar-benar dibutuhkan, jangan menberikan “require” pada data yang tidak digunakan pada proses yang ingin dilakukan. 2.10
Penempatan menu utama
Penempatan menu utama pada web PT. Metrodata Electronics Tbk sudah cukup baik karena terletak pada bagian atas. Ketika melihat halaman web, pengguna umunya melihat bagian atas untuk mengetahui konten apa saja yang terdapat pada halaman tersebut. Urutan fokus mata pengguna biasanya pada bagian atas, kiri, kanan dan bawah. Namun pada bagian footer atau bawah dari tiap halaman juga terdapat menu utama, hal ini juga membantu pengguna ketika pengguna sudah melakukan scroll panjang dan pengguna tidak menemukan informasi yang mereka inginkan maka pengguna tidak perlu melakukan scroll lagi. Penggunabisa meng-klik link “back to top” untuk bisa mengakses menu utama. Mereka bisa meng-klik menu utama yang terdapat pada bagian footer tersebut. 2.11
Penggunaan align
Pada web pengembang menggunakan align dari halaman web tersebut rata kiri. Hal ini terlihat kurang bagus karena terdapat bagian kosong pada tampilan yang diperlihatkan dengan menggunakan Mozila Firefox dan Internet Explorer. Jika pengguna menggunakan komputer dengan resolusi yang lebih tinggi maka akan terlihat tampilannya seperti rata kiri. Biasa align yang digunakan pada tampilan halaman web umunya rata tengah. Pengguna yang menggunakan resolusi 1024 x 768, maka tampilan akan terlihat seperti rata tengah. Untuk memperbaiki tampilan halaman tersebut, pengembang harus mengubah align pada bagian css dari halaman web PT Metrodata Electronics Tbk menjadi rata tengah. Sehingga tampilan halaman web tersebut jadi seimbang antara bagian kiri dan kanan walaupun dilihat dengan resolusi yang berbeda. 2.12
Screen resolution
Dalam pengembangan sebuah web perlu diperhatikan lebar dari halaman web tersebut. Kebanyakan orang menggunakan komputer yang memilki resolusi 800 x 600 dan 1024 x 768 piksel. Hal ini membuat tampilan yang dilihat pengguna dengan resolusi yang berbeda juga akan berbeda. Saat ini orang cendrung untuk menggunakan komputer dengan resolusi 1024 x 768 piksel. Jika lebar halaman yang digunakan lebih besar dari resolusi komputer maka akan scroll ke samping. Ini membuat pengguna tidak nyaman untuk menggunakan web. Pengguna bisa saja memutuskan untuk pergi dari halaman web tersebut karena ketidaknyamanan tersebut. Sebagian pengembang web menyiasati dengan membuat web menggunakan resolusi 800 x 600. Harapannya supaya pengguna tidak perlu scroll kesamping. Namun tidak banyak informasi yang dapat disampaikan dengan menggunakan resolusi tersebut. Cara lain yang dilakukan pengembang dalah dengan menggunakan ukuran dinamis dengan menggunakan ukuran persentase. Jika lebar halaman yang digunakan 90 %, berapapun resolusi yang digunakan untuk membuka halaman web tersebut maka lebar halaman yang ditampilkan juga akan sebesar 90 %. Cara ini merupakan cara yang efektif karena tidak bergantung pada resolusi komputer pengguna. Dan informasi yang disampaikan jika pengguna dengan resolusi yang tinggi akan ditampilkan lebih banyak, begitu juga jika pengguna menggunakan resolusi lebih kecil maka informasi akan tersajikan dengan baik tanpa perlu scroll. Pada web PT. Metrodata Electronic Tbk, pengembang kurang memperhatikan faktor screen. Hal ini terlihat jika pengguna membuka halaman web pada komputer resolusi 1024 x 768, maka tampilan halaman akan memenuhi layar. Sedangkan pada komputer dengan resolusi yang lebih tinggi tampilan tersebut dapat disajikan dengan baik. Untuk permasalahan screen, pengembang diharapkan memperhatikan faktor screen dan menyiasati supaya tampilan halaman web bisa disajikan dengan
12
baik. Pengembang diharapkan mengatur resolusi tampilan dengan menggunakan ukuran dinamis. Ini supaya tampilan yang diterima pengguna sama walaupun resolusinya berbeda. 2.13
Scrolling
Pada sebuah web umunya pengguna sering melakukan scrolling, tujuannya supaya pengguna bisa menemukan informasi yang diinginkan. Namun penggunaan scroll tersebut tidak selamanya membuat pengguna senang karena dituntut untuk melakukan scroll berkali-kali . Biasanya pengguna dalam melakukan scroll hanya mau melakukan dua sampai tiga kali scroll. Web PT. Metrodata Electronics Tbk rata-rata menggunakan scroll satu sampai tiga kali dalam menampilkan informasi yang terdapat dalam satu halaman. Namun scroll yang panjang juga dilakukan ketika pengguna ingin menampilkan informasi yang terdapat di halaman mitra bisnis dan karir. Untuk mengatasinya diharapkan pada menu karir, pengembang menampilkan pekejaan yang ditawarkan perusahaan tersebut tidak pada satu halaman, tetapi dibuat page supaya scroll yang dilakukan tidak panjang. Begitu juga dengan menu mitra bisnis, dibuat dalam bentuk page. Ini akan terlihat lebih baik dan membuat pengguna lebih nyaman dengan menggunakan scroll yang sedikit. 2.14
Penyediaan Fasilitas Site Map
Site Map adalah suatu menu yang terdapat pada bagian halaman web yang digunakan untuk memandu pengguna dalam menelusuri web. Halaman berisi penjelasan mengenai halaman apa saja yang tersedia dalam web. Pada web PT. Metrodata Electronic Tbk sudah terdapat menu site map. Menu ini menjelaskan kalau pada web terdapat menu halaman utama, menu informasi perusahaan, menu bidang usaha, menu layanan dan dukungan, menu karir, menu hubungi kami, menu promo serta menu berita dan kegiatan. Pada bagian menu informasi perusahaan terdiri dari mengenai METRODATA, struktur perusahaan, profil eksekutif, mitra bisnis, penghargaan, dan investor relations. Di bagian menu bidang usaha terdiri dari menu yaitu Distributor, Certified Training Center, dan Systems Integrator(MII). Pada menu layanan dan dukungan terdiri dari menu ketentuan layanan dan dukungan, lokasi, dan kontak perawatan. Pada bagian site map juga terdapat penjelasan kalau pada web juga menu berita dan kegiatan yang berisi mengenai siaran pers yang dilakukan perusahaan, berita korporasi, artikel solusi bisnis, Metrodata Corporate Newletter, agenda kegiatan, dan Metrodata case study.
Gambar 11 Menu Site Map
13
2.15
Ukuran Teks
Penentuan ukuran teks dilakukan supaya sebuah teks mudah dibaca oleh pengguna atau tidak. Jika ukuran teks terlalu kecil, hal ini biasanya bertujuan untuk mengurangi scroll. Namun ini menimbulkan ketidaknyamanan dalam pembacaan dan penyajian. Untuk mengatasi hal tersebut, menurut Jacob Nielsen(2006) ukuran teks yang digunakan dalam web adalah 10-12 point jika penggunanya umum. Disini juga dijelaskan ukuran minimal teks dalam halaman web adalah 10 point. Pada web PT. Metrodata Electronic Tbk telah menggunakan ukuran teks minimal sesuai dengan ketentuan yaitu 10 point.
2.16
Browser
Web PT. Metrodata Electronics Tbk jika diakses menggunakan Mozilla Firefox dan Internet Explorer maka terdapat sedikit perbedaan dari segi penanggalan. Jika web dilihat dengan menggunakan Mozilla Firefox maka pada bagian kanan atas akan terdapat penanggalan. Namun jika dilihat dengan menggunakan Internet Explorer penanggalan tersebut tidak ada. Ini menunjukkan suatu ketidakkonsistenan web pada browser. Dilihat dari segi lebar layar, maka halaman web yang ditampilan dengan Mozilla Firefox dan Internet Explorer adalah sama. Dalam hal ini pengembang harus memperhatikan kekonsistenan layar pada browser yang beda. Jika pada browser yang beda tidak konsisten, maka itu akan merugikan perusahaan karena terdapat cukup banyak browser didunia yang bisa melakukan akses ke perusahaan tersebut.
2.17
Relative spesification
Menurut Jacob Nielsen, ukuran teks yang digunakan dengan skema ukuran relatif yaitu menggunakan presentase lebih disarankan dari pada menggunakan ukuran tetap. Sebagai contoh, jika ukuran headline text 140 % lebih baik digunakan daripada ukuran headline text14-point type. Jika menggunakan 140 % maka headline akan terlihat lebih besar ketika pengguna memperbesar layar teks. Sebagian pengembang web menggunakan pengukuran mutlak sehingga pengguna tidak mungkin melakukan perubahan ukuran teks. Ukuran teks pada web PT. Metrodata Electronics Tbk menggunakan ukuran point-type yang tertulis dalam CSS.
2.18
Konten yang di-update Analisis pertama terhadap PT. Metrodata Electronics Tbk dilakukan pada Maret 2008. Namun sampai sekarang kontennya sudah pernah diupdate. Bagian halaman yang diupdate tersebut tidak semua halaman. Halaman yang terakhir diupdate tersebut yaitu halaman penghargaan pada menu informasi perusahaan. Gambar 12 Konten di-update
14
BAB 3 PENUTUP 3.1
Kesimpulan
Web merupakan salah satu media yang digunakan untuk mempromosikan perusahaan. Pengembangan web dilakukan bertujuan untuk menimbulkan kepercayaan pengguna dalam terhadap perusahaan. Salah satu faktor yang perlu diperhatikan dalam mengembangkan sebuah web adalah faktor usability. Dalam hal ini pengembang dituntut untuk memahami prinsip yang digunakan supaya web yang dikembangkan memenuhi usability yang baik. Pengembangan web PT. Metrodata Electronics Tbk masih terdapat kekurangan yang berkaitan dengan usability. Kekurangan-kekurangan tersebut antara lain : pengimplementasian link, penggunaan white space yang terlalu banyak, penggunaan duplikat menu, tidak adanya breadcrumb, penggunaan align dalam mengatur halaman web, pengaturan resolusi screen , dan scroll yang terlalu panjang pada beberapa halaman. Hal ini membuat tampilan dari halaman web menjadi kurang bagus sehingga terlihat kurang profesional. Kondisi tersebut membuat kepercayaan pengguna maupun pelanggan terhadap perusahaan berkurang. Selain terdapat kekurangan pada web perusahaan ini, juga memiliki kelebihan dalam usability. Dalam hal ini web PT. Metrodata Electronics Tbk sudah memililki tampilan halaman yang konsisten. 3.2
Saran
Makalah yang dibuat ini bisa menjadi masukan bagi pengembang web PT. Metrodata Electronics Tbk untuk memperbaiki kekurangan yang masih terdapat dalam hal usability. Ini tentu dapat meningkatkan kepercayaan pengguna dan pelanggan terhadap perusahaan tersebut.
15
DAFTAR PUSTAKA Johnson, Jeff. 2003. Web Bloopers-60 Common Web Design Mistakes and How to Avoid Them. San Fransisco : Elsevier Science. Krug, Steve. 2006. Don’t Make Me Think. Barkeley : New Riders. Nielsen, J , Loranger, H. 2006. Prioritizing Web Usability. Barkeley : New Riders.
16
