Berikut ini kultweet Ust @salimafillah tentang ”SubhanaLlah” &  ”MasyaaLlah”. Saya menambahkan terjemahan Al-Qur’an dari ayat yang disampaikan dalam tweetnya. Semoga Beermanfaat.

Ada 2 yang mengikatnya; tuntunan Quran-Sunnah & kebiasaan dalam Bahasa Arab.

Al Quran menuturkan; SubhanaLlah digunakan dalam mensucikan Allah dari hal yang tak pantas. “Maha Suci Allah dari mempunyai anak, dari apa yang mereka sifatkan, mereka persekutukan, dll.” Ayat-ayat berkomposisi ini sangatlah banyak. Juga, SubhanaLlah digunakan untuk mengungkapkan keberlepasan diri dari hal menjijikkan semacam syirik (QS 34: 40-41), dihinakannya Allah tersebab kita (QS 12: 108) dll.

“Dan (ingatlah) hari (yang di waktu itu) Allah mengumpulkan mereka semuanya kemudian Allah berfirman kepada malaikat: ”Apakah mereka ini dahulu menyembah kamu?”.Malaikat-malaikatitu menjawab: “Maha Suci Engkau. Engkaulah pelindung kami, bukan mereka: bahkan mereka telah menyembah jin; kebanyakan mereka beriman kepada jin itu”.” (QS 34 Saba’: 40-41)
“Katakanlah: “Inilah jalan (agama) ku, aku dan orang-orang yang mengikutiku mengajak (kamu) kepada Allah dengan hujjah yang nyata, Maha Suci Allah, dan aku tiada termasuk orang-orang yang musyrik”.” (QS 12 Yusuf: 108)

Bukankah ada juga pe-Maha Suci-an Allah dalam hal menakjubkan? Uniknya, Al Quran menuturnya dengan kata ganti kedua (QS 3: 191), atau kata ganti ketiga yang tak langsung menyebut asma Allah (QS 17: 1 dll). Sedangkan ia juga terpakai pada; me-Maha Suci-kan Allah dalam menyaksikan bencana & mengakui kezhaliman diri (QS 68: 29), menolak fitnah keji yang menimpa saudara (QS 24: 16). Bagaimana Hadits-nya?

“(yaitu) orang-orang yang mengingat Allah sambil berdiri atau duduk atau dalam keadaan berbaring dan mereka memikirkan tentang penciptaan langit dan bumi (seraya berkata): “Ya Tuhan kami, tiadalah Engkau menciptakan ini dengan sia-sia. Maha Suci Engkau, maka peliharalah kami dari siksa neraka.”" (QS 3 Ali Imran:109)

“Maha Suci Allah, yang telah memperjalankan hamba-Nya pada suatu malam dari Al Masjidilharam ke Al Masjidilaksa yang telah Kami berkahi sekelilingnya agar Kami perlihatkan kepadanya sebagian dari tanda-tanda (kebesaran) Kami. Sesungguhnya Dia adalah Maha Mendengar lagi Maha Melihat.” (QS 17 Al Israa’: 1)

“Mereka mengucapkan: “Maha Suci Tuhan kami, sesungguhnya kami adalah orang-orang yang dzalim”.” (QS 68 Al Qalam: 29)

“Dan mengapa kamu tidak berkata, di waktu mendengar berita bohong itu: “Sekali-kali tidaklah pantas bagi kita memperkatakan ini. Maha Suci Engkau (Ya Tuhan kami), ini adalah dusta yang besar.”" (QS 24 An Nuur:16)

“Kami apabila berjalan naik membaca takbir, & apabila berjalan turun membaca tasbih.” (HR Al Bukhari, dari Jabir). 

Jadi “SubhanaLlah” dilekatkan dalam makna “turun”, yang kemudian sesuai dengan kebiasaan orang dalam Bahasa Arab

secara umum; yakni menggunakannya tuk mengungkapkan keprihatinan atas suatu hal kurang baik di mana tak pantas

Allah SWT dilekatkan padanya. Adalah Gurunda @kupinang (Moh. Fauzil Adhim) yang pernah memiliki pengalaman memuji seorang Gurunda lain nan asli Arab dengan “SubhanaLlah”, kemudian mendapat jawaban tak dinyana.

“AstaghfiruLlahal ‘Adhim; ‘afwn Ustadz; kalau ada yang bathil dalam diri & ucapan ana; tolong segera Ant luruskan!”, kira-kira demikian.

Bagaiamana simpulannya? Dzikir tasbih secara umum adalah utama, sebab ia dzikir semua makhluq & tertempat di waktu utama pagi & petang. Adapun dalam ucapan sehari-hari, mari membiasakan ia sebagai pe-Maha Suci-an Allah atas hal yang memang tak pantas bagi keagunganNya.
Bagaimana dengan “MasyaaLlah”? QS 18: 39 memberi contoh; ia diucapkan atas kekaguman pada aneka kebaikan melimpah; kebun, anak, harta. Sungguh ini semua terjadi atas kehendak Allah; kebun subur menghijau jelang panen; anak-anak yang ceria menggemaskan, harta yang banyak. Lengkapnya; “MasyaaLlah la quwwata illa biLlah”, kalimat ke-2 menegaskan lagi; tiada kemampuan mewujudkan selain atas pertolongan Allah.

