KELAS NIM

S1-TI 4A 08.11.1904

ANALISIS WEBSITE PT PERTAMINAINTERAKSI MANUSIA KOMPUTER

Fahmi Noor Syafi’ie08.11.1904S1-TI_4A

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER“AMIKOM” YOGYAKARTA

2010

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.

2

BAB II. PEMBAHASAN

User Interface

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

gambar 1. Homepage pertamina.com

3

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

4

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

5

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

6

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

7

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.

8

DAFTAR PUSTAKA

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

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

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

9

DAFTAR GAMBAR

gambar 1. Homepage pertamina.com....................................................................................3gambar 2. Icon Produk..........................................................................................................4gambar 3. Halaman produk pertamina Dex..........................................................................4gambar 4. Dropdown menu item Company Profile..............................................................5gambar 5. Halaman Sitemap.................................................................................................5gambar 6. Tampilan hasil Save Page As...............................................................................6gambar 7. Tampilan menu Company Profile........................................................................6gambar 8. Tampilan halaman produk....................................................................................6gambar 9. Form default Pertamina........................................................................................7gambar 10. Form saran..........................................................................................................7

10