Idaliana’s Weblog


Menu Halaman Layanan Informasi
June 28, 2008, 5:35 am
Filed under: Halaman layanan informasi

Halaman ini memberi Layanan Informasi kepada user sebagai sarana untuk mengirimkan pertanyaan seputar PT Pupuk Sriwidjaja, sesuai dengan topik helpdesk yang ada pada menu sebelah kiri. Pada halaman ini user dapat mengisi form seperti nama, kota, isi pesan dan kategori pertanyaan. Jika sudah disubmit maka isi pertanyaan tadi akan ditampilkan pada halaman sesuai kategori yang telah dipilih oleh user. Ada tujuh menu kategori yang dapat dilihat oleh user. Tetapi dari ketujuh menu tersebut yang dapat dilihat hanyalah menu helpdesk Pengadaan karena menu-menu yang lain tidak ada action-nya (tidak dapat diklik). Halaman tersebut perlu diperbaiki dalam hal menu-menu navigasinya agar user bisa melihat semua menu yang ditampilkan.

Pada saat user masuk halaman Helpdesk Pengadaan maka mereka dapat melihat daftar pertanyaan yang telah disubmit oleh user yang lain. Jawaban pertanyaan tersebut akan muncul apabila user telah mengklik bagian pertanyaannya. Menu yang seperti ini akan membuat user melakukan klik berulang kali jika lupa dalam melihat jawaban pertanyaan yang sebelumnya. Secara umum akan mempersulit user dalam mengaksesnya. Sebaiknya pada bagian tanya jawab tersebut langsung ditampilkan saja pertanyaan dan jawabannya dengan membuat paging pada bagian bawahnya. Dengan begitu user lebih mudah melihatnya dan tidak perlu melakukan klik berulang kali. Jika daftar pertanyaannya dalam jumlah banyak user tetap bisa melihat dengan cepat dengan cara mengklik pada paging.

Pada bagian atas sebelum daftar pertanyaan terdapat menu seperti dibawah ini:

Jika user membaca menu tersebut pasti sedikit terganggu karena penggunaan warna background-nya. Jadi sebaiknya penggunaan warna background juga disesuaikan dengan warna font agar lebih jelas dan mudah dibaca user.



Menu Halaman Publikasi
June 28, 2008, 5:31 am
Filed under: Halaman publikasi

Halaman publikasi berisi informasi mengenai sejarah PT PUSRI dan pada bagian paling bawah terdapat menu seperti berikut:

Jika pada halaman publikasi terdapat menu seperti itu pasti user kemudian berpikir apa fungsi dari halaman ini jika sudah ada pada halaman perusahaan. Jadi sebaiknya duplikat informasi seperti ini dihilangkan saja karena user tidak mau membuang waktu hanya untuk melihat halaman yang informasinya sama. Setelah masuk pada halaman ini user bisa melihat publikasi lain seperti Media massa, Berita bulanan, Laporan tahunan dll.

a. Media massa

Isi dari halaman media massa adalah sbb:

Yang perlu dikoreksi dari tampilan diatas adalah masalah Publikasi>berita terkini yang kosong, sebenarnya apa maksud dari penulisan diatas. User yang tidak tahu mungkin akan mengira bahwa tidak ada berita terkini sehingga akan langsung berpindah ke halaman lain. Ketika user ingin melihat berita pada publikasi>media massa maka beritanya akan ditampilkan secara lengkap yang masuk pada berita terkini. Jadi user baru mengerti jika bagian media massa diklik maka beritanya akan ditampilkan pada berita terkini. Sebaiknya pada publikasi>media massa langsung saja ditulis publikasi>berita terkini agar lebih jelas maksudnya dan user tidak akan mengira lagi tidak ada berita terkini.

Masalah paging pada halaman diatas juga harus diperbaiki. Disana hanya ada keterangan ada 180 berita tanpa diberitahu user berada pada halaman berapa. Inilah kesalahan yang fatal pada halaman ini jadi sebaiknya setelah user membuka berita mereka harus diberitahu berada pada berita yang keberapa agar tidak mengulang-ngulang nantinya. Selain itu link tanda panah kanan kiri tersebut juga tidak berguna. Ketika diklik user tidak mendapat list berita selanjutnya maupun sebelumya karena link tersebut hanya kembali ke halaman itu sendiri.

b.  Berita Bulanan/Buletin Pusri