“Dan mengapa kamu tidak mengucapkan tatkala kamu memasuki kebunmu “MAA SYAA ALLAH, LAA QUWWATA ILLAA BILLAH” (Sungguh atas kehendak Allah semua ini terwujud, tiada kekuatan kecuali dengan pertolongan Allah). Sekiranya kamu anggap aku lebih sedikit darimu dalam hal harta dan keturunan,” (QS 18 Al Kahfi: 39)

Pun demikian dalam kebiasaan lisan berbahasa Arab; mereka mengucapkan “MasyaaLlah” pada keadaan juga sosok yang kebaikannya mengagumkan. Demikianlah pengalaman menghadiri acara Masyaikh; & membersamai beberapa yang  empat ke Jogokariyan; dari Saudi, Kuwait, Syam, & Yaman. Di antara mereka ada yang berkata, “MasyaaLlah” nyaris  tanpa henti, kala di Air Terjun Tawangmangu, Bonbin Gembiraloka, & Gunung Merapi.

Simpulannya; “MasyaaLlah” adalah ungkapan ketakjuban pada hal-hal yang indah; dan memang hal indah itu dicinta & dikehendaki oleh Allah. Demi ketepatan makna keagunganNya & menghindari kesalahfahaman; mari biasakan mengucap “SubhanaLlah” & ”MasyaaLlah” seperti seharusnya.

Membiasakan bertutur sesuai makna pada bahasa asli insyaaLlah lebih tepat & bermakna. Tercontoh; orang Indonesia bisa senyum gembira padahal sedang dimaki. Misalnya dengan kalimat; “Allahu yahdik!”. Arti harfiahnya; ”Semoga Allah memberi hidayah padamu!” Bagus bukan? Tetapi untuk diketahui; makna kiasan dari “Allahu yahdik!” adalah “Dasar gebleg!” ;D Jadi, mari belajar tanpa henti & tak usah memaki;)

Berikut ini penjelasan beliau tentang #Langkah Syaithan, berikut petikan tausyiah beliau. Semoga Bermanfaat

“Kenal diri kenal musuh, menanglah. Kenal diri tak kenal musuh, hati-hati. Tak kenal diri tak kenal musuh, mati.” -Sun Tzu- #LangkahSyaithan

1. #LangkahSyaithan secara garis besar ada 2. Yakni Tadhlil <penyesatan> dan Labsul Haq bil Bathil <mencampuraduk benar dengan batal> #GAIB

2. #LangkahSyaithan Tadhlil <penyesatan>, memang telah tersumpahkan di hadapan Allah ketika Iblis dilaknat. Tadhlil banyak jenisnya. #GAIB

3. #LangkahSyaithan dalam penyesatan di antaranya: WAS-WAS. Maknanya membisikkan hal-hal mengkhawatirkan jika seorang hamba mentaat. #GAIB

4. #LangkahSyaithan WAS-WAS pd Adam & isteri: “Allah tidak mencegahmu dari pohon, melainkan agar kalian tak jadi malaikat atau abadi.” #GAIB

5. #LangkahSyaithan WAS-WAS banyak. Inti isi: taat susah, maksiat untung. ie: “Berislam taat hanya jadikan kita dibenci orang ramai!” #GAIB

6. #LangkahSyaithan dalam penyesatan NISYAN: membuat lupa. Kita dibuat lupa utk mengerja kewajiban, melakukan kebaikan, membalas jasa. #GAIB

7. #LangkahSyaithan NISYAN misalnya pada sahabat Yusuf di penjara. Dia lupa bertahun-tahun sampaikan kezhaliman atas Yusuf pada Raja. #GAIB

8. #LangkahSyaithan NISYAN bisa membuat orang baik menderita, orang tak baik tenang saja. Target: semangat berkebaikan insan menurun. #GAIB

9. #LangkahSyaithan berikutnya TAMANNI: menanam angan-angan. Dilakukan agar kita sibuk dalam bayang-bayang, tak beramal di kenyataan. #GAIB

10. #LangkahSyaithan TAMMANNI misalnya membuat pemuda lebih dikuasai bayang indahnya hubungan, bukan sibuk persiapkan kemampuan nikah. #GAIB

11. #LangkahSyaithan TAMANNI misalnya membuat calon pejabat lebih memikirkan apa yang didapat & dinikmati daripada melayani rakyatnya. #GAIB

12. #LangkahSyaithan selanjutnya TAZYIN: menghias-hias. Yang busuk dihias jadi wangi, hina tampak mulia, yang nista terlihat cantik. #GAIB

13. #LangkahSyaithan TAZYIN meliputi medan fikir, kata, & ‘amal. Misal: zina bukan kejahatan asal suka sama suka, riba disebut bunga. #GAIB

