KELAS NIM

S1-TI 4A 08.11.1904

ANALISIS WEBSITE PT PERTAMINA

INTERAKSI MANUSIA KOMPUTER

Fahmi Noor Syafi’ie

08.11.1904
S1-TI_4A

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

“AMIKOM” YOGYAKARTA
2010

2
 BAB I. PENDAHULUAN
latar belakang

Situs internet semakin lama semakin berkembang baik teknologi maupun

manfaatnya. selain sebagai temopat pelayanan publik di dunia maya internet juga dapat
dimanfaatkan sebagai salah satu media untuk promosiyanhg efektif. Selain harganya yang
bisa dibilang murah, juga dapat diakses oleh semua orang dijagad raya ini bahkan pada
waktu yang bersamaan dan di tempat yang berbeda.

Salah satu fungsi dari Internet yaitu sebagai media promosi. Dalam penggunaanya
maka secara tidak langsung aspek kenyamanan dalam berinteraksi antara orang dengan
media yang digunakan haruslah menarik dan hal ini mengacu ada desain interface yang
didesain untuk melayani pengguna. Jika user interface yang disajikan tidak user friendly
maka dapat dipastikan bahwa apa yang akan disampaikan ke konsumen tidak akan
mengena atau bahkan malas untuk mengunjunginya lagi. Oleh karena itu penganalisaan
terhadap interface sangat diperhatikan agar situs tersebut bias menjadi lebih baik dana
dapat digunakan sebagai media promosi sebagainama mestinya.

Tujuan

Tujuan dari pembuatan tugas ini adalah sebagai pengganti ujian uas pada mata
kuliah Interaksi Manusia dan Komputer. Selain itu juga agar mahasiswa dapat menganalisa
sebuah interface yang dapat mempengaruhi seseorang dalam menanggapi suatu desan dan
menyikapinya. Apakah desain yang dipakai sudah tepat atau belum, apakah desain tersebut
user friendly ataukan tidak, bagaimana peletakan button atau icon – icon yang digunakan
dapat dipahami oleh pengunjung atau tidak. Dan lain sebagainya.

Ruang lingkup

Pada makalah ini akan dibahas mengenai analisis terhadap user interface sebuah
website dari salah satu BUMN di negara ini yaitu PT pertamina(Persero). Perusahaan yang
bergerak dibidang perminyakan dan gas alam.

3
 BAB II. PEMBAHASAN
User Interface

Berikut ini adalah tampilan dari homepage PT. Pertamina (halaman index).

gambar 1. Homepage pertamina.com

4
 Website ini tidak terlalu banyak menggunakan kombinasi warna sehingga terlihat
simple dan pengunjung bias focus terhadap content yang disajikan. Pada bagian atas
terdapat banner yang berupa logo PT Pertamina kemudian turun kebawah, pada sebelah
kanan terdapat kolom pencarian lalu turun kebawah lagi terdapat menu – menu. Dibawah
menu terdapat banner lagi yang berupa image profile dari Pertamina. Masuk ke bagian
content pada sebelah kiri terdapat Press release yang berisi berita – berita terbaru dari
Pertamina, bergeser ke kanan pengunjung akan disugui animasi pergantian gambar dari
produk – produk yang diproduksi oleh Pertamina, lalu bergeser lagi ke sebelah kiri akan
terdapat beberapa link. Bergerak lagi kebawah maka akan tampak bebrapa animasi images
dari beberapa produk ataupun layanan dari Pertamina kebawah lagi maka kita dapat
melihat Contact dari Pertamina, namun sayang karena tulisannya menggunakan warna
yang sulit terbaca.

Jika kita laihat pada link – link yang lain kita bias lihat bahwa website ini tidak
konsisten terhadap desain disetiap link-nya. Sub menu yang sisajikan terlihat sangan
berbeda dengan halaman pertamanya. Dihalaman pertama tidak satupun terlihat sub menu
di bagian kiri, namun di halaman produk misalnya, terdapat sub menu lain yang
menghubungkan produk satu dengan produk lainnya. Sementata pada sisi sebelah kiri yang
pada halaman awal terdapat link justru hilang entah kemana.

Icon

Setelah dikaji atau diamati lebih dalam ternyata gambar – gambar animasi tersebut
merupakan sebuah link menuju halaman yang disimbolkan oleh gamabar – gambar
tersebut. Misalnya saja animasi dari produk. Ketika kita meng-klik pada saat gambar
Pertamina Dex maka kita akan dibawa ke halaman yang menjelaskan tentang produk
tersebut.

gambar 2. Icon Produk

gambar 3. Halaman produk pertamina Dex

5
Menu – menu

Tidak berbeda dengan website company profile pada umumnya, homepage

