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.

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.

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.

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.

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.

]]> http://idaliana.wordpress.com/2008/06/28/menu-perkembangan-sarana-distribusi/feed/ 0 idaliana http://idaliana.wordpress.com/2008/06/28/menu-halaman-produksi/ http://idaliana.wordpress.com/2008/06/28/menu-halaman-produksi/#comments Sat, 28 Jun 2008 05:01:32 +0000 idaliana http://idaliana.wordpress.com/?p=24 ]]> 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.

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.

Pada halaman registrasi user akan disuruh memasukan identitas diri seperti nama, pekerjaan dsb. Apabila dicermati ada banyak kekurangan pada form registrasi yang telah disediakan. Seperti kita lihat ada pada kata-kata yang dilingkari berikut ini. Sebenarnya untuk meminta user mengisi form tidak perlu kata-kata yang kesannya terlalu mengharapkan dan terlalu formal, cukup kita tulis dengan bahasa biasa saja seperti “Silahkan isi form berikut ” atau “ Isilah data identitas anda ” dan sebagainya.

Pada saat user ingin memasukkan kata untuk login dan password label yang digunakan untuk form terlalu panjang, misalkan pada kata “Email sebagai login”. Di sebelah kanan form sudah ada keterangan bahwa User ID harus menggunakan alamat email maka sebaiknya kata “Email sebagai login” diganti dengan “User ID” atau “Username” agar lebih singkat. Kata “Password yang diinginkan” sebaiknya dipersingkat menjadi “Password” dan “Ulangi isian password” dapat ditulis “Ulangi Password” atau “Retype Password” agar lebih singkat dan terlihat rapi. Di sebelah kanan form isian password ada keterangan “minimal 6 digit” bukankah akan mempersulit user padahal rata-rata user menggunakan password 5-6 digit agar mudah diingat. Password merupakan salah satu identitas user yang bersifat rahasia dan tidak boleh dilupakan jadi jika user di suruh memasukkan password minimal 6 digit maka user bisa saja menggunakan lebih dari 10 digit bahkan 100 digit. Sebaiknya keterangan itu diganti dengan “maksimal 7-8 digit” dengan begitu akan memudahkan user agar menggunakan password yang mudah diingat.

Form berikut meminta user untuk memasukkan hasil dari gambar sebagai tanda konfirmasi bahwa user akan mesubmit form registasi. Bagian form ini membuat user berfikir lama karena gambar yang di tampilkan terlalu banyak variasi tulisan yang notabennya sangat tidak diperlukan. Form ini sebenarnya hanya meminta user untuk mengisi huruf abjad yang besar berdasarkan gambar tetapi kenapa harus menampilkan tulisan-tulisan dan gambar lain yang sangat menganggu dan bisa saja membuat bingung user. Mungkin developer memberi huruf-huruf tersebut agar terlihat menarik padahal ini sangat cukup menganggu. Agar form ini tidak membuat user berfikir lama sebaiknya cukup dibuat huruf abjad saja maksimal 4 huruf sehingga user tinggal memasukkan huruf yang telah disediakan.

Apabila form sudah di submit dan ternyata ada kesalahan dalam memasukkan data maka user akan masuk kehalaman lain dan muncul pesan error. Jadi halaman ini hanya memberitahu user bahwa data yang dimasukkan tadi salah tanpa memberi tahu letak kesalahannya. Setelah link kembali tersebut diklik user akan kembali ke halaman registrasi seperti semula. Sebaiknya pesan error seperti ini ditampilkan pada halaman yang sama dan user diberitahu letak kesalahannya sehingga user tinggal mengganti data yang salah. Sebisa mungkin website itu harus memudahkan user agar user lebih sering mengunjunginya, tetapi dari form ini terlihat sekali sangat mempersulit user. Apabila user melakukan kesalahan berkali-kali maka mereka harus kembali terus ke halaman registrasi tanpa mengetahui letak kesalahannya. Selain itu semua data yang telah dimasukkan user telah dihapus semua jadi mau tidak mau user harus mengulang dari awal. Jika melakukan kesalahan 1-2 kali mungkin bagi user masih tidak masalah tapi kalau sudah lebih dari 2 kali bisa saja user tidak mau melakukan registrasi bahkan mungkin akan meninggalkan website tersebut.

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.