14. #LangkahSyaithan TAZYIN lainnya: membela ketakbaikan minoritas itu perbuatan mulia, judi itu amal berhadiah, HAM itu menghalalkan. #GAIB

15. #LangkahSyaithan berikutnya WA’D: buat janji palsu. Ada kisah Israiliyat ttg 2 kakak lelaki & adik perempuannya yg gambarkan ini. #GAIB

16. #LangkahSyaithan WA’D. Jadi ke-2 kakak hendak berdagang, mrk titipkan si adik pd seorang ahli ibadah. Mulanya si ‘Abid menolak. #GAIB

17. #LangkahSyaithan WA’D. Tp bisik syaithan: Ya Allah bid, masak ahli ibadah nan penuh kasih sepertimu tak mau menolong. Tega sekali! #GAIB

18. #LangkahSyaithan WA’D. Dibisik terus, si ‘Abid setuju. Syarat: si gadis hrs di puncak menara. ‘Abid hanya 2x sehari antar makan. #GAIB

19. #LangkahSyaithan WA’D. Stl beberapa hr berjalan, syaithan membisik lg: Nggak khawatir lu Bid, jangan2 gadis itu sakit. Amanah lho! #GAIB

20. #LangkahSyaithan WA’D. Khawatir, ‘Abid ketuk pintu: “Baik sj kan?”. Syaithan membisik: Yah, sapaan macam apa itu? Tidak sopan! #GAIB

21. #LangkahSyaithan WA’D. Syaithan: Ayolah Bid, namanya jg wanita. Bkn cuma makan, dia butuh perhatian. Jadilah lelaki yg memahami. #GAIB

22. #LangkahSyaithan WA’D. Bisik demi bisik nan manis & memuji tiap hari, ringkas cerita, si ‘Abid & gadis itu dijerumus utk berzina. #GAIB

23. #LangkahSyaithan WA’D. Syaithan terkekeh: Nggak nyangka gue Bid, tampang ‘alim bejat juga lu! Hayeuh gmn sekarang? Panik! Panik! #GAIB

24. #LangkahSyaithan WA’D. Bisik syaithan: Tuh dengerin tuh muntahnya, hamil Bid! Kl gua jd elu, bunuh aja dia, tak akan ada yg tahu. #GAIB

25. #LangkahSyaithan WA’D Bisik lg: Lagian kakaknya pasti percaya sama lu deh Bid. Siapa dl dong, ‘Abid, org shalih yg disayang Allah! #GAIB

26. #LangkahSyaithan WA’D. Bisik: “Bunuh aja, blg sm kakaknya dia mati krn sakit. Beres!” Dan dilakukanlah itu. Hingga ke-2 kakak dtg. #GAIB

27. #LangkahSyaithan WA’D. Ke-2 kakak sedih, tp percaya & pulang. Syaithan dtg dlm mimpi, mengilhamkan mrk akan kejahatan ‘Abid. #GAIB

28. #LangkahSyaithan WA’D. Terbongkar kebejatannya, si ‘Abid diarak & dirajam keliling kampung. Diikat di salib lalu siap dibakar. #GAIB

29. #LangkahSyaithan WA’D. Saat api nyala, syaithan bisik: Nggak ada yg bs tolong kamu kecuali aku. Ayo, dtglah padaku, mohon padaku. #GAIB

30. #LangkahSyaithan Ketika si ‘Abid kufuri Allah & memohon tolong pd syaithan, si syaithan bilang: Good bye, sampai jumpa di neraka. #GAIB

31. #LangkahSyaithan WA’D. Kata syaithan: Aku sj takut pd Allah, kok kamu berani banget sih kufur padaNya? Demi Allah, janjku palsu. #GAIB

32. #LangkahSyaithan selanjutnya KAID: tipudaya. Terjelaskan sudah ttg ini di kisah ‘Abid yg jg menjelaskan langkah syaithan WA’D. #GAIB

33. #LangkahSyaithan selanjutnya TASWIF: menunda. “Nanti saja!” Nanti saja sedekahnya kalau sdh kaya, nanti sj ibadahnya klw sdh tua. #GAIB

34. #LangkahSyaithan TASWIF. Nanti sj shalatnya klw sinetron selesai, nanti jumatn klw sdh sepi, nanti sj berhaji klw sdh pny istana. #GAIB

35. #LangkahSyaithan selanjutnya TAKHWIF: menakut-nakuti. Jgn aktif di Rohis nanti jd teroris. Jgn rajin ke masjid nanti ditangkap. #GAIB

36. #LangkahSyaithan TAKHWIF. Jgn berjilbab nanti susah jodoh & susah kerja. Jgn memperbaiki nanti dijebak anak buah & kena korupsi. #GAIB

37. #LangkahSyaithan lagi; ‘ADAWAH: diproklamasikan permusuhan. Contoh mudahnya: Ayyub AS. Harta musnah, anak habis, sakit mengerikan. #GAIB

38. #LangkahSyaithan LABSUL HAQ BIL BATHIL: jk kejahatan tak lg memikat, yg lebih menghanyutkan adl mencampurnya dgn unsur2 kebenaran. #GAIB