Isi pada halaman ini adalah list berita bulanan PT PUSRI seperti berikut:

Isi halaman ini sama seperti pada halaman media massa yang telah dibahas tadi. Pada bagian detail sebaiknya dihilangkan saja karena isinya akan muncul jika user sudah mengklik salah satu berita bulanan. Pada bagian paging sebaiknya dibuat penomoran seperti saja misalkan no 1,2 … sampai selanjutnya jadi user lebih mudah mencari apabila nanti beritanya lebih banyak. Kalau hanya diberi penjelasan banyaknya berita seperti itu user akan sulit untuk kembali ke list berita yang pernah mereka lihat apabila beritanya dalam jumlah besar. Link tanda panah tersebut juga sama seperti pada bagian media massa ketika diklik hanya kembali kehalaman itu sendiri.



Menu Halaman Pengadaan
June 28, 2008, 5:22 am
Filed under: Halaman pengadaan

Pada halaman ini berisi informasi dari departemen pengadaan dalam hal pengadaan barang dan jasa. Pada halaman ini perlu diperbaiki dalam hal penulisannya karena antar paragraf menggunakan ukuran font yang berbeda. Selain itu jarak isi dengan footer yang terlalu lebar perlu dikurangi agar user tidak perlu melakukan scroll kebawah yang panjang. Setelah user masuk pada menu pengadaan, user dapat melihat menu-menu lain pada link disebelah kiri antara lain Rencana Pengadaan, Rencana Investasi Rutin, Pemenang tender, Data Suplier dan Info lelang lainnya. Pada saat user ingin melihat halaman-halaman tersebut dan mengklik menu navigasi ternyata tidak langsung menuju kehalaman yang diinginkan malahan disuruh login lagi seperti gambar berikut:

Jadi untuk bisa melihat halaman-halaman tadi user harus melakukan login terlebih dahulu. Mungkin bagi user yang belum login dapat dimengerti bahwa yang bisa mengakses halaman tersebut hanyalah user yang sudah login. Tetapi yang perlu digarisbawahi adalah bagi user yang sudah login kenapa harus melakukan login lagi. Selain itu user juga terganggu dengan tulisan yang dilingkari tanda merah tersebut karena tidak mungkin ada user lain yang masuk jika user tersebut yang sedang login. Pada halaman ini terlihat sekali sangat mempersulit user dalam mengakses halaman web. Sebaiknya hal seperti ini perlu dihindari karena sebisa mungkin web harus bisa mempermudah user bukan mempersulit user.



Menu Halaman Jasa Teknik
June 28, 2008, 5:17 am
Filed under: Halaman jasa teknik

Halaman Jasa teknik memberi informasi kepada user mengenai layanan jasa yang disediakan pada perusahaan. Hal yang perlu diperhatikan pada halaman ini adalah masalah penggunaan margin. Sebaiknya memakai margin tengah agar teks terlihat rapi dan user lebih mudah membacanya. Melalui halaman jasa teknik user dapat melihat informasi lain antara lain:

Pengalaman

Halaman Pengalaman terbagi lagi menjadi sub- sub menu yaitu:

· Engineering, Procurement, Construction.

· Project Management & Tech. Advisory.

· Plant Services.

· Equipment Fabrication & Reconditioning.

Isi dari halaman Pengalaman sama persis dengan halaman Engineering, Procurement, Construction. Inilah yang perlu dihindari dari sebuah web, user tidak seharusnya membuka link yang berbeda tetapi dengan informasi yang sama. Jangan sampai ada duplikat informasi seperti ini karena akan menghabiskan waktu user dalam mengakses web. Jika ada informasi yang sama seperti ini sebaiknya cukup satu halaman saja yang digunakan. Kemudian penggunaan kata singkatan pada menu navigasi juga perlu dihindari, misalnya pada menu Project Management & Tech. Advisory. Sebaiknya menu navigasi tersebut ditulis lengkap agar user tidak salah mengartikan sehingga user tidak membuka halaman web dengan sia-sia karena mungkin halaman yang mereka akses tidak seperti yang diinginkan.Dari semua sub menu tersebut terdapat kesalahan dalam penulisan breadcrumb, misalnya ketika user mengakses halaman Plant Services maka breadcrumb yang muncul seperti gambar dibawah ini:

Padahal saat ini user berada di halaman Plant Services bukan pada halaman Pengalaman tetapi pada breadcrumb path yang ditelusuri hanya sampai pada pengalaman. User yang tidak tahu mungkin akan mengira bahwa sekarang mereka berada di halaman pengalaman. Kesalahan dalam pembuatan breadcrumb tersebut tidak hanya pada halaman Plant Services saja tetapi juga pada halaman Engineering, Procurement, Construction, Project Management & Tech. Advisory serta Equipment Fabrication & Reconditioning.



Menu Perkembangan Sarana Distribusi
June 28, 2008, 5:14 am
Filed under: Halaman Perkembangan sarana prosuksi

Jika user mengklik navigasi Distribusi dan Pemasaran maka user akan masuk pada halaman Distribusi dan Pemasaran. Halaman ini berisi informasi mengenai proses distribusi dan pemasaran yang dilakukan PT PUSRI. Informasi yang ingin disampaikan kepada user sudah cukup jelas, mungkin yang perlu diperbaiki adalah penggunaan margin agar teksnya lebih rapi. Disebelah kanan halaman ini terdapat menu-menu navigasi bagian Distribusi dan Pemasaran seperti gambar dibawah ini. Tidak seperti pada halaman Perusahaan atau Produksi, pada halaman ini tulisan Distribusi dan Pemasaran dibuat link sehingga terlihat tidak konsisten. Untuk membuat web juga harus memperhatikan faktor kekonsistenan seperti pada kasus ini walaupun bukan kesalahan yang begitu besar tapi alangkah baiknya jika setiap menu yang setara dibuat konsisten saja.

a. Perkembangan Sarana Distribusi

Pada halaman ini perlu diperbaiki masalah penulisan teks yang tidak konsisten seperti pada halaman yang telah dibahas sebelumnya yaitu penggunaan ukuran font dan margin yang berbeda antar paragraf. Pada halaman ini terbagi menjadi dua sub menu yaitu Profil Perwakilan Pusri dan Info distributor. Pada halaman info distributor user dapat melihat daftar penyalur dan pengecer per-Propinsi pada menu Daftar penyalur dan Daftar Pengecer.

· Daftar Penyalur dan Daftar Pengecer

Pada halaman ini user dapat melihat Daftar penyalur dan Pengecer per-Propinsi. Pada halaman tersebut disediakan menu drop down agar user dapat memilih daftar penyalur dan pengecer pada propinsi yang mereka inginkan. Sebelum user memilih propinsi pada menu drop down pada bagian bawah menu terlihat tampilan Propinsi (0 penyalur) dan paging (no urut). Pada awal halaman sebelum user meminta untuk menampilkan daftar penyalur dan pengecer sebaiknya tidak perlu diberi keterangan dulu mengenai propinsi dan paging. Hal ini untuk menghindari pikiran user yang menyangka bahwa daftar penyalur dan pengecernya tidak ada. Jadi pada halaman ini cukup ditampilkan menu drop down kemudian setelah user memilih dan mensubmit barulah Propinsi beserta jumlah dan pagingnya dituliskan. Menu submit “Lanjutkan” sebaiknya diganti dengan “Tampilkan” atau “Submit” karena kata “Lanjutkan” berorientasi bahwa masih ada proses lagi setelah memilih propinsi tersebut.

Jika user sudah memilih propinsi pada menu drop down dan mengklik button Lanjutkan maka hasilnya akan ditampilkan pada bagian bawah secara vertikal. Pada bagian paging user hanya bisa melihat halaman sebelum dan selanjutnya saja tidak bisa melihat halaman yang mereka inginkan karena disana hanya disediakan link arah kanan kiri seperti gambar dibawah ini:

Sebaiknya pada bagian paging tersebut dibuat dengan penomoran misalnya no 1,2,……dan selanjutnya, sehingga jika user ingin melihat daftar penyalur atau pengecer no urut 11-20 tinggal mengklik link no2.

b. Pengembangan Pertanian

Halaman ini pada intinya berisi informasi mengenai cara-cara pengolahan dan perawatan tanaman pertanian. Menu ini dibagi-bagi lagi menjadi sub-sub menu. Mungkin yang perlu diperbaiki pada sub-sub menu tersebut adalah masalah penggunaan font dan spacing. Ketika user masuk pada halaman Tips Budidaya pertanian user akan melihat menu seperti ini:

