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
2

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







3

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 J udul 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

































4

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:
Learnability
Learnability menjelaskan bagaimana tingkat kemudahan pengguna dalam mengerjakan
tugas-tugas dasar, ketika pertama kali menggunakan hasil perancangan.
Efficiency
Efficiency menjelaskan tingkat kecepatan pengguna dalam mempelajari hasil
perancangan dan melakukan tugas-tugas terhadap hasil perancangan.
Memorability
Memorability menjelaskan tingkat kemudahan pengguna dalam menggunakan hasil
perancangan setelah pengguna tidak menggunakannya dalam waktu tertentu.
Errors
Errors menjelaskan berapa kesalahan yang dilakukan oleh pengguna, dan menemukan
cara untuk memperbaiki kesalahan.
Satisfaction
Satisfaction menjelaskan tingkat kepuasan pengguna dalam menggunakan hasil
perancangan.

Web yang usability buruk membuat pengguna meninggalkan web tersebut. Hal ini disebabkan
oleh :
Homepage tidak menjelaskan apa yang ditawarkan oleh perusahaan terhadap pengguna
dan apa saja dapat dilakukan pengguna pada web tersebut.
Informasi yang diperoleh dari web tidak mampu menjawab pertanyaan pengguna.
Pengguna menemukan adanya kesalahan pada web tersebut.

1.2 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 :
Distributor
Certified Training Center
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 :
Memperkenalkan PT. Metrodata Electronics secara umum kepada masyarakat luas
melalui komunikasi internet, yang tertuang dalam Informasi Perusahaan.
5

Memperkenalkan bidang usaha yang ada di PT. Metrodata Electronics Tbk serta produk
yang dihasilkan, yang tertuang dalam Bidang Usaha.
Menyediakan fasilitas agar pengguna dapat meminta informasi mengenai layanan dan
produk tertentu secara on-line.
Menyediakan informasi berupa alamat dan nomor telepon yang bisa dihubungi oleh
pengguna web.
Menyediakan informasi mengenai peluang pekerjaan yang tertuang dalamkarir.
























6

BAB 2 ANALISIS WEB PT. METRODATA ELECTRONICS Tbk

Analisis web PT. Metrodata Electronics Tbk dilakukan berlandaskan pada buku Web Usability
karangan J akob 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 Peoples 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 J eff 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. J adi 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 :

7

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
8

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 J eff J ohnson(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.
9

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

10

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 J udul 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. J ika 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
11

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

12

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. J ika 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. J ika 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. J ika 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
13

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



14

2.15 Ukuran Teks

Penentuan ukuran teks dilakukan supaya sebuah teks mudah dibaca oleh pengguna atau tidak.
J ika ukuran teks terlalu kecil, hal ini biasanya bertujuan untuk mengurangi scroll. Namun ini
menimbulkan ketidaknyamanan dalam pembacaan dan penyajian. Untuk mengatasi hal tersebut,
menurut J acob 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. J ika 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. J ika 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 J acob 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










15

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.





















16

DAFTAR PUSTAKA

J ohnson, J eff. 2003. Web Bloopers-60 Common Web Design Mistakes and How to Avoid Them. San
Fransisco : Elsevier Science.
Krug, Steve. 2006. Dont Make Me Think. Barkeley : New Riders.
Nielsen, J , Loranger, H. 2006. Prioritizing Web Usability. Barkeley : New Riders.