39. Demikian sekilas ttg #LangkahSyaithan dlm KulTwit #GAIB, moga manfaat. CMIIW ya Tweeps Shalihin-Shalihat. Mr mhn lindungan selalu drnya.

40. Rabbii A’udzu biKa min hamazaatisy Syayaathiin. Wa A’udzu biKa Rabbii an Yahdhuruun.. #LangkahSyaithan #GAIB

#Jin berakar sama dengan kata kerja Jaanna, yang artinya menutup hingga tak terlihat, menggelap (QS 6: 76) #GAIB

Ketika malam telah gelap, dia melihat sebuah bintang (lalu) dia berkata: “Inilah Tuhanku”, tetapi tatkala bintang itu tenggelam dia berkata: “Saya tidak suka kepada yang tenggelam.” (QS Al An’am:76)

Yang seakar dengan #Jin: Janin (tak tampak di rahim), junnah (perisai menutup), majnun (tak tampak akal), jannah (kebun lebat & gelap) #GAIB

Maka makna #Jin jelas: tak tampak, tak terlihat. Mengaku & merasa bisa melihat jin bukanlah kelebihan, melainkan KEKURANGAN. #GAIB

#Jin & manusia dlm tugas hidupnya masing2 tak boleh saling ganggu, juga tak boleh saling bantu. Semua berakibat sesat. (QS Al Jin 6) #GAIB

“Dan bahwasanya ada beberapa orang laki-laki di antara manusia meminta perlindungan(1524) kepada beberapa laki-laki di antara jin, maka jin-jin itu menambah bagi mereka dosa dan kesalahan.” (QS Al Jin:6)

#Jin tercipta dari api, dan lebih dahulu ada dibanding manusia (QS Al Hijr 26-27). Jin ada lelaki-perempuan, makan, bertempat-tinggal. #GAIB

#Iblis, termasuk golongan #Jin, dengan nama yang spesifik pada sifatnya; dia sosok yang ‘terluka/terpukul’. #GAIB

#Iblis disifati Abaa (enggan), istikbaar (sombong: menolak kebenaran, meremehkan yang lain), kafir (tak mau taat) <QS 2: 34> #GAIB

“Dan (ingatlah) ketika Kami berfirman kepada para malaikat: “Sujudlah [36] kamu kepada Adam,” maka sujudlah mereka kecuali Iblis; ia enggan dan takabur dan adalah ia termasuk golongan orang-orang yang kafir.” (QS Al Baqaroh:34)

#Iblis istimewa dari #Jin yang lain sebab ibadahnya sebelum ada Adam. Dia sujud di hadapan Allah 40.000 tahun hingga jadi muqarrabun. #GAIB

Istimewanya #Iblis sebagai muqarrabun dari kalangan #Jin membuat ia terperintah jua sujud pada Adam sebagaimana Malaikat (Ibnul Jauzy) #GAIB

Tetapi ibadah #Iblis nan lalu menjadi sia-sia sebab pembangkangannya: enggan, sombong (tolak kebenaran, remehkan yang lain), ingkar. #GAIB

Maka kata Ibnul Jauzy: dosa yang membawa sesal (Adam) lebih baik <diampuni> daripada taat yang membawa congkak (#Iblis) <dikutuk>.

#Iblis memang bermaksiat (enggan taat, tolak kebenaran, remehkan liyan), tapi utk sendiri. Kalau maksiat didakwahkan namanya #Syaithan #GAIB

Jadi #Syaithan <berarti ‘menutup kebaikan’> ialah nama sifat untuk semua yang jahat sekaligus mengjak berbuat jahat. Siapapun dia. #GAIB

#Syaithan, jahat & membisikkan kejahatan, bisa dari golongan #Jin maupun manusia (QS An Naas 6) #GAIB

Catat, #Jin dan #Syaithan yang menakuti kalah berbahaya dibanding jin-syaithan yang mempesona dan menyenangkan;) #GAIB

Nah, demikian seringkas kecil tentang #Jin, #Iblis, #Syaithan ter-KulTwit #GAIB. InsyaaLlah nanti kita lanjut ‘Langkah-langkah Syaithan’

Demikian potongan kultwett Ustad Salim A. Fillah tentang GAIB, nanti dilanjutkan “Langkah-langkah Sayithan” di lain waktu Insya Allah.

Sekian, semoga bermanfaat.

http://farm6.static.flickr.com/5246/5252859605_115e442abb_m.jpg

Kesimpulan

Web Usability adalah salah satu faktor penting dalam mengembangkan sebuah web. Pengembang harus memahami prisip-prinsip usability sebelum mengimplementasikannya pada sebuah web. Pengembangan website vivanews.com bertujuan untuk menyampaikan informasi dan berita kepada pengunjungnya secara cepat dan akurat.

Secara keseluruhan situs vivanews.com sudah baik dan informatif. Hanya saja masih terdapat beberapa kekurangan khusunya tampilan beranda yang masih kurang teratur dan terdapat beberapa ketidakkonsistenan yang menggangu pengunjung. Pengunjung juga diberikan kemudahan karena adanya fasilitas berita terkait yang  memudahkan mencari informasi sejenis.

Penulis mohon maaf jika terdapat banyak kesalahan.

Referensi

Jakob Nielsen. Prioritizing Web Usability.

Jeff Johnson. 2003. Web Bloopers. Morgan Kautman Publisher: San Fransisco

Filed under: Ilmu Komputer, IMK ]]> http://bangkitkansemangat.wordpress.com/2010/06/26/web-usability-penutup/feed/ 0 Hidayat http://bangkitkansemangat.wordpress.com/2010/06/26/analisis-website-vivanews-com-3/ http://bangkitkansemangat.wordpress.com/2010/06/26/analisis-website-vivanews-com-3/#comments Sat, 26 Jun 2010 14:16:48 +0000 Hidayat http://bangkitkansemangat.wordpress.com/?p=58 Read more]]> Ini meupakan rangkaian keempat dari tulisan web usability vivanews.com.