Pertamina juga mengandalkan drop down menu untuk menampilkan menu – menu yang
akan mengantarkan anda ke link yang anda kehendaki. Ada sedikit kejanggalan yang dapat
membuat bingung user ketika mengeksplorasi website ini yaitu jika kita klik drop down
menu kita hanya akan tahu bahwa itu hanya 1 (satu ) pilihan menu, akan tetapi jika cursor
kita dekatkan maka baru akan terlihat apakah ada sub menu atau tidak. Berikut adalah
tampilan yang di maksud :

gambar 4. Dropdown menu item Company Profile

Seharusnya menu – menu yang didalamnya terdapat sub menu terdapat tanda
khusus disamping sebelah kanannya misalnya segi tiga kecil ataupun tanda yang lain.
Dengan adanya tanda khusus tersebut maka dengan mudah seorang user dapat mengetahui
apakah didalam menu tersebut juga terdapat sub menu atau tidak.selain itu warna yang
digunakan mendekati sama dengan warna backgrounnya yaitu kuning muda pada tulisan
dan hijau muda pada background akan membuat tulisan tersebut sediit sulit dibaca karena
warna keduanya mendekati sama. Warna tulisan baru akan lebih terlihat jika menu tersebut
kita sorot menggunakan kursor.

Sebaiknya warna yang digunakan untuk background dengan warna tulisan yang
digunakan kontras misalnya biru atau hitam sehingga memudahkan dalam pembacaan.
Pihak petamina juga menyediakan link ke Sitemap yang berisi tentang kumpulan dari link
– link dari website pertamina yang dapat dikunjungi

gambar 5. Halaman Sitemap

6
Perilaku ( Attitude )

Jika kita ingin menyimpan halamat website ini dengan cara Save Page As … dari
browser maka yang akan tersimpan adalah tulisan dan beberapa gambar pendukung dan
tidak semua gambar yang ditampilkan tersimpan bersama dengan file .html – nya. Hal ini
mungkin juga sama ketika kita menyimpan dengan web grabber. Selain beberapa gambar
tidak ikut tersimpan, jika kita buka dalam kondisi off-line maka tataletak dan layoutnya
menjadi tidak kakaruan. Tampilan yang semulanya nyaman dilihat menjadi tidak teratur
dan letaknya acak. Berikut adalah tampilan hasil penyimpaan website tersebut :

gambar 6. Tampilan hasil Save Page As...

Konsistensi

Website pertamina bisa dibilang tidak konsisten dalah hal pengaturan layout-nya.
Hal itu sangat terlihat pada bagian menu disebelah kiri. Pada halaman awal atau index
menu tersebut tidak ada, namun jika kita masuk ke halaman produk, Company profile atau
beberapa halaman lain maka menu – menu tersebut akan terlihat disana. Sedangakan menu
yang berada di sebelah kiri yang pada halaman awalnya ada justru di halaman tersebut
tidak ada. Selain menu link lain yang hilang adalah link yang berupa icon animasi yang
letaknya dibawah content atau isi.

gambar 7. Tampilan menu Company Profile

gambar 8. Tampilan halaman produk

7
Text area

Jarak antar text area terlalu dekat sehingga kemungkinan salah memasukkan input
menjadi cukup besar, selain itu jarak yang terlalu rapat dapat membuat image dari
pengunjung menjadi seperti banyak form yang harus di isi. Jarak antara text field dengan
label terlalu jauh. Warna huruf untuk membedakan anatara form yang wajib di isi dengan
yang tidak wajib di isi sama dan tanda untuk membedakannya juga terletak dibelakang text
field. Seharusnya dibedakan. Selain itu terdapat text area dengan tidak disertai label
sehingga membuat bingung pengunjung ketika akan mengisi field tersebut. Berikut adalah
tampilan dari website pertamina dan perbaikannya:

gambar 9. Form default Pertamina

gambar 10. Form saran

8
 BAB III. KESIMPULAN
Kesimpulan yang dapat diambil dari analisis diatas antara lain :

1. Untuk mendesain sebuah website maka kita harus mempertimbangkan hal – hal yang
berkaitan dengan user interface yang akan digunakan sehingga pengunjung tertarik
dan tidak bosan untuk mengunjungi website yang kita buat.

2. Tetap konsisten dalam penyajian maupun dalam pengaturan layout sebuah website
sehingga tidak membingungkan pengunjung website kita.

3. Tidak terlalu banyak menggunakan komposisi warna.

4. Menggunakan menu dan icon yang mudah dimengerti oleh user atau pengunjung.

9
 DAFTAR PUSTAKA

www.pertamina.com (diakses tanggal 30 juni 2010)

20100621_FORMATPENULISANMakalahnCONTOHPEMBAHASAN.pdf
dari web dosen.amikom.ac.id ( diakses tanggal 29 juni 2010 )

20100621_IMKhciUASGenap2010A.pdf
dari web dosen.amikom.ac.id ( diakses pada tanggal 29 juni 2010 )

10
DAFTAR GAMBAR

11