Web Usability — Kajian SepatuMurah.net (Bagian 4 dari 4)

Akhirnya sampai juga pada akhir postingan, ini adalah kajian terakhir dari situs sepatumurah.net silahkan disimak...

Pada website menu dibuat dengan berbagai jenis, sebagai berikut :

• Menu berbentuk button pada bagian atas.
• Menu yang pulldown yang terletak pada bagian kiri halaman website.
• Navigasi lain yang berbentuk link

Kemudian kita lihat pada bagian tengah website ini, terdapat beberapa link ke website lain.Link dimaksudkan seperti menu atau pilihan pada sebuah web. Berisi informasi barang atau jenis sepatu apa saja yang dijual pada website ini. Tetapi karena web ini tidak mempunyai halaman lain sehingga hanya dibuat beberapa link ke situs lainnya. Jadi seharusnya web ini membuat sebuah menu bar sebagai petunjuk dan guide, link hanya navigasi tambahan saja.  Lihat gambar berikut ini… 

berikut saya tampilkan situs yang muncul jika user meng-klik link diatas, tidak seperti pada menu bar yang akan di link ke fungsi atau halaman berikutnya..

Kajian berikutnya adalah gambar, karena dalam website berperan penting dalam keindahan website tersebut, jika suatu website hanya memiliki teks tanpa gambar dan ikon, tentunya akan sangat membosankan untuk dilihat dan juga kemungkinan untuk dijauhi pengunjung. Selain itu, gambar dapat digunakan sebagai presentasi suatu produk sehingga pengunjung akan lebih cepat dalam pencarian apa yang mereka inginkan.

Permasalahan yang dijumpai setelah peletakan menu pada bagian tengah web, admin menaruh gambar atau preview dari barang dan informasi harga dari sepatu yang akan ditawarkan kepada user. Tetapi peletakan ini tidak di kelompok menjadi beberapa bagian atau dibuatkan lagi sebuah link untuk melihat daftar dari sepatu, melainkan di taruh seluruh pada homepage. Sehingga jika user memiliki koneksi internet yang tidak bagus, akan sangat lama untuk meload semua gambar secara utuh pada home page.

Kekurangan lain pada blog ini adalah pada Searching, Bahasa, pemilihan dan warna font.uKarena web ini mempunyai fungsi utama sebagai web komersil untuk melakukan transaksi jual beli, web ini tidak di lengkapi dengan fungsi search. Karena searching merupakan salah satu fitur yang harus ada pada sebuah website. Fitur searching akan memudahkan pengguna untuk menemukan informasi tertentu yang ada di web dengan mudah dan cepat. Pengguna hanya memasukkan beberapa kata sebagai kata kunci dan sistem web akan menampilkan halaman hasil yang sesuai dengan kata kunci.

Pemilihan bahasa yang dilakukan pun tidak baku.Karena pemilihan bahasa yang digunakan dalam suatu situs web sebaiknya menggunakan bahasa baku ataupun bahasa yang sudah biasa digunakan pengguna komputer atau bahasa yang sudah familiar di dunia website. Bahasa yang digunakan pada website ini menggunakan bahasa ”gaul” anak muda sehari – hari.

Untuk masalah warna sudah memenuhi dalam hal jumlah warna, seperti yang saya kutip dari buku Wilbert O.Galitz. bahwa warnajuga sebaiknya tidak terlalu beraneka ragam dalam satu halaman web. Jumlah jenis warna maksimal dalam satu halaman web yang dianjurkan adalah empat warna. Tetapi pemilihan warna pink yang saya bingungkan, seharusnya website komersil lebih menambahkan warna yang cerah dan bersemangat sehingga orang tertarik dan betah untuk berlama – lama pada website yang kita buat. Karena pink seharusnya dalam kategori warna merupakan warna lembut yang lebih cock untuk ibu – ibu hamil atau situs – situs yang berkaitan dengan kehidupan wanita.

 Sekian kajian yang dapat saya sampaikan, semoga bermanfaat..

nb: lihat juga pada tito's academic blog.

Web Usability — Kajian SepatuMurah.net (Bagian 3 dari 4)