Search

Fasilitas pencarian (search) sangat membantu pengunjung untuk memperoleh informasi yang dibutuhkan dengan cepat. Pengguna hanya perlu untuk memasukkan keyword atau kata kunci kemudian akan fasilitas ini akan mencari semua halaman yang memiliki kata kunci tersebut dan dimasukan ke dalam hasil pencarian. Fasilitas search vivanews.com melakukan pecarian kata kunci disetiap judul dan isi halaman.

Gambar 12. Hasil Pencarian

Dalam pencarian diatas sudah bagus karena memberikan fasilitas Prev dan Next disertai dengan nomor sehingga pengunjung bisa memilih nomor untuk melompat ke hasil pencarian yang lain. Akan tetapi hasil pencarian yang terlalau banyak akan menampilkan nomor yang sangat banyak sehingga membuat pengunjung menjadi kurang nyaman.

Gambar 13. Nomor hasil pencarian yang terlalu banyak

Selain itu terkadang hasil pencarian yang tidak sesuai dengan kebutuhan pengguna. Pada gambar 12, dapat dilihat penulis melakukan pencarian dengan kata kucni Maradona, tetapi hasilnya menampilkan dua tertinggi yaitu wanita terseubur di dunia, dan kasus Ariel-Luna Maya. Dan juga ketidakonsitenan letak fasilitas search,

Gambar 14. Letak Fasilitas search pada Kategori Piala dunia

Gambar 15. Letak fasilitas search umum

Dengan tata letak yang berbeda ini menimbulkan kesan bahwa saat melakukan pecarian pada menubar biasa akan melakukan pencarian seperti biasa. Tetapi jika melakukan pencarian pada menubar kategori Piala Dunia karena memiliki perbedaan maka hasil pencarian hanya akan berasala dari kategori Piala Dunia saja. Namun hal ini tidak terjadi, pada kasus gambar 12, penulis melakukan pencarian dari halaman kategori piala dunia dan hasilnya seperti diatas.

Tidak Konsisten

Tampilah vivanews.com beberapa halaman tidak konsisten satu sama lain. Berikut ini penulis ungkapakan beberapa ketidak konsistenan vivanews.com.

Penggunaan “artikel terkait” dan “berita terkait” pada halaman yang berbeda dengan maksud yang sama. Selain itu posisi artikel/berita terkait tersbut berbeda satu sama lainnya

Gambar 16. Posisi Berita terkait berada di bawah foto artikel

Gambar17. Posisi Artike Terkait tidak konsisten

Selain itu terdapat perbedaan saat kita menggerakan mouse atau tetikus mendekat ke judul berita yang kita ingingkan. Pada gambar dibawah ini, penulis mendekatkan tetikus pada berita pertama. Berikut hasilnya:

Gambar 18. Link menjadi garis bawah pada kategori Sport

Sementara pada kategori bola, tidak terdapat link jika kita mendekatkan tetikus pada link

Gambar 19. Link tidak terdapat garis bawah pada kategori Bola

Banner

Pada halaman beranda vivanews.com di bagian kiri terdapat iklan flash banner yang cukup menggangu perhatian karena bergerak atau memiliki animasi. Mata manusia sangat sensiti tehadap yang bergerak sehingga bisa mengalihkan mata ke animasi sehingga dapat kehilangan fokus dari tujuan awal yang ingin diperoleh

Gambar20. Iklan flash yang cukup menganggu

Fungsi Logout yang Hanya Ada pada Forum

Vivanews.com membeirkan aturan yang ketat untuk memberikan komentar pada berita yang disediakan. Pengunjung harus menjadi anggota terlebih dahulu, kemudian login untuk mengakses beberapa layanan yang memperlukan login anggota terlebih dahulu. Selain memberi komentar, fasilitas yang perlu login antara lain U-report, forum, dan surat. Kita dapat melakukan login sebelum memberikan komentar dan akan dibawa ke halaman member.vivanews.com akan tetapi saat ingin melakukan logout, penulis tidak menjumpai fungsi logout di halaman untama. Penulis menjumpai logout pada halaman forum.vivanews.com

