Apa yang temen - temen bayangkan kalo mendengar kata Solite Studio dan Save The Hamsters. Pasti akan sepintas teringat dengan Imagine Cup 2013. Ia Betul! Solite Studio merupakan sebuah studio yang sangat gigih dalam memenangkan Imagine Cup 2013 Indonesia dan juara 2 Imagine Cup 2013 Russia Kategori Games.
Bisa dibilang studio ini cukup gigih yang diawali dengan perjalanannya memenangkan MGDW 4, Nokia Lumia Apps Olympiad hingga Imagine Cup 2013. Yang paling menarik adalah game buatannya yaitu Save The Hamsters.
Save The Hamsters sendiri menceritakan tentang empat hamsters yang terjatuh dari sebuah mobil dan terpisah di berbagai tempat mulai dari hutan, pantai, gurun bahkan di tempat bersalju. Pemain hanya dituntut untuk menyelamatkan hamster ini untuk pulang dan menyelesaikan misi di setiap stagenya yang terdiri dari 15 level.
Beberapa waktu yang lalu saya telah mencoba, memainkan game Save The Hamsters ini di Nokia Lumia 710. Pada saat saya memainkan game ini disambut dengan hamster lucu beserta lingkungannya yang enak dilihat dan menu yang terdiri dari "setting", " play", dan "share". Seperti yang terlihat pada gambar di bawah ini :
Menu Utama
Ketika saya memilih meu "play" ditengah, maka akan muncul menu original dan level editor. Untuk menu original, merupakan menu utama dalam memainkan game ini, sedangkan menu level editor, saya dapat mengotak - atik sesuai keinginan saya. Pada menu Original sendiri, saya akan dihadapkan pada lima stage utama yang dimulai dari Hutan, Pantai, Gurun, Tempat Bersalju hingga Taman.
Menu Permainan
Stagenya sendiri terdiri dari 15 level yang masing - masing memiliki tingkat level berbeda. Karena game ini baru rilis, maka hanya baru 2 stage yang terbuka yaitu hutan dan pantai. Untuk memulai permainan, maka saya memilih hutan yang akan dimunculkan level pertama dengan intro kronologis cerita bagaimana hamster itu terpencar ke berbagai daerah dan saya harus menyelesaikan game ini agar hamster dapat pulang.
Ketika memulai level pertama di stage hutan, saya diberikan instruksi bermain yang berhati - hati dengan cakram pemotong dan harus menghancurkan kotak - kotak tempat hamster berpijak. Melihat hal ini sepintas eperti Save Komo yang menghancurkan kotak - kotak agar karakter dapat selamat di tanah, namun di sini ternyata ada penambahan nilai matematika yang memberikan nilai angka di tiap karakter hamster.
Hamster yang ada harus bisa dimasukkan ke dalam lubang yang telah disediakan agar operasi matematika dari hamster ini menghasilkan sebuah angka, untuk yang pertama kali, saya dihadapkan pada operasi penjumlahan dan harus menghancurkan kotak - kotak agar hamster dapat masuk ke lubang. Selain itu pemain harus bisa mendapatkan maksimal 3 biji bunga matahari agar level dapat terselesaikan.
Tampilan permainan Save The Hamsters
Semakin tinggi levelnya, semakin tinggi tingkatan dan rintangan untuk menyelamatkan hamster dan menyelesaikan misi. Seperti harus menghadapi cakram pemotong, memotong tali, dan memiringkan kota agar hamsters bisa masuk ke lubang. Selain operasi penjumlahan, terdapat juga operasi perkalian. Namun sampai saya menyelesaikan permainan ini, Stage yang disediakan masih terdiri dari 2 stage.
Selain menu original yang menarik, sebenarnya terdapat menu level editor yang membantu saya dalam menciptakan level sendiri untuk menantang teman maupun orang lain dalam bermain, namun masih kurang jelas cara penggunaannya, mungkin sebaiknya diberikan tutorial berupa animasi pada game ini agar mudah dimainkan.
Menu Level Editor
Secara keseluruhan menurut saya, game Save The Hamsters ini menyenangkan untuk dimainkan karena memiliki grafis dan suara latar belakang yang bagus sehingga saya nyaman untuk memainkannya. Selain itu game ini buatan developer Indonesia... Maka itu saya sangat bangga sekali karena Indonesia memang mampu bersaing dengan luar negeri. Bagi pengguna Windows Phone dapat mengunduhnya di Windows Phone Store dan pengguna Windows 8 dapat mengunduhnya di Windows Store
Saya memberikan game ini bintang lima, karena memang kualitas permainan dan grafis game bagus. Selain itu menambahkan nilai pembelajaraan matematika dan fisika disini. Bermanfaat dan mendidik bagi penggunanya. Ditunggu Stage selanjutnya
Desain yang baik akan meletakkan kotak pencarian sederhana di halaman utama dan mengurangi pencarian dan pelingkupan yang lebih rumit. Pengguna melakukan pencarian karena dua alasan:
Pencarian memungkinkan pengguna untuk menggunakan sesuai keinginan mereka sendiri dan kebebasan menggunakan situs. Komentar yang khas : " saya hanya ingin menemukan hal yang saya cari" Inilah sebabnya mengapa banyak pengguna langsung ke halaman rumah fungsi pencarian.
Pencarian juga merupakan pilihan terakhir pengguna ketika mereka terjebak dalam navigasi. Ketika mereka tidak punya tujuan, mereka biasanya beralih ke fungsi pencarian situs. Inilah sebabnya mengapa harus menambahkan fasilitas pencarian di setiap halaman situs, Anda tidak dapat memprediksi di mana pengguna akan merasa tersesat atau kebingungan.
pencarian yang baik tidak cukup dalam hal meneliti arsitektur informasi intranet, tetapi menemukan bahwa desain terbaik menawarkan integrasi yang saling membantu antara pencarian dan navigasi.
Fasilitas Pencarian Seharusnya Berupa Kotak
Pengguna sering bergerak cepat dan marah ketika mereka melakukan pencarian.Seperti yang kita lihat dalam studi terbaru, mereka biasanya memindai halaman rumah mencari "kotak kecil di mana saya bisa mengetik." Kami sudah lama diketahui bahwa pengguna memindai, dan implikasi yang jelas:
1. Pada halaman utama, pencarian harus memasukkan kata kunci di kotak isian dan bukan tautan
2. Kotak isian pencarian harus cukup lebar untuk memuat kata kunci, jika kotak terlalu kecil, kata
kunci akan bergeser dan mengurangi kegunaannya.
Ketika saya mengubah halaman utama untuk menambahkan kotak pencarian, penggunakan mesin pencari meningkat sebesar 91%.Perubahan yang kecil, namun efek yang besar (seperti yang sering hasilnya ketika mengimplementasikan pedoman kegunaan).
Halaman bagian inti dapat menggunakan tautan pencarian jika mereka memiliki desain yang sangat sederhana; halaman inti dapat menggunakan tautan pencari jika mereka memiliki desain yang sederhana.
Reformulasi Pertanyaan: Tidak
Rata-rata pengguna kurang pengetahuan tentang kombinasi kata kunci yang baik. Jika mereka tidak mendapatkan hasil yang diinginkan pada pencarian pertama, kemudian pencarian selanjutnya jarang berhasil. Bahkan,mereka menyerah untuk mencari kembali.
Pencarian Lanjutan: Tidak
Dalam penelitian pencarian terakhir kami, panjang rata-rata adalah 2,0 permintaan kata. Studi lain juga menunjukkan dominan pencarian sederhana. Sebagian besar pengguna tidak dapat menggunakan pencarian tingkat lanjut atau sintaks query Boolean.
Hal ini memiliki dua implikasi untuk desain pencarian:
• Tekankan kemampuan mesin pencari Anda untuk menangani tunggal-kata query dan sangat pendek multi-kata query dan masih menghasilkan hasil berkualitas tinggi.
• Jangan menawarkan pencarian lanjutan dari halaman rumah. Advanced search mengarah pengguna ke dalam kesulitan, karena mereka selalu menggunakannya salah. Ketika masuk akal, menawarkan pencarian lanjutan sebagai pilihan pengguna dapat link ke dari halaman hasil pencarian: "Apakah tidak menemukan apa yang Anda cari Coba pencarian lanjutan?."
Cari scoped: Mungkin
Cari scoped memungkinkan pengguna membatasi hasil pencarian untuk dari daerah tertentu dari situs (lingkup pencarian). Secara umum, ini berbahaya.Pengguna sering mengabaikan ruang lingkup, atau mereka berpikir bahwa mereka berada dalam area situs yang berbeda dari yang mereka benar-benar mencari.
Namun, sebagai website terus tumbuh dan menawarkan beberapa layanan dalam satu situs, sikap saya terhadap pencarian scoped berubah. Saya sekarang percaya pelingkupan dapat cukup berguna jika Anda menawarkan dalam area situs yang baik jelas delimitated dan alamat masalah tertentu.
Jika Anda memilih untuk menggunakan pencarian scoped, saya sarankan mengikuti beberapa aturan dasar:
• Mengatur ruang lingkup pencarian default untuk "semua" (pencarian seluruh situs).
• Ketika pengguna memilih lingkup pencarian sempit, secara eksplisit menyatakan cakupan di bagian atas halaman hasil.
• Tawarkan akses satu-klik untuk memperbesar ruang lingkup. Hal ini terutama penting untuk memberikan pengguna cara yang sangat terlihat dari mencari seluruh situs jika pencarian scoped mereka gagal untuk kembali hasil apapun.
• Jika hasil pencarian terlalu banyak kembali, memberikan saran pengguna untuk membatasi ruang lingkup.
Halaman Hasil Pertama adalah Emas
Pengguna hampir tidak pernah melihat melampaui halaman kedua hasil pencarian. Dengan demikian penting bahwa pencarian Anda memprioritaskan hasil dengan cara yang berguna dan bahwa semua hits yang paling penting muncul pada halaman pertama.
Juga, melihat melalui query yang paling umum di log mesin pencari dan menentukan halaman arahan yang optimal untuk setiap permintaan umum. Anda kemudian dapat secara manual tweak mesin pencari untuk menampilkan halaman ini sebagai # 1 hit.
Daftar pedoman kegunaan pencarian
Pencarian standar adalah kemampuan memahami seuatu tanpa harus di pelajari untuk mengatur.
Halaman hasil pencarian menunjukkan pengguna apa yang dicari dan mudah untuk mengedit dan mengirim ulang pencarian.
Hasil pencarian yang jelas, bermanfaat dan peringkat menurut relevansi.
Halaman hasil pencarian menjelaskan berapa banyak hasil yang diambil, dan jumlah hasil per halaman dapat dikonfigurasikan oleh pengguna.
Jika tidak ada hasil yang dikembalikan, sistem menawarkan ide atau pilihan untuk meningkatkan kata kunci berdasarkan masalah yang dapat diidentifikasi dengan isian pengguna.
Mesin pencari menangani kata kunci kosong sangat baik.
Kata kunci yang paling umum menghasilkan hasil yang bermanfaat.
Mesin pencarian meliputi tampilan, contoh atau petunjuk tentang cara menggunakannya secara efektif.
Situs ini termasuk antarmuka pencarian yang lebih kuat yang tersedia untuk membantu pengguna menyempurnakan pencarian mereka.
Halaman hasil pencarian tidak menunjukkan hasil duplikat.
Kotak pencarian cukup panjang untuk menangani panjang permintaan umum.
Pencarian menutupi seluruh situs web, bukan bagian dari itu.
Jika situs tersebut memungkinkan pengguna untuk mengatur pencarian kompleks, pencarian tersebut dapat disimpan dan dieksekusi secara teratur (sehingga pengguna dapat tetap up-to-date dengan konten dinamis).
Antarmuka pencarian terletak di mana pengguna akan mengharapkan untuk menemukannya (kanan atas halaman).
Kotak pencarian dan kontrol secara jelas diberi label (kotak beberapa search dapat membingungkan).
Situs ini mendukung orang yang ingin untuk melihat isi dan orang-orang yang ingin Anda cari.
Ruang lingkup pencarian dibuat eksplisit pada halaman hasil pencarian dan pengguna dapat membatasi ruang lingkup (jika relevan untuk tugas itu).
Halaman hasil pencarian menampilkan penjelasan informasi berguna, seperti ukuran dokumen, tanggal saat dokumen itu dibuat dan jenis file (Word, pdf dll).
Mesin pencari menyediakan pemeriksaan ejaan otomatis dan mencari bentuk jamak dan sinonim.
Mesin pencari menyediakan pilihan untuk pencarian kesamaan.
b) Analisis mengenai Search Usability dari website Badan Pusat Statistik(http://www.bps.go.id/)
Pada situs BPS ini masih terdapat banyak kesalahan dari pembuatan menu cari yang menyebabkan pengguna bingung dan menjadi kesulitan dalam menggunakan fitur ini
Hasil Pencarian di situs BPS ini masih kurang baik, karena ada beberapa kekurangan. Antara lain :
Apabila kita menekan tombol cari tanpa ada kata kunci, maka search engine akan mencantumkan seluruh artikel yang ada di situs BPS tersebut. ini merupakan hal yang tidak boleh dilakukan sebuah fitur pencari seharusnya diberikan kata maaf hasil tidak dapat ditemukan
Hasil Pencarian tidak menunjukkan kata kunciapa yang kita gunakan sebelumnya dan kotak search yang ada pun menjadi kosong. Hasil pencarian kurang jelas karena kata kunci yang cocok di hasil tidak diberi tanda (blok warna). Sistem tidak memberikan saran untuk memperbaiki keyword pencarian, apabila ada kesalahan ketik, maka akan langsung tidak ada hasil.
Situs BPS tidak menyediakan fasilitas bantuan untuk menggunakan search enginenya secara efektif, dan tidak menyediakan pilihan antarmuka untuk fitur pencari lebih mendalam (advance) serta tidak bisa menyimpan hasil pencarian yang lebih mendalam tersebut.
Tidak ada kata - kata saran (suggestion word) ketika kurang tepat saat mencari.
Apabila yang dicari tidak ada dikategori tersebut maka tidak akan ditampilkan apa –apa tanpa penjelasan yang berarti.
Hasil Pencarian tidak mencantumkan berapa hasil pasti pencariannya. sehingga memusingkan pengguna yang akan mencari Misalnya, Hasil Pencarian akan menunjukkan ada 10 halaman, tapi setelah kita klik halaman ke-10, Hasil Pencarian akan menunjukkan ada 23 halaman hasil. Dan jumlah hasil yang ditampilkan tiap halamannya tidak bisa diubah oleh pengguna.
Ukuran huruf antara judul artikel dan isi artikel sama besar dan bentuknya sama dalam gaya, sehingga mempersulit pencarian artikel yang diinginkan.
Kotak pencarian yang disediakan situs BPS tergolong kecil. Batasan pencarian sudah jelas di Hasil Pencarina namun pengguna tidak bisa menentukan kategori atau batasannya sendiri.
Dengan adanya poin-poin kesalahan Hasil Pencarian sebagai berikut :
Gambar 1
Keterangan gambar 1 : menunjukkan hasil pasti berapa jumlah halaman yang ditemukan.
Gambar 2
Keterangan gambar 2 : ketika terjadi kesalahan penulisan keyword, sistem akan memberikan saran untuk keyword yang lebih baik, dan langsung melakukan pencarian dengan keyword yang lebih baik itu. Tautan yang sudah pernah dikunjungi berwarna ungu
Gambar 3
Keterangan gambar 3 : disediakan drop-down box untuk memilih kategori pencarian (kata kategori kurang terlihat karena ruang yang kurang), kotak keyword lebih panjang, keyword sebelumnya ditulis di kalimat hasil pencarian, keyword sebelumnya dipertahankan, keyword yang sesuai diberi blok warna, diberikan link menuju ke penelusuran yang memiliki pilihan atau filter yang lebih spesifik. Link yang sudah pernah dikunjungi berwarna ungu.
Gambar 4
Keterangan gambar 4 : Judul artikel sebaiknya ditebalkan lebih besar dari isi artikel yang ditampilkan. Sehingga memudahkan pengguna untuk mencari artikel yang tepat.
Gambar 5
Keterangan gambar 5 :tautan diberikan untuk menuju halaman bantuan bagaimana melakukan pencarian yang baik di situs ini.
Gambar 6
Keterangan gambar 6 : Apabila tidak ditemukan hasil apapun dari pencarian yang dilakukan.
c) Referensi
Nielson J. 2011. Top 10 Mistakes in Web Design [Internet]. Tersedia di:
Untuk bagian ini, contoh website yang akan dikaji adalahBadan Pusat Statistik, yaitu www.bps.go.id.Untuk yang pertama, di website ini hanya akan menampilkan 4 kategoriuntuk hasil pencarian, yaitu Berita Resmi Statistika, Berita BPS, Publikasi, dan Tabel, sehingga tidak dapat menampilkan kata kunci di menu search selain yang berada di 4 kategori tersebut. Contohnya, ketika ingin mencari tentang pengertian Badan Pusat Statistika di menu cari, yang akan tampil di hasil pencarian hanya judul 4 kategori yang kosong tanpa isi. Seharusnya ketika mengetik kata kunci Badan Pusat Statistika di menu cari dapat menemukan hasilnya di halaman Tentang BPS.Kedua, ketika hasil pencarian tidak menemukan hasil yang diinginkanseharusnya muncul kalimat “Not Found” namun yang ada hanya judul dari 4 kategori diatas.Contohnya, ketika ingin mencarikata “Badan Pusat Statistika”, hasil dari pencarian hanya judul dari 4 kategori diatas yang kosong tanpa adanya keterangan bahwa tidak ada atau berada di tempat mana.sangat menyulitkan pengguna dan membuat pusing. Ketiga, tidak adanya kata – kata yang disarankan (suggestion word) untuk mencari hasil dari kata kunci yang dicari.Ketika penggunamengetikan kata kunci yang ingin dicari tidak tepat, web ini tidak memberikan saran untuk kata yang tepat. Jadi apabila kata kunci yang dicari tidak ada di 4 kategori yang ada di hasil pencarian, maka tidak akan ditampilkan apapun meskipun sebenarnya kata kunci yang dicari berada di salah satu menu website itu.Seperti contohnya mencari dengan kata kunci Rencana Strategis BPS, padahal sudah jelas terdapat di menu utama, namun karena tidak terdapat di 4 kategori hasil pencarian maka tidak ada hasilnya.Situs ini sangat menyulitkan sekali bagi pengguna.Karena hanya menampilkan kata kunci yang berada di 4 kategori hasil pencarian.Menurut saya sebaiknya untuk fungsi cari di website ini sebaiknya disederhanakan agar bisa lebih mudah dimengerti oleh pengguna dan diberikan kata – kata saran (suggestion word) ketika kata kunci yang dimasukkan kurang atau belum sesuai dengan data yang ada serta memberikan peringatan “Not Found”atau tidak ditemukan agar pengguna tidak perlu sia-sia mencari kata kunci itu.
b)PDF Files for Online Reading
Untuk bagian ini, saya masih menggunakan website yang sama seperti di atas yaituwww.bps.go.id. Website ini memiliki menu Downloads dan Info Lelang yang berformat PDF untuk diunduh secara cepat oleh computer, namun karena browser baru menggunakan sistem membaca file PDF secara online, ini akan membuat pengguna menunggu file yang akan diunduh ke dalam sistem pembacaan secara online sehingga akan membuang waktu dari pengguna dan menyebabkan terjadinya kebosanan. Fitur ini benar –benar tidak cocok untuk pengguna yang memiliki koneksi internet lambat.
c)Not Changing the Color of the Visited Link
Website yang akan saya bahas pada bagian ini adalah www.bankmandiri.co.id, Pada bagian menu di website tidak ada perubahan warna, bentuk, atau gaya yang bisa memberitahukan bahwa kita sedang memasuki sebuah halaman di menu tautan (link) ini.Contohnya ketika saya menekan menu Commercial Banking yang berada di atas tidak ada perubahan apapun yang menandakan kita sedang menunjukkan halaman dari tautan (link) menu tersebut.Menu ini tetap berwarna hitam (tidak ada perubahan) seperti di awal sama seperti menu lainnya serta tidak dibuat fitur breadcrumbataupun judul utama dari halaman itu yang mencirikan sedang berada di menu tersebut, sehingga pengunjung bertanya – tanya apakah dia pernah mengunjungi tautan itu. Ini akan sangat membuat pusing dan membuang waktu apabila kita memasuki tautan yang sama.
d)Non-Scannable Text
untuk bagian dari website acuan yang memiliki banyak teks adalah website guide untuk sebuah video game komputer, yaitu :http://www.kh2.co.uk/. Website ini menyediakan guidegame Kingdom Hearts di berbagai console. Pada bagian guide, website ini menggunakan sistem one page design. Selain itu, font yang digunakan di seluruh page sama dan memiliki margin yang tidak rapi. Berikut screenshotnya.
Bisa dilihat di atas tampilan walkthrough dari salah satu game yang berjudul “Kingdom Hearts Ultimania”. Font diatas terkesan membosankan dan tidak baik untuk mata yang membuat pengguna menjadi jenuh.
e)Fixed Font Size
Website ini contohnya :www.andromeda-lighting.com yang mempunyai tampilan bawaaan huruf kecil yang menyusahan usia 40 tahun keatas untk melihat website ini. sebenarnya banyak website yang memiliki kesalahan ini. Kebanyakan website saat ini juga tidak menyediakan tombol untuk pengguna sehinggan pengguna dapat mengubah ukuran font dari website. Namun, browser saat ini telah memberikan fasilitas zoom-in dengan menggunakan ctrl + ”+” dan zoom-out dengan menggunakan ctrl + “-“.
f)Page Titles With Low Search Engine Visibility
Contoh yang akan saya ambil adalah website Cybernews Suara Merdeka, yaitu http://suaramerdeka.com/. Web ini memiliki penulisan page title yang kurang baik.Berikut screenshot-nya.
Bisa dilihat dari dua screenshot di atas page title yang terlihat di tab sama yang akan membuat pengguna akan pusing. Padahal, dua page tersebut berada di halaman yang berbeda (bisa dilihat pada url-nya). Bagi pengguna yang ingin pindah tab browser antar website karena page title yang terlihat sama.
g)Anything That Looks Like an Advertisement
Website yang saya akan jadikan contoh dari bagian ini adalah http://www.angelfire.com/super/badwebs/. Pada halaman website ini banyak sekali iklan yang ditamparkan sampai – sampai tidak diketahui dimanakah menu asli dan isi dari website ini, karena menu aslinya pun mirip dengan iklannya. Dapat terlihat warna yang banyak dantidak indah membuat mata menjadi sakit.
h)Violating Design Conventions
Website yang memiliki masalah di bagian ini adalah http://www.hosanna1.com/.Menurut saya situs sangat membuat pengunjung website ini sakit mata dikarenakan terjadi tumpang tindih antara teks, gambar, dan tombol hamper menjadi satu. Website ini tidak memiliki konsistensi desain. Mata pengguna akan cepat lelah dan otomatis akan cepat-cepat beralih ke website lain dikarenakan website sangat membingungkan dan tidak menarik. Rasa takut pada pengguna akan muncul karena merasa seperti situs hacker.Penampilannya sangat tidak rapi dan pemilihan warna background tidak tepat sama sekali.
i)Opening New Browser Windows
Website yang bisa dijadikan sebagai contoh adalah http://undip.ac.id website ini merupakan website utama dari Universitas Diponegoro.Kesalahan ini dapat dilihat pada bagian tautan sebelah kanan dan kiri dari website ini. Jika salah satu dari daftar tautan tersebut ditekan, browser secara otomatis akan membuka tab baru. Tab baru ini akan dianggap menyusahkan bagi sebagian pengguna. Hal ini dikarenakan ada pengguna yang tidak menyadari bahwa browser mereka telah membuat tab baru. Ketika pengguna tersebut ingin kembali ke halaman sebelumnya, penggunaakan kesulitan karena tidak ada tombol back, baik pada halaman website, maupun pada browser (tombol back tidak bisa di-klik). Untuk yang kesalahan membuka jendela baru dapat dilihat di http://livescore.com ketika melihat skor hasil pertandingan akan membuka jendela baru yang memperlihatkan data lebih lengkap.Itu memusingkan pengguna saat membuka jendela itu.
j)Not Answering User’s Questions
Website yang cocok untuk ini adalah website e-commerce http://msy.com.au/.
Website ini tidak mempunyai informasi berupa gambar-gambar produk yang diperjual-belikan.Karena sebagai website e-commerce seharusnya memberikan informasi yang sangat detail kepada pelanggan. Yang membuatnya sangat tidak baik adalah karena user harus mengunduh file parts.pdf untuk melihat harga barangpada tombol “Parts Pricelist”. Hal ini sangat tidak perlu dan membuang waktu pengguna.