Ketika melihat menu tersebut user pasti langsung berfikir bahwa file tersebut bisa didownload karena disebelah kananya ada keterangan gambar dalam format Pdf. Tetapi setelah kita menyorot gambar Pdf ada keterangan ”klik untuk detail” bukan “klik disini untuk download file”. Setelah diklik gambar Pdfnya ternyata tidak melakukan apa-apa. Selain itu ketika user menyorot tanda arah panah yang sebelah kiri ada keterangan “klik untuk scroll menu” yang mungkin dapat membingungkan user sebenarnya apa maksud scroll pada gambar tersebut.



Menu Halaman Produksi
June 28, 2008, 5:01 am
Filed under: Halaman produksi

Pada saat user mengklik navigasi produksi maka user akan masuk pada halaman produksi. Scroll yang panjang pada halaman ini disebabkan oleh gambar yang begitu besar sehingga memenuhi semua halaman. Sebaiknya gambar yang digunakan seperlunya saja kalau dilihat gambar pada bagian atas tidak begitu penting karena yang ingin disampaikan kepada user adalah pabrik PT PUSRI bukan pemandangan langitnya. Selain itu penggunaan font juga harus diperbaiki, lebih baik menggunakan ukuran font standar agar user lebih mudah membacanya. Halaman produksi dibagi menjadi sub-sub menu antara lain:

a. Produk dan Spesifikasinya.

Halaman ini hanya berisi sedikit penjelasan mengenai produk utama dan produk sampingan. Ketika masuk pada halaman ini terdapat 2 menu navigasi yaitu produk utama dan produk samping. Yang perlu diperbaiki dari halaman produk utama adalah pada bagian paling bawah setelah informasi tabel, seperti gambar dibawah ini:

Jika hanya sekedar melihat, user awam tidak mengerti apa maksud dari menu tersebut karena tidak ada penjelasan sedikitpun. Jika mencoba-coba meng-klik maka user akan tahu bahwa gambar Pdf tersebut sebenarnya adalah menu download. Agar tidak menghabiskan waktu user dalam mengakses halaman walaupun itu hanya sekian detik sebaiknya menu download tidak hanya ditampilkan seperti itu. Akan lebih baik jika menu download dibuat dengan kata-kata jadi setelah ditulis file yang bisa didownload lalu disebelah kirinya dibuat link download. Dengan demikian akan mempermudah user sehingga tidak perlu berfikir lama dan menghabiskan waktu sekian detik hanya untuk mencari link download.

b. Teknologi pabrik.

Informasi yang disampaikan pada halaman ini sudah cukup jelas karena font yang digunakan standar juga tidak terlalu banyak scroll ke bawah. Jika user masuk pada halaman Teknologi pabrik maka user bisa melihat informasi lain seperti Pabrik utilitas, Pabrik amoniak dan Pabrik urea yang link-nya berada dibawah link navigasi Teknologi pabrik. Masing-masing halaman berisi penjelasan mengenai pabrik itu sendiri dan pada bagian bawah terdapat menu seperti ini:

Menu tersebut berada pada halaman paling bawah setiap halaman tanpa keterangan apa-apa tentu saja user yang mengakses tidak mengerti maksudnya. Bagi user yang sering mengakses mungkin sudah mengerti maksud menu tersebut bahwa yang berupa link adalah gambar daun yang kemudian akan menuju ke halaman detail pabrik. Ternyata gambar daun tersebut bukan berupa link karena tidak bisa diklik dan tidak menuju ke halaman lain. Sebaiknya jika menu tersebut berupa link cukup diberi garis bawah saja pada bagian detail karena itu sudah cukup memperjelas user.

Seperti halaman sebelumnya, pada sub-sub menu halaman ini ukuran font yang dipakai terlalu kecil sehingga sulit untuk dibaca user sebaiknya ukuran font standar saja biasanya 12 pt dan dibuat sama antara paragraf agar mudah dibaca setiap user. Masalah margin ada yang menggunakan margin kiri ada pula margin tengah sehingga terlihat tidak rapi padahal antar paragraf memiliki hubungan satu dengan lainnya.



Menu Halaman Perusahaan
June 28, 2008, 4:43 am
Filed under: Halaman perusahaan