Gambar 21. Fungsi logout pada forum

Scrolling

Pengguna web kebanyakan malas untuk melakukan scrolling dan kalaupun mereka melakukan scrolling, maka mereka hanya melakukannya sedikit saja (satu atau dua kali scrolling). Pada web ini banyak terdapat scroll cukup banyak. Seandainya berita menarik atau pengjung membutuhkan informasi tersebut maka tentu akan melanjutkan pencarian. Akan tetapi peluang pengguna web untuk menggilkan web juga ada.

Filed under: Ilmu Komputer, IMK ]]> http://bangkitkansemangat.wordpress.com/2010/06/26/analisis-website-vivanews-com-3/feed/ 4 Hidayat sharching nomorUrut MEnuPialaDunia menuUtama HalamanUmum sportTidakKonsisten garisBawah TanpagarisBawah banner logout http://bangkitkansemangat.wordpress.com/2010/06/26/analisis-website-vivanews-2/ http://bangkitkansemangat.wordpress.com/2010/06/26/analisis-website-vivanews-2/#comments Sat, 26 Jun 2010 08:09:46 +0000 Hidayat http://bangkitkansemangat.wordpress.com/?p=45 Read more]]> Ini merupakan lanjutan analisis website vivanews.com.

Breadcrumb

Pada bagian forum terdapat fasilitas breadcrumb. Dengan fasilitas ini, pengunjung dapat mengetahui lebih mudah dimana lokasi ia berada.

Gambar 7. Breadcrumb pada forum vivanews

Pada breadcrumb diatas sudah baik karena item yang terakhir  (halaman saat ini) pada path breadcrumb bukan link.  Karena menurut Jeff Johnson salah satu kekelriuan pembuat situs adalah menjadikan item terakhir sebagai link dan sebuah link yang menuju ke halaman itu juga (sebelum dan sesudah diklik, halaman tidak berubah).

Selain itu, terdapat juga navigasi yang mirip breadcrumb. Penulis sebut mirip karena kita tidak bisa kembali ke path sebelumnya dengan menklik path disamping kiri. Saat diklik situs tidak akab bereaksi apa-apa karena bukan link.

Gambar 8. Mirip Breadcrumb

Akan tetapi setelah salah satu berita yang ada pada kategori tersebut diklik, maka navigasinya berubah menajdi hanya “Bisnis” bukan lagi “Bisnis-Finansial”. Hal ini juga dapat membingungkan pengunjung jika ingin kembali ke halaman karena membutuhkan informasi pada kategori tersebut, pengunjung seperti kehilangan kategori rinci. Sebenarnya vivanews menyediakan pada bagian menu, tetapi akan lebih mudah jika menggunakan breadcrumb.

Menu Tambahan

Karena keterbatasan tempat pada menubar yang tidak lagi mampu menampung banyaknya kategori menu, sehingga pada situs ini terdapat menu tambahan. Menu tambahan ini luput dari perhatian dan tetikus (mouse) kita harus mengikuti alur menu.

Gambar 9. Menu Tambahan

Menu tambahan ini juga tidak diurutkan berdasarkan abjad. Karena hanya berjumlah dua sehingga tidak berpengaruh karena masih usebale. Akan tetapi hampir semua submenu di situs ini juga tidak diurutkan berdasarkan abjad. Seandainya submenu ini diurutkan sesuai abjad akan terlihat lebih rapi dan konsisten.

Kategori yang Terlihat Bisa Diklik

Pada saat kita membuka salah satu kategori dengan mengklik pada menubar, maka kita akan masuk ke halaman kategori tersebut. Akan tetapi jika kita ingin melihat kategori berita yang lebih spesifik kita harus mengklik submenu pada menubar. Hal ini terjadi karena submenu pada kategori yang ditampilkan di halaman utama tidak dapat diklik. Contoh kasus padah menu bola.

Gambar 10. Submenu Bola

Saat kita menklik pada menubar Bola maka kita akan berada pada halaman kategori bola. Pada halaman tersebut kira diberikan sub kategori yang sama dengan yang ada pada menu. Akan tetapi sub menu tersebut tidak dapat diklik. Kita hanya dapat memilih berita yang ada pada subkategori.  Walaupun demikian kita diberikan pilihan index untuk melihat berita pada kategori yang sama.

Gambar 11. Porongan Halaman Utama Bola

Fasilitas index ini akan berisi berita yang dikelompokan sesuai tanggal. Akan tetapi sering kali berita pada index ini tidak ada alias kosong pada tanggal saat kita mengakses, sehingga harus memilih index tanggal sebelumnya. Alangkah lebih baik jika disediakan halaman khusus subkategari sehingga barita yang termasuk dalam subkategori tersebut dapat dengan mudah diakses. Dengan adanya halaman subkategori tersebut akan semakin efisien, karena pengunjung lebih cepat memperoleh informasi yang diinginkan.

Duplikasi