Postingan ini merupakan postingan ketiga dari 4 bagian kajian Web-Usability-Kajian-Sepatumurah.net. Dilihat dari fungsi yang ada, website ini memiliki fungsi komunikasi, fungsi komersil  dan fungsi informasi. Fungsi komunikasi bisa dilihat dari adanya icon chating yang mengintegrasikan yahoo-messenger ke dalam web tersebut. Walaupun hanya status online atau tidaknya sang webmaster. Fungsi informasi yang dimaksudkan disini adalah fungsi informasi harga barang dan tata cara pembelian barang pada website ini. Sedangkan fungsi komersil, berdasarkan nama web-nya, situs ini menjual secara online harga dan bentuk sepatu yang akan mereka tawarkan kepada user.
Berikut saya tampilkan kembali gambar halaman utama dari website ini. Gambar saya menjadi 4 bagian karena satu page sangat panjang.

Dari gambar diatas bisa dilihat kalau situs ini tidaklah memenuhi kaidah atau syarat dari sebuah web. Faktor usability sangat kurang diterapkan. Web ini tidak memiliki halaman lain, kecuali halaman home (homepage). Halaman sendiri dibuat sangat panjang. Sehingga merepotkan user untuk melihat keseluruhan dari isi web tersebut. User harus melakukan scroll pada mouse berkali – kali agar seluruh web terlihat. Lihat gambar dibawah ini.

Web sepatumurah.net tidak mempunyai header khusus pada webnya. Hanya berupa tulisan nama dan slogan web. Web ini tidak mempunyai logo dan sebagai jati diri webnya, karena logo memberi tahukan kepada pengunjung tentang web yang sedang dikunjungi. Tata letak pada webnya pun berantakan. Tidak adanya fungsi menu barpada website ini. Terlihat setelah judul web, langsung berisi info dari web tersebut, dan di ikuti oleh informasi chatting yang di letakkan di center web. Lihat gambar dibawah ini.

postingannya di cut dulu yah, lupa kalau belum makan.. Hehhehe

Selanjutnya pada Web Usability — Kajian SepatuMurah.net (Bagian 4 dari 4), pantau terus blog ini yah..

Web Usability -- Kajian SepatuMurah.net (Bagian 2 dari 4)

Postingan ini merupakan Tugas Akhir dari Mata Kuliah Interaksi Manusia Komputer Departemen Ilmu Komputer IPB. Postingan ini akan mengkaji situs Sepatumurah.net dari segi usability, user experience, dan user interface. Kajian ini saya bagi menjadi 4 postingan pada Categories Human Computer Interaction.

Bagian ke dua ini, saya akan mulai menjelaskan tentang web sability, user experience, dan user interface, . Baiklah seperti biasa kita harus tahu dulu apa itu Usability.?   :-D :-D :-D

==Usability

adalah istilah yang digunakan untuk menggambarkan seberapa mudah seseorang menggunakan sebuah tool untuk mendapatkan tujuan tertentu. Sedangkan Web usability merupakan salah satu faktor yang sangat penting dalam mengembangkan sebuah web. Sebagian besar proses pengembangan web hanya akan terfokus di konsep usability. Usability merupakan atribut kualitas yang menunjukkan seberapa mudahnya user interface di gunakan.

Usability juga mengacu pada metode untuk mengimprove kemudahan penggunaan selama proses perancangan. Sebuah web dengan usability yang buruk akan ditinggalkan oleh penggunanya. Seperti dikutip pada  Prioritizing Web Usability : Usability is a quality attribute relating to how easy something is to use. More specifically, it refers to how quickly people can learn to use something, how efficient they are while using it, how memorable it is, how error-prone it is, and how much users like using it. If people can't or won't use a feature, it might as well not exist (Jakob Nielsen, 2006).

Secara ringkas Web Usability digunakan agar:

1. Web menjadi lebih efektif dan efisien digunakan.
2. Mempunyai utility yang baik.
3. Pengguna tidak perlu mempelajari web terlebih dahulu.
4. Pengguna dapat mudah mengingat bagaimana cara penggunaannya. Menghindari kebingungan yang akan dialami pengguna.
5. Web juga menjadi lebih aman.

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.

Menurut Jakob Nielsen dalam bukunya  Prioritizing Web Usability terdapat dua belas hal yang harus diperhatikan dalam membangun sebuah website, yakni :

1. Nothing to Hide
2. The Web User Experience
3. Revisiting Early Web Usability Findings
4. Prioritizing Your Usability Problems
5. Search
6. Navigation and Information Architecture
7. Readability & Legibility
8. Writing  for the Web
9. Providing Good Product Information
10. Presenting Page Elements
11. Balancing Technology with People's Needs
12. Design That Works

==User Experience
User Experience merupakan salah satu faktor yang harus di pertimbangkan oleh sang pengembang web. Bagaimana cara agar user mendapatkan pengalaman yang menyenangkan dan efektif sehingga mereka tidak merasakan frustasi, bosan,dan terganggu ketika mereka sedang masuk dan memakai suatu website. Seberapa cepat mereka mempelajari website yng dikunjunginya. Hal tersebut ditentukan dari beberpapa faktor seperti : 

1. Bagaimana sebuah web didesain sesuai dengan keinginan/tujuan awal.
2. Kemampuan dan keterbatasan web.
3. Isi dan tampilan web.
4. Fungsionalitas website.

Sebuah website yang baik haruslah mempertimbangkan dan memperhatikan para pemakainya. Maksudnya dalam hal desain dan perancangan web tersebut haruslah disesuaikan dengan target para pengunjungnya. Mereka harus menentukan tingkat kemudahan dalam pemakaian website mereka sesuai dengan target pengunjung. Dalam pembagiannya User experience terbagi menjadi 3 tingkatan yaitu beginners, intermediate dan expert. Desain dari sebuah web sebaiknya fokus pada pengguna dengan tingkat kemampuan intermediate.

==User Interface
User Interface adalah bagian dari computer dan softwarenya dimana orang dapat melihat, mendengar, menyentuh, berbicara, atau mengerti. User interace memiliki dua komponen penting, yaitu input dan output. Input adalah bagaimana orang mengkomunikasikan kebutuhannya atau keinginannya ke computer. Contoh input adalah keyboard, mouse, trackball, one’s finger (untuk touch-sensitive screens atau pads), dan one’s voice (untuk spoken instructions). Output adalah bagaimana komputer menyampaikan hasil dari komputasi dan persyaratan kepada user.Contoh dari mekanisme output adalah display screen.

User Inteface adalah bagian yang paling penting dari sistem komputer. Tujuan dari user inteface adalah untuk membuat orang bekerja dengan komputer dengan mudah, produktif, dan menyenangkan. Desain interface yang layak akan menyediakan gabungan desain yang bagus dalam mekanisme input dan output sehingga dapat memuaskan kebutuhan user, kemampuan, dan batasan dalam jalan/cara yang paling efektif yang dimungkinkan. Interface yang paling baik adalah interface yang “tidak disadari”, interface yang mengijinkan/ membimbing user untuk fokus kepada informasi dan task yang dilakukan, bukan kepada mekanisme yang digunakan untuk menampilkan informasi dan melakukan task. Oleh karena itu, perancang website dituntut untuk bisa merancang interface website sebaik mungkin agar  tujuan dari pembuatan website bisa tercapai.

Pada postingan selanjutnya (Bagian 3 dari 4) saya akan mengkaji sisi Usability, interface, dan user experience pada Sepatumurah.net

Tetap pantau blog ini yah.. :-P :-P:-P

Web Usability -- Kajian Sepatumurah.net (Bagian 1 dari 4)

Postingan ini merupakan tugas akhir dari mata kuliah Interaksi Manusia Komputer departemen Ilmu Komputer IPB. Postingan ini akan mengkaji situs Sepatumurah.net dari segi Usability Interface-nya saja. Kajian ini saya bagi menjadi 4 postingan pada Categories Human Computer Interaction.

Bagian pertama ini saya akan mengenalkan terlebih dahulu tentang situs Sepatumurah.net. Baiklah sebelum memulai mengkaji usability, berikut saya tampilkan screeshoot dari web tersebut. Silahkan disimak... :D

cont..

Web ini sejatinya hanya re-directing dari sebuah blog. Hanya meminjam alamat domain dari situs penyedia domain gratis. Sehingga ketika mengetik url sepatumurah.net maka link akan directing ke Sepatumurah.blogspot.com. Situs ini termasuk kedalam situs E-comerce. Yaitu situs yang efisiensinya bertujuan untuk memicu penjualan atau melakukan transaksi  lainnya yang berharga bagi bisnis. Khususnya pada situs ini menyediakan transaksi sepatu dan tas secara Online. Pengunjung ditawarkan dengan list - list item yang langsung ditampilkan pada halaman pertama. List ditampilkan dengan format gambar dan harga itemnya.

Postingan selanjutnya (Bagian 2 dari 4) saya akan membahas apa itu Usability...

Terus pantau blog ini yah..

Kriteria Penilaian Antarmuka

           Sebagai lanjutan dari Tugas 1 IMK, kali ini saya akan membahas "Kriteria Penilaian Antarmuka" dari iDrive, Aplikasi Pengendali Mobil.. Kriteria bisa berupa penilaian baik ataupun kekurangan dari antarmuka tersebut. Berikut penilaiannya :

• Kecanggihan Wi-fi : Teknologi ini memanfaatkan kecanggihan Wi-fi yang terdapat pada sebuah smartphone. Teknologi ini bisa dibilang semakin menambah fitur praktis yang dimiliki oleh sebuah ponsel yang dari hanya berfungsi sebagai alat komunikasi hingga pengendali kendaraan pribadi. Sehingga membuat hidup semakin praktis.

• Teknologi TouchScreen : Selain memanfaatkan teknologi wi-fi, antarmuka teknologi ini juga menggunakan fitur touchscreen yang dimiliki sebuah ponsel. Pengendalian mobil berupa gas dan rem di lakukan melalui sentuhan pada layar ponsel. Fitur ini semakin  membuat teknologi  Idrive mudah diaplikasikan, layaknya seperti bermain game balapan dari ponsel. 

• Fitur motion-sensitive iPhone : Untuk urusan navigasi, aplikasi ini menggunakan kemampuan  motion-sensitive iPhone sebagai pengganti kemudi mobil. Jadi semua keperluan kemudi, gas, rem hanya dijalankan melalui sentuhan dari layar ponsel.

• Video live Streaming  : Tetap untuk model view, atau camera look. Teknologi ini menggunkan sebuah kamera untuk menunjang fitur Video Live streaming. Jadi pengguan bisa mengendalikan mobilnya dari jarak jauh sambil melihat arah dari layar ponsel seperti fungsi Webcam. 

• Kekurangan : Dari tiga Fitur diatas semuanya memanfaatkan kestabilan signal dan ketahanan baterai. Jika signal Wi-fi pada mobil dan ponsel terganggu maka fungsi gas, rem, dan kemudi terganggu. Tidak bisa dibayangkan banyaknya kecelakaan yang terjadi jika koneksi wifi tiba - tiba terputus. Selain itu juga pada saat video live streaming terganggu maka pengguna tidak bisa menentukan arah kendali mobilnya. Tetapi dari semua hal tersebut teknologi ini tetap merupakan terobosan terbaru dari teknologi saat ini. Dengan menggabungkan banyak teknologi didalam satu ponsel.

Posting dari Kampus Bogor Agricultural University, semoga bermanfaat.

Interaksi Manusia Komputer, Interface Review

iDrive, Aplikasi Pengendali Mobil

LONDON - Pengembang aplikasi iPhone asal Jerman, membuat terobosan baru dengan mengembangkan sebuah aplikasi yang dapat mengendalikan mobil Anda.

iDriver membuat iPhone menjadi layaknya sebuah  remote control. Aplikasi ini mampu menghubungkan iPhone dengan mobil pengguna.

Dalam sebuah ujicoba, para pengembang aplikasi dari Jerman itu menghubungkan iPhone dengan sebuah mobil van yang telah dilengkapi Wi-Fi untuk menghubungkannya. Selain itu mobil van tersebut juga dilengkapi dengan kamera di atapnya, untuk menghadirkan video live streaming pada iPhone.

iDriver belum dikomersilkan. Pengembang baru memasuki tahap ujicoba. Informasi tersebut diketahui saat tim pengembang dari Appirion dan Free University of Berlin melakukannya di Tempelhof Airport.

Dalam aplikasi ini juga terdapat gas dan rem yang bisa dinavigasikan melalui sentuhan layar, yang memiliki fungsi sama dengan remote control dan terhubung dengan mobil. Sedangkan untuk kerja stir, pengguna juga bisa menggunakan kemampuan motion-sensitive iPhone. iDriver juga diklaim sebagai aplikasi pengendali mobil pertama untuk iPhone.

Daripada penasaran, silahkan check video dibawah ini :

Sebagai tugas Mata Kuliah Interaksi Manusia Komputer, semua mahasiswa Departemen Ilmu Komputer, Bogor Agriculture University, diharuskan membuat sebuah review tentang antarmuka dari sebuah teknologi komputer. Untuk itu pada postingan kali  ini saya (Remarchtito, G64070064) membahas tentang  iDrive, Aplikasi Pengendali Mobil. Teknologi ini merupakan aplikasi yang ditanamakan pada sebuah smartphone, sehingga pemiliknya dapat mengendalikan sebuah mobil hanya dengan mengoperasikan handphonenya seperti pada saat memainkan sebuah game. Dengan diluncurkannya teknologi ini, kehidupan masa depan seperti di film - film action Hollywood terasa semakin di depan mata.