Pada halaman perusahaan isinya sama dengan pada halaman utama yang terdiri dari header, footer dan menu-menu link. Pada halaman ini terdapat breadcrumb yang penulisannya sudah benar karena posisi user berada pada halaman perusahaan sehingga tulisan perusahaan tidak di buat link sedangkan halaman utama di buat link. Kekurangan pada halaman ini adalah memaksa user untuk melakukan scroll yang terlalu panjang padahal isinya tidak terlalu banyak. Halaman perusahaan tersebut berisi mengenai deskripsi dari perusahaan dan terbagi lagi menjadi sub-sub menu. Kesalahan pada masing-masing sub menu tersebut pada intinya sama yaitu penggunaan font dan margin dalam satu halaman antar paragraf. Setiap paragraf memakai font yang berbeda baik jenis maupun ukurannya ada yang ukurannya 10 pt ada pula yang 12 pt, juga mengenai penggunaan margin. Ada yang menggunakan margin kiri ada pula margin tengah sehingga terlihat tidak rapi padahal antar paragraf memiliki hubungan satu dengan lainnya. Selain itu spacing antar paragraf perlu dikurangi agar tidak terlalu lebar dan mengurangi scroll kebawah.



Menu halaman holding
June 28, 2008, 4:38 am
Filed under: Halaman holding

Pada bagian kanan halaman utama terdapat menu navigasi Perseroan dan Anak Perusahaan. Ketika user mengklik menu navigasi tersebut maka user langsung menuju pada halaman Perseroan dan Anak Perusahaan. Tetapi pada breadcrumb terlihat pada gambar dibawah ini:

Breadcrumb tersebut memberitahu user bahwa mereka sekarang berada pada halaman Perseroan dan Anak Perusahaan. Tetapi mengenai path yang dilalui oleh user terdapat kesalahan pada penulisan breadcrumb. Pada saat user menuju ke halaman Perseroan dan Anak Perusahaan, user melakukannya langsung dari halaman utama bukan melalui halaman Holding. Jadi pada breadcrumb tersebut perlu diperbaiki masalah path yang sebenarnya ditelusuri oleh user.




Menu halaman utama
June 28, 2008, 4:07 am
Filed under: Halaman utama

Halaman utama website ini terdiri dari header yang berisi logo perusahaan, navigasi untuk menuju ke halaman lain, isi website, dan footer yang berisi keterangan dari website perusahaan. Pada web ini, logo dan nama perusahaan sudah diberikan dengan jelas Penempatan logo dari website ini tepat karena diletakkan di sebelah kiri serta ukurannya yang sedang dan tidak terlalu besar sehingga masih bisa terlihat oleh user serta tidak memenuhi halaman. Pada bagian bawah logo perusahaan terdapat menu-menu navigasi dimana menu navigasi tersebut dibuat pop-up. Navigasi pop-up ini dibuat dengan tujuan untuk memudahkan user agar lebih cepat dalam mengakses sub-sub menu sehingga tidak perlu masuk ke setiap halaman seperti perusahaan, produksi, distribusi pemasaran dan jasa teknik.

Di bagian bawah menu navigasi terdapat gambar dari perusahaan dan menu navigasi lagi seperti Publikasi, Layanan registrasi dan Login. Hal yang perlu diperbaiki pada menu navigasi tersebut adalah pengaturan spasi antar menu. Pengaturan spasi antara Layanan registrasi dengan Login tidak sama dengan spasi di atasnya sehingga terlihat tidak rapi. Pada bagian login ternyata yang bisa diklik bukan tulisan yang bergaris bawah tetapi tanda panahnya saja tentu saja ini sedikit membingungkan user. Kita tidak tahu apakah menu navigasi tersebut memang sengaja dibuat begitu ataukah salah dari segi pemrogramannya tetapi yang jelas user-lah yang menilai karena mereka yang memakai. Karena semua tulisan itu bergaris bawah jadi sebaiknya semua menu navigasi dibuat konsisten yang bisa diklik tulisanya saja bukan tanda panahnya.

Penulisan breadcrumb pada halaman utama tidak tepat karena dibuat link. Breadcrumb digunakan untuk menginformasikan kepada user mengenai posisi mereka saat ini berada dimana dan user juga dapat menelusuri path yang telah dilaluinya sampai berada di posisi saat ini, sehingga user dengan mudah dapat kembali ke halaman sebelumnya. Jadi seharusnya breadcrumb itu tidak di buat link karena posisi user saat ini berada pada halaman utama.

Pada bagian bawah breadcrumb terdapat menu-menu navigasi seperti pada bagian atas. Seharusnya menu ini tidak perlu karena akan terjadi duplikasi menu navigasi, satu bagian menu navigasi di atas saja sudah cukup untuk mewakili.