Saat kita memilih index, beberapa kasus terjadi duplikasi seperti dibawah ini. Hal ini merupakan pemborosan sehingga keluar dari prinsip simplicity.

Gambar 11. Duplikasi pada index

Duplikasi ini terkesan untuk mengisi whitespace yang ada di bagian kanan. Padahal dengan duplikasi ini tidak memperlihatkan kondisi providing good product information (penyajian informasi yang tidak baik).

1. Nothing to Hide (tak ada yang perlu disembunyikan)
2. The Web User Experience (pengalaman pengguna web)
3. Revisiting Early Web Usability Findings (napak tilas web usability)
4. Prioritizing Your Usability Problems(memprioritaskan permasalhan usability)
5. Search  (pencarian)
6. Navigation and Information Architecture (navigasi dan arsitektur informasi)
7. Typografi: Readability & Legibility (Tipografi: dapat dibaca & mudah dibaca)
8. Writing  for the Web (penulisan web)
9. Providing Good Product Information (menyajikan informasi produk dengan baik)
10. Presenting Page Elements (menampilkan elemen halaman)
11. Balancing Technology with People’s Needs (menyeimbangkan teknologi dengan kebutuhan manusia)
12. Design That Works (desain)

Pembahasan website dilakukan sesuai dengan kondisi yang ditemukan pada webiste vivanews.com dengan memperhatikan poin-poin diatas. Selain itu kajian web ini juga merujuk pada Web Bloopers karya Jeff Johnson.

Logo Perushaan

Logo dan nama perusahan merupakan identitas utama sebuah website. Indentitas ini digunakan untuk menghinformasikan kepada pengunjung tetang web yang sedang dikunjungi. Pada web ini, logo yang juga nama website sudah diberikan dengan jelas. Dari namanya saja, pengunjung dapat menangkap bahwa tipe situs vivanews.com merupakan portal berita karena ada kata news dalam alamat situs. Logo website juga ditempatkan pada bagian kiri atas serta menjadi link ke homepage atau beranda. Akan tetapi, dalam logo tidak diberikan slogan (tagline)dari vivanews.com dan juga tidak terungkap bahwa kepanjangan dari VIVA adalah Victory for Indonesia, Victory for All.

Gambar 1. Logo vivanews.com

Keteraturan Layout

Pada halaman beranda vivanews.com berita dikelompokan sesuai dengan kategori masing-masing. Akan tetapi, penempatan kategori satu dengan kategori yang lain sangat terlihat kondisi yang tidak teratur alias berantakan, tidak simetris, dan kesan tidak rapi. Walaupun pengunjung dapat menagatur kategori berdasarkan kebutuhan pengunjung, sesuai pengalaman penulis tidak semua kategori dapat diatur agar terkihat lebih rapi.

Gambar 2. Potongan tampilan beranda

Selain itu, jika kita telah melihat-lihat sambil mencari berita terkini di halaman yang lain dan ingin kembali ke halaman beranda dengan mengklik menu home (gambar rumah), maka kita akan mendapatkan tampilah beranda yang berbeda dengan saat pertama kali masuk dengan mengetikan alamat url situs. Saat pertama kali, kita akan disajikan jumlah kategori yang banyak (terdapat 16 kategori berbeda dalam beranda),  dan jumlah ini menyusut menjadi hanya 4 kategori. Sehingga jika pengunjung ingin melihat berita yang sebelumnya ada di halaman beranda setelah melihat berita lain, maka pengjung berpeluang tidak memperoleh informasi tersebut pada halaman beranda yang baru.

Gambar 3. Tampilah Awal Beranda

Gambar 4. Tampilan Beranda Kedua

Optimasi Whitespace

Pada situs vivanews.com di beberapa kategori dan halaman beranda terdapat whitespace (halaman kosong) yang tidak terisi. Untuk beberapa kasus bisa di maklumi, tetapi kasus yang berbeda tidak bisa dimaklumi sebagaimana gambar 4 diatas. Seharusnya halaman kosong tersebut dapat diisi koten lain sehinga bisa memberikan informasi lebih kepada pemngunjung.

Gambar 5. Whitespace pada beranda

Gambar 6. Whitespace pada halaman  sport

Filed under: Ilmu Komputer, IMK ]]> http://bangkitkansemangat.wordpress.com/2010/06/26/analisis-website-vivanews/feed/ 3 Hidayat vivanews home_acak beranda_awal beranda_dua optimasi_whitescreen whitespace http://bangkitkansemangat.wordpress.com/2010/06/26/web-usability/ http://bangkitkansemangat.wordpress.com/2010/06/26/web-usability/#comments Sat, 26 Jun 2010 03:26:45 +0000 Hidayat http://bangkitkansemangat.wordpress.com/?p=32 Read more]]> Tulisan ini merupakan bagian dari tugas akhir mata kuliah Interaksi manusia dan komputer (Human Computer Interaction)Departemen Ilmu Komputer Bogor Agricultural University (IPB). Penulis akan melakukan kajian web usebility terhadap situs vivanews.com.

Web Usability

Web usability adalah salah satu faktor penting dalam mengembangkan sebuah web. Pengembang harus memahami prinsip-prinsip usability sebelum mengimplemen-tasikannya pada sebuah web. Menurut Jacob Nielsen, usability adalah sebuah atribut kualitas yang menilai tingkat kemudahan user interface untuk digunakan. Usability juga mengacu kepada metode untuk meningkatkan kemudahan penggunaan selama proses perancangan.

Usability didefenisikan melalui lima komponen, yaitu :

a. Learnability

Learnability menjelaskan tingkat kemudahan pengguna untuk memenuhi task-task dasar ketika pertama kali mereka melihat/menggunakan hasil perancangan.

b. Efficiency

Efficiency menjelaskan tingkat kecepatan pengguna dalam menyelesaikan task-task setelah mereka mempelajari hasil perancangan.

c. Memorability

Memorability menjelaskan tingkat kemudahan pengguna dalam menggunakan rancangan dengan baik, setelah beberapa lama tidak menggunakannya.

d. Errors

Errors menjelaskan jumlah error yang dilakukan oleh pengguna, tingkat kejengkelan terhadap error dan cara memperbaiki error.

e. Satisfaction

Satisfaction menjelaskan tingkat kepuasan pengguna dalam menggunakan rancangan.

Sebuah web dengan usability yang buruk akan ditinggalkan oleh penggunanya. Berikut ini adalah kodisi yang akan membuat pengguna meninggalkan sebuah web:

• Web sulit digunakan.
• Homepage tidak menjelaskan tentang apa yang ditawarkan oleh perusahaan dan apa saja yang dapat dilakukan oleh pengguna pada web tersebut.
• Pengguna mendapatkan adanya kesalahan pada web.
• Informasi web sulit dibaca dan tidak mampu menjawab pertanyaan-pertanyaan pengguna.

User Experience

User experience bisa berupa kesan yang diperoleh pengguna setelah menggunakan suatu perangkat lunak termaksud saat mengunjungi laman website. Kesan-kesan tersebut bisa berupa kesan positif, seperti : satisfiying, enjoyable, fun, entertaining, helpful, motivating, dan lainnya. Dan juga dapat berupa kesan negatif, seperti : boring, frustasing, annoying, dan lainnya.

Dalam membangun website, pengembang harus memperhatikan bagaimana caranya agar pengguna dapat merasakan kesan-kesan positif dan meminimalkan kesan negatif.

Vivanews.com

PT Visi Media Asia adalah kelompok usaha media milik Grup Bakrie. Kelompok usaha ini memiliki stasiun televisi antv dan tvOne, serta portal berita vivanews.com. Direktur Utamanya sejak tahun 2008 adalah Anindya Bakrie.

Vivanews sebagai portal berita dan informasi bagi penggunanya. Media online ini diperbaharui selama 24 jam dalam sepekan. Informasi dan berita yang disampaikan meliputi peristiwa nasional dan internasional serta dari berbagai bidang mulai sosial politik hingga olahraga dan kuliner.

Jika dilihat dari model bisnis internet, vivanews.com termasuk kategori content provider yang menyediakan berita dan kontek digital. Keuntungannya diperoleh dari iklan.



1. Mengahasilkan gambar 3D

Living Image ini menggunakan teknologi 3D, sehingga gambar yang dihasilkan sangat hidup, sehingga dinamakan pula living image atau gambar hidup.

2. Memberikan experience dalam berinteraksi dengan komputer

Interactive Floor ini sangat peka dengan sentuhan yang menajubkan, sehingga memberikan pengalaman yang menajubkan pula bagi kita.

dengan sedikit sentuhan, maka layar akan mengalami perubahan sesuai dengan image saat itu, seperti gambar diatas.

3. Dapat menggabungkan berbagai macam gambar bergerak dan video interaktif

Teknologi ini dapat membuat gambar interaktif yang bisa menggabungkan gambar bergerak dan video interaktif sehingga semakin menambah pengalaman bagi user yang menggunakannya.

4.  Dapat digunakan dengan tempat yang luas

Living Image ini bisa ditempatkan pada ruangan yang luas, sehingga tidak perlu khawatir jika ingin menggunakannya pada tempat yang besar dan acara yang besar pula.

5. Menambah kemeriahan acara

Dengan adanya teknologi ini, sebuah acara baik acara pernikahan, pesta dansa, pameran, dan lainnya menjadi lebih meriah dan terasa lebih hidup. Acara yang biasanya hanya dihibur dengan musik organ atau piano, sekrang bisa bergesar dengan animasi hidup yang “wah”. Yang tentu akan membuat para tamu mendapatkan pengalaman tersendiri.

6. Sebuah mimpi

Sebuah mimpi yang harpannya bisa digunakan saat pesta pernikahanku. hehehe. bukan untuk bermewah-mewah, tetapi memang sudah seharusnya pesta pernikahan dibuat lebih meriah.

Demikian sekilas alasan yang bisa saya sampaikan.

Sang Pemimpi…Bangkitkan Semangat!!