ASSALAMU’ALAIKUM….

Lagi lagi tugas IMK, malah yang sekarang ini adalah tugas akhir IMK.....hehehehe :D

Tugas akhirnya, me-review website www.sheilaon7.com ..... salah satu band favorit ane waktu sma gan...mantap :P

Langsung aja yah agan-agan bloger semua.... ane mau review nya berdasarkan tentang 10 Heuristic Evaluation pada website www.sheilaon7.com.

1. Visibility of System Status

Ada dua hal yang menjadi dasar dari visibilitas sistem status ini, yaitu : Where am i? atau dimana user saat ini sedang berada Where can i go next? atau kemana user bisa pergi dari suatu kondisi atau state

Mungkin sebelum masuk ke pembahasan tentang visibility of system status, ane nampilin tampilan awal dari website www.sheilaon7.com .

Ane komentarin yang tampilan home dulu yah....hehehe... :D

Bisa di liat kan yah, tampilan website nya lebih condong ke kiri dan ada space di bagian bawah yang bnyak banget.... menurut ane ga bagus klo website itu ga di tengah, karena akan ngaruh terhadap

tampilan dari website nya dan tidak seusai dengan prinsip design, yaitu balance... udah tampilan nya lebih condong ke arah kiri, ada white space yang banyak di bawah lagi...adeuh....ga ajib banget ... apalagi liat scroll nya dah segitu panjang nya....ckckckck :P

Yang pasti tanggepan ane terhadap halaman home ini, ag sesuai dengan prinsip design yang namnya balance juga nambah kerjaan bagi user seperti ane buat ngegulung layar ampe bawah (ampe capek maksudnya gan...hehehe).

Okeh, sekarang masuk ke pembahasan visibility of system status. Ane jelasin sedikit dulu yah gan maksud dari ini tuh, maksudnya itu Meliputi kejelasan suatu control dan kesesuaian dengan fungsinya. Yang lebih umum nya, yaitu sistem harus bisa menginformasikan kepada pengguna tentang apa yang terjadi pada sistem.

Kan tadi ane bilan ada hal penting yah, yang pertama nih gan.....

Where am i? atau dimana user saat ini sedang berada.

Bisa diliat kan yahh gan, yang ane lingkarin itu, adalah penanda ada dimana kita sekarang. Menurut ane sih itu kurang bagus karena judul ato penanda kita sedang ada dimana itu harusnya di bedakan dengan font yang lebih gede....atau di taro di atas kiri biasanya.... klo di web ini, di sama ratain sama judul konten yang ada di page tersebut...

Where can i go next? atau kemana user bisa pergi dari suatu kondisi atau state.Nah buat yang ini, karena web ini web profil, jadi untuk state nya ga terlalu terlihat....jadi kita ga harus melakukan sesuatu yang berurutan atau terorganisir... hehehe ngomong apa koe ini??? :P

2. Match Between System and The Real WorldDisini maksudnya semua komponen dalam website www . sheilaon 7. com memiliki keseuaian dunia nyata seperti penggunaan angka decimal yang tepat, pemilihan icon yang sesuai, dan sebagainya. Penggunaan bahsa juga sangat berpengaruh, apakah website ini menggunakan bahasa indonesia atau bahasa inggris atau bahasa asing lainnya.

Ane kasih unjuk dibagian menu aja yah agan-agan, klo yang laenna bias di liat aja sendiri :D

bisa diliat yah ma agan-agan, dari bahasanya konsisten pake bahasa inggris semua. Dan yang laennya mungkin sudah cukup familiar dengan orang-orang kita, yang paling penting dengan SheilaGank. b(^_^)d

3. User Control and FreedomNah kalo yang ini ngebahas tentang kebebasan pengguna meliputi seberapa kuat peran pengguna untuk mengatur aplikasi atau meggunakan website ini khususnya. Biar lebih jelas gini maksud ane, gan. Pada tahap ini akan dilihat bagaimana pengguna dapat kembali ke suatu kondisi setelah mereka mengakses ke sebuah menu atau kondisi lainya. Dengan kata lain apabila pengguna memilih sebuah menu dan ternyata menu tersebut bukanlah menu yang mereka inginkan, pada menu yang sudah terlanjur mereka pilih tersebut haruslah terdapat tombol atau cara bagi pengguna untuk kembali ke kondisi awal dimana mereka sebelumnya.

Di sini berhubungan dengan pembahasan no 1 tadi “Visibility of System Status”, jadi selain kita sedang ada di page mana?? Juga apakah bisa kembali lagi ke menu sebelum kita masuk page ini….. gitu, gan….. :P

Kalo di website ini, ga ada fungsi atau tombol atau link yang nge-direct ke halaman sebelumnya… mungkin karena ini web profile, ato juga karena semua menu utamanya dah di taro di atas… gitu gan…nih screen shoot nya…hehehe… :P

4. Consistency and StandardsDisini maksudnya apakah website dan komponen di dalemnya sudah konsistensi desain yang dibangunnya. Contohnya nih gan, tampilan design website www . sheilaon 7. com yang menurut ane lucu, soalna ngambil space yang kiri, dan yang kanan blank…heheh (^_^)v …. Pertama ane kira browser crome ane yang salah ternyata, setelah ane coba di semua browser…SAMA AJA...heheh :D …..nih print screen nya gan….

Trus, klo bahasa yang dipake di web ini, menurut pengamatan ane campur sari gan….. menu nya pake English Language, trus kalo isi nya pake bahas Indonesia bung….hehehe… nih print screennya gan……

5. Error PreventionKalo yang disini maskudnya dari error prevention adalah bagaimana sebuah website dapat mencegah terjadi suatu error yang dibuat oleh pengguna akibat kesalahan memasukan input atau menjalankan suatu task pada suatu fungsi di website tersebut.

Di website ini menurut ane KURANG BANGET klo dalam error prevention na, kenapa??? Soalnya buat mencegah supaya user ga salah masukin inputan aja ga ada, tapi disini penanganan error nya dah bagus gan...nih contoh gambarnya, gan..........

yang jadi masalah di sini tuh, KENAPA ANE HARUS KETIKKIN TANGGAL LAHIR NYA, KAN LEBIH ENAK PAKE DATE PICKER ATO SEMACAMNYA... ckckck :p

6. Recognition Rather Than Recall

Kalau diartikan sederhana Recognition dalam hal ini adalah pengguna dapat mengetahui dimana posisi mereka berada atau pengguna tau jalur menu mana saja yang telah mereka lalui. Sebuah situs biasanya menggunakan breadcrumb agar pengguna bisa melakukan recognition atau mengetahui dimana posisi mereka saat ini hal ini bertujuan agar mereka tidak melakukan recall. Recallmerupakan proses dimanaa pengguna mengakses sebuah web dari awal kembali karena tidak menemukan posisi dimana mereka berada pada

suatu kondisi. Jika terdapat breadcrumb proses recall tidak perlu dilakukan karena pengguna bisa mengetahui jalur menu yang dilalui untuk mencapai menu yang sedang diakses oleh pengguna. Kayak yang udah ane ilang tadi di point pertama (visibility of system status) ma point yang ketiga (user control and freedom), kalo di website ini, ga ada fungsi atau tombol atau link yang nge-direct ke halaman sebelumnya… mungkin karena ini web profile, ato juga karena semua menu utamanya dah di taro di atas… gitu gan… :P

7. Flexibility and Efficiency of UseIni tuh maskudnya gini gan, Flexibility dalam sebuah website adalah bagaimana website tersebut dapat menangani dua atau lebih jenis user yang berbeda tipe dan kemampuannya. Pada suatu kasus diperlukan suatuh fungsi yang hanya dapat dimengerti oleh para pengguna yang sudah mahir sehingga pengguna tidak perlu kesulitan untuk mengakses sebuah fungsi dari awal sehingga memudahkan dalam mengakses suatu fungsi di suatu situs.

Nah kalo di website ini, lagi-lagi mungkin karena hanya website profile atao alasan lainnya. pengembang website tidak menyediakan fungsi-fungsi yang memberikan kemudahan bagi pengguna yang mahir ataupun pengguna biasa. Seluruh pengaksesan adalah sama, tidak ada sisi kemudahan yang ditawarkan bagi pengguna yang expert sehingga kurang dari segi fleksibilitas dan kemudahan pengaksesan.

8. Aesthetic and Minimalist DesignDari nama judul nya aja ketauan kan gan, minimalis design..... tapi apaan sih maksudnya???? Hehehe..... :P

Estetika dan pola desain yang minimalis merupakan point yang penting dalam heuristic evaluation. Pola desain yang minimalis juga dapat dilihat dari penggunaan white space yang minimum. White space merupakan area kosong yang tidak terdapat menu, button, ataupun actionlainya, biasanya hanya berupa areal putih biasa saja.

Kalo menurut ane di website ini, SANGAT KURANG BANGET, klo di nilai dari Aesthetic and Minimalist Design. Karena seperti yang sudah ane jelasin di point yang pertama (visibility of system status) ma point yang ketiga (user control and freedom)... nih gambar nya ane kasih liat sekali lagi... :P

Bisa di liat kan yah, tampilan website nya lebih condong ke kiri dan ada space di bagian bawah yang bnyak banget.... udah tampilan nya lebih condong ke arah kiri, ada white space yang banyak di bawah lagi...adeuh....ga ajib banget ... apalagi liat scroll nya dah segitu panjang nya....ckckckck :P

9. Help User Recognize, Diagnose, and Recover From ErrosSebenernya pembahasannya ampir sama dengan yang poin kelima (error prevention) sih...tapi ane jelasin lagi dah maskudnya yang ini... :D

Poin ini dimaksudkan untuk menguji apakah sistem dapat membantu pengguna keluar dari jeratan eror. Jika terjadi eror, apa peringatan yang diberikan desainer? Sopankah peringatan tersebut? Apakah pemberitahuan tersebut dapat membatu pengguna atau justru membuat pengguna menjadi makin bingung?

Gitu, gan..... :)bd

Nih gambarnya lagi gan...

Disini penanganan error nya dah bagus gan...nih contoh gambarnya, gan.......... sama yang kayak point kelima (error prevention) lagi, KENAPA ANE HARUS KETIKKIN TANGGAL LAHIR NYA, KAN LEBIH ENAK PAKE DATE PICKER ATO SEMACAMNYA... ckckck :p

10. Help and DocumentationThe last but not less... bner ga sih tulisannya gan ???? hehehe...... yang penting ini nih gan, ini point terakhir dari heuristic evaluation ini akan menjadi nilai tambah dalam suatu website, karena fungsi utamanya adalah membantu user ketika mengalami kesulitan dalam mengakses sebuah website, baik untuk memperoleh data atau informasi, maupun untuk melakukan suatu task dalam website tersebut.Dan jawabannya adalah TIDAK ADA DALAM WEBSITE INI....... ADEUH..... HEHEHE.... EH KETERUSAN HURUF KAPITALNYA...

Alhamdulillah selesai juga ternyata dalam ane ngbahas website orang....wkwkwk....Maaph maaph klo ada salah salah kata, klo kesalahan itu datangnya dari saya bangun asanurjaya, tapi klo kebenaran hanya milik ALLAH SWT....Akhir kata saya ucapkan ALHAMDULILLAH....Silahkan di komeng..... :P