Saturday, June 26, 2010

Analisis part.3

Posted by 3theprincess at 9:40 AM 9 comments
Pada postingan saya yang terakhir mengenai web usability, saya akan membahas mengenai Screen Based Control


  • Distinguish Required and Optional Data Entry Fields
Pada web indowebstore terdapat menu Login bagi customernya. Tapi jika belum menjadi customer kita dapat melakukan sign-up. Pada bagian sign-up terdapat bayak text-field yang harus diisi jika ingin menjadi customer.
login.jpg

Menurut usability.gov, jika sebuah text merupakan required input bukan optional sebaiknya menggunakan kata (required) di depan label untuk membedakannya dengan yang optional. Tapi kebanyakan website menggunakan tanda asterisks(*). Jika menggunakan asterisks(*), user yang belum familiar dengan tanda tersebut harus mencari arti atau makna dari asterisks(*) tersebut. Tapi pada web ini tidak dicantumkan keterangan dari tanda asterisks(*), sehingga dapat menghambat user.

sign-up.jpg

Pada bagian ini, tulisan Cancel saya lingkari karena cancel hanya berupa taxt yang mengandung link untuk membatalkan proses sign-up. Sebaiknya cancel berupa button agar lebih mudah dikenali user.

Pada web ini juga terdapat ComboBox, yang sepertinya berfungsi untuk menampilkan product indowebstore dalam sort sesuai yang dipilih user.








pada ComboBox Currencies ada 2 pilihan, yaitu US Dollars dan Rupiah (IDR) sedangkan pada ComboBox Manufacture hanya tersedia pilihan Kensington. Tapi sepertinya hal ini tidak terlalu berpengaruh. Misalnya pada saat saya memilih Currencies : Rupiah (IDR), saya berharap agar semua barang yang akan saya beli ditampilkan dengan mata uang rupiah. Tapi hal itu tidak terjadi, tetap saja ada beberapa produk yang memunculkan harganya menggunakan mata uang Dollar. Pada ComboBox Manufacture, ketika saya memilih Kensington, maka akan mucul semua produk yang diproduksi oleh Kensington.

Cukup sekian analisa saya tentang web indowebstore dari sisi usability, semoga saya mendapat nilai yang terbaik... Amien :D

Friday, June 25, 2010

Analisis part.2

Posted by 3theprincess at 9:03 PM 8 comments
Ini merupakan postingan keempat saya dalam rangka mengerjakan tugas IMK. Saya akan melanjutkan analisis saya tentang usability indowebstore. Ada beberapa point dalam guidelines usability.gov yang akan saya bahas pada post saya kali ini, yaitu Page Layout dan Navigation

  • Use Fluid Layouts
Pada website indowebstore, layoutnya tidak memanfaatkan semua page size yang disediakan. Layout web page indowebstore yang berada di tengah mengakibatkan sisa page size yang berada di sisi kiri dan kanan tidak digunakan dengan kata lain mubazir :D. Hal ini bisa kita lihat pada screenshoot berikut.












  • Use a Clickable 'List of Contents' on Long Pages
Content yang ada di indowebstore dapat diklik, yang akan mendirect kita ke halaman terkait. Gambar yang ada pada homepage pun merupakan link.

  • Present Tabs Effectively
Pada indowebstore, jika kita mengklik Sale maka kita akan pindah ke page Sale. Tapi pada tab menunya tidak berubah, atau tidak menunjukkan kita sedang berada page Sale.












  • Use Appropriate Menu Types
Web indowebstore juga menggunakan sequential menu dan multilevel menu, bagi user cara ini cukup mudah untuk mereka saat ingin pindah ke sebuah menu atau list tertentu. Tapi hal ini juga bisa membuat user mengalami sedikit kesulitan jika multilevel menu terlalu panjang sehingga memerlukan scrolling.
















to be continued....

Analisis part.1

Posted by 3theprincess at 5:36 PM 5 comments
Pertama saya akan menganalisis tentang homepage dari indowebstore.

Saya melakukan analisis web ini mengacu pada referensi usability.gov dan the Essential Guide to User Interface Design

  • Enable Access to Homepage
Saat pertama kali mengakses indowebstore, kita akan melihat tampilan di bawah ini.

homepage1.jpg
                              Gambar 1

Pada homepage terdapat logo dan moto dari webstite tersebut. Sehingga user dapat dengan mudah mengenali seperti apa website tersebut. Indowebstore merupakan model dari bisnis internet kategori virtual storefront, yang menjual barang fisikal langsung ke konsumen atau bisnis perorangan. User dapat dengan mudah mengakses homepage, yaitu dengan mengklik logo indowebstore pada bagian kiri atas atau dengan mengklik home. Pada bagian homepage juga diberitahukan moto dari website ini.

  • Create a Positive First Impression of Your Site
Pada web indowestore ditampilkan sebuah moto yang menggambarkan quality dari website tersebut. Moto tersebut dapat dilihat pada Gambar 1, bagian kanan atas.

  • Limit Homepage Length
Homepage web indowebstore lebih dari satu screenful, yang mengakibatkan user harus melakukan scrolling.

  • Show All Major Option on the Homepage
Pada homepage indowestore ditunjukkan semua jenis pilihan atau jenis barang yang dijual di indowestore. Tapi pada pilihan Product tidak disusun secara alfabet.

homepage2.jpg
                                  Gambar 2

  • Search
Pada homepage indowebstore juga terdapat fitur search, tapi pada website ini pada saat kursor diarahkan ke I'm lookin' for maka akan berubah menjadi I'm lookin' for yang menandakan sebuah link. Namun saat diklik ternyata tidak didirect ke sebuah halaman lain.

homepage3.jpg
                              Gambar 3

to be continued.....

Web Usability 2

Posted by 3theprincess at 2:26 PM 1 comments
Sebelum saya membahas tentang web usability dari indowebstore.com, kita harus mengetahui terlebih dahulu apa sebenarnya maksud dari web usability

Web usability merupakan suatu pendekatan untuk membuat sebuah website mudah digunakan oleh user, tanpa memerlukan pelatihan khusus.

Tujuan dari web usability antara alain :

  1. Ease of learning, seberapa cepat pengguna yang belum pernah melihat web tersebut dapat menggunakan tugas dasar yang ada di web tersebut
  2. Efficiency of use, seberapa cepat pengguna yang pernah menggunakan web tersebut menyelesaikan tugasnya
  3. Memorability, apakah seorang user dapat mengingat cara menggunakan suatu web tanpa mulai belajar dari awal jika seorang user pernah menggunakan web tersebut
  4. Error frequency and severity, seberapa sering user melakukan kesalahan dan seberapa parah kesalahan yang dibuat user saat menggunakan web tersebut
  5. Subjective satisfaction, berapa banyak pengguna yang suka menggunakan web tersebut



Referensi :

Wednesday, June 23, 2010

Web Usability

Posted by 3theprincess at 10:52 PM 3 comments
Bismillahirrahmanirrahim :D

Pada postingan kali ini saya akan membahas mengenai web usability dalam rangka menyelesaikan Tugas Akhir Interaksi Manusia dan Komputer. Setelah mengajukan 3 buah web untuk dikaji, ternyata website indowebstore menjadi website yang harus saya kaji dari segi web usability


homepage.jpg

Berhubung masih belum ada ide mengenai apa yang akan dibahas(hehehe :D),

sekian dulu aja post kali ini, nanti disambung lagi *kayak surat ya? hahaha*

Wednesday, June 16, 2010

Hebohnya UAS IMK

Posted by 3theprincess at 8:42 PM 0 comments
Kesan pertama waktu tw uas imk take home, ok niy + bisa nyantai ngerjainnya :D
bisa dikerjain bareng2 sama teman2... pokoknya menyenangkan
tapi cerita tinggallah cerita (*lebay mode on)
Wah kenyataannya sangat berbeda, jauh dari yang diperkirakan... hahaha
ceritanya saya orang terakhir yang tw kalo soal uas imk udah keluar di kulon...
berhubung saya tidur siang dan tidak online, jadi tidak mengalami kehebohan...
terbangun pun gara2 dapat jarkom, makasih yudiz yang udah sms :D
pas ngeliat soal, wow... speechless
disuruh bikin mock-up web ayopergi.com....
dengan semangat 45, habis maghrib menuju lapak (belakang lab ilkom) buat ngerjain bareng2
ternyata lapak rame, anak ilkom 44 tumpah ruah... hahaha
heboh, rame, kocak ditambah lagi ngerjainnya diiringi lagu dangdut dari laptop yudiz
makin heboh aja...... hahahaha
saking ramenya, sampe gak nyadar kalo di ruang sidang ada si Dosen imk... hahaha
baru nyadar gara2 pak firman ngasih comment di status fb... hahaha
sabar ya pak, ilkom 44 emang rusuh :D
Ternyata sampe jam 11, belum beres juga ngerjainnya
Akhirnya diputuskan pulang aja deh daripada dikunci gak bisa masuk ke kostan
Sampe kostan nyiapin peralatan tempur (moccachino + headphone ) buat begadang
Begadang juga sambil nonton bola Brazil vs Korea Utara (2-0 bravo Samba ^^)
Dan sukses begadang mpe subuh (diselingi tidur sampai jam 9.30) dan dilanjutkan lagi ngerjainnya dari jam 9 sampe jam 3..
Alhamdulillah selesai sebelum waktu max pengumpulannya
Setelah dikirim ke email, langsung balas dendam tidur sepuasnya...
Sekarang jadi migrain.....
tapi cukup menambah pengalaman... hahaha
kalo aja ujiannya bisa dibawa pulang semua, tapi soalnya jangan yang bikin harus dikerjain semalaman
2 jam cukup.... :D

Sunday, March 14, 2010

Go web dengan domain gratis....

Posted by 3theprincess at 8:31 PM 0 comments
untuk memenuhi permintaan dari teman-teman saya, dibuatlah postingan ini....hehehe
mw ngebagi cara gimana bikin blog agar jadi web .co.nr (GRATISSSS!!!!!)
  1. klik www.freedomain.co.nr
  2. masukkan nama website yang kamu pengen (jangan lupa dicek, masih available ato gak??)
  3. kalau masih available, klik "I want to sign up for this domain"
  4. lalu akan muncul beberapa pertanyaan, isilah sesuai keinginan anda
  5. lalu klik "next step"
  6. muncul pertanyaan assignment, checklist dan klik "i agree....."
  7. isilah pertanyaan selanjutnya yang akan muncul...
  8. kode aktivasinya akan dikirimkan ke email anda
  9. klik url aktivasi, lalu masukkan kode aktivasi dan password anda
  10. dan deng....deng..... "WEBSITE ANDA TELAH DIAKTIFKAN"
Selamat Mencoba ^^

    Sunday, March 7, 2010

    Happy Birthday to Me ^_^

    Posted by 3theprincess at 11:05 PM 0 comments
    Walaupun udah lewat seminggu, tapi masih pengen nyanyi

    Happy Birthday to Me
    Happy Birthday to Me
    Happy Birthday, Happy Birthday
    Happy Birthday to TRIE

    Gak kerasa udah semakin tua, udah 21 tahun.....
    bersyukur banget punya orang tua, kakak2, keluarga, dan teman2 yang perhatian banget.
    Semoga bisa selalu jadi yang terbaik di mata mereka
    Pengen jadi kebanggaan mereka
    Buat mereka tersenyum selalu....

     


    Specially buat mamaku yang udah berjuang antara hidup dan mati untuk menghadirkanku ke dunia (Rabu, 1 Maret 1989 Pukul 12.00)
    InsyaAllah bisa jadi anak yang berbakti buat mama...
    Buat ayah aku yang sabar dan sayang banget sama aku, insyaAllah pengen bisa jadi anak yang selalu nurut dan gak suka ngambek lagi.
    Buat kakak-kakak aku yang baek hati, selalu sayang ma aku ya.....pengen bisa cepet jadi sarjana kayak kalian, biar di rumah aku gak jadi satu-satunya yang "Calon Sarjana" ^^



    Buat temen2ku yang selalu menemaniku, sayang banget ma kalian. semoga kita bisa sama2 mensahkan diri menjadi Sarjana Komputer.... ^_~
    terima kasih udah mw nerima kelebihan dan kekurangan aku, yang suka ngambek dan moody
    terima kasih buat hari-hari yang menyenangkan....
    semoga kita semua bisa jadi programmer sukses dan berduit, hehehe



    Buat temen2 AQILA, seneng banget ada kalian yang meramaikan kehidupan jadi anak di bogor ini.....
    makasih ya buat surprise partynya.... mengesankan banget...gak terlupakan
    sukseskan acara AQILA Goes to Bandung ya..... hehe

    Thursday, March 4, 2010

    When You Love Someone

    Posted by 3theprincess at 11:13 AM 0 comments
    Gak tw kenapa lagi gandrung banget ma lagunya Endah N Rhesa-When You Love Someone
    Lagunya simple, tapi artinya dalem banget...

    I love you but it’s not so easy to make you here with me

    I wanna touch and hold you forever

    But you’re still in my dream

    And I can’t stand to wait ’till nite is coming to my life

    But I still have a time to break a silence

    When you love someone

    Just be brave to say that you want him to be with you

    When you hold your love

    Don’t ever let it go

    Or you will loose your chance

    To make your dreams come true…

    I used to hide and watch you from a distance and i knew you realized

    I was looking for a time to get closer at least to say…


    ngajarin  kita biar berani ngungkapin perasaan....
    maknyuz lagunya, inspiring banget
    hahaha

    Monday, March 1, 2010

    Kriteria Penilaian Microsof Surface

    Posted by 3theprincess at 10:08 AM 0 comments
    Posting ini ditulis untuk memenuhi tugas IMK yang ke-2
    Saya memilih membahas tentang Microsoft Surface karena menurut saya Microsoft Surface
    adalah gadget yang menarik, seperti :
    1.  Bentuknya yang menyerupai meja, memudahkan dalam penempatannya.
    2.  User berinteraksi menggunakan touchscreen.
    3.  Dapat mengenali benda-benda elektronik, contohnya untuk mentransfer data/ foto dari handphone atau kamera cukup diletakkan saja di atas permukaannya maka akan langsung tampil data/foto yang ada di handphone atau kamera untuk disimpan Microsoft Surface.
    4.  Dapat mengenali berbagai makanan yang diletakkan di atasa permukaannya, tergantung pada informasi yang tersimpan di dalam memory Microsoft Surface.
    5.  Karena Microsoft Surface telah terinstall OS Microsoft Vista, jadi dapat digunakan layaknya komputer biasa hanya bentuknya saja yang berbeda dari komputer.


    Bogor Agricultural University - Human Computer Interactions

    Sunday, February 21, 2010

    Mengubah logo blogger menjadi favicon

    Posted by 3theprincess at 4:23 AM 2 comments

    Berhubung saya mengalami insomnia malam ini (dah pagi kayaknya), maka saya iseng nulis ini.semoga berguna.....
    waktu membuka blogspot, pasti sering terlihat logo blogger...
    bagi anda yang ingin mengubahnya, saya akan sedikit memberikan sedikit tips...
    1. ubah gambar yang anda inginkan menjadi ekstensi .gif atau .ico, anda bisa mempergunakan Adobe Photoshop atau icofx (untuk ekstensi .ico)
    2. upload gambar anda ke photobucket, tinypic, imageshack
    3. setelah diupload akan muncul link dari gambar tersebut, copy Direct Linknya
    4. buka blogspot-->Layout-->edit html
    5. pada bagian sebelum 
     
    tulis syntax berikut :


    6.  Save template, lalu lihat perubahannya....

    selamat mencoba ^_^

    Friday, February 19, 2010

    Microsoft Surface, teknologi Microsoft yang mengguncang dunia

    Posted by 3theprincess at 3:03 PM 18 comments

    Microsoft Surface adalah hardware yang dikembangkan Microsoft  yang memiliki fitur touchscreen yang menggunakan OS Windows Vista yang telah dimodifikasi. Bentuknya yang menyerupai  meja dan ditutupi oleh permukaan reflektif berukuran 30 inchi dan dibingkai akrilik.


    Ada sebuah proyektor dan lima buah kamera yang terdapat dalam Microsoft Surface. Proyektor digunakan untuk memproyeksikan gambar ke permukaan. Sedangkan kamera digunakan untuk merekam pantulan-pantulan sinar inframerah yang terpancar dari sentuhan jari manusia. Kamera tersebut juga bisa mengenali obyek yang disimpan di atas permukaannya, bila obyek tersebut memang memiliki spesifikasi khusus yang dapat dikenali Microsoft Surface.

    User dapat berinteraksi dengan komputer ini dengan cara menyentuh atau menggeser-geserkan jari tangannya di atas permukaan meja. Bahkan obyek seperti kuas cat-pun dapat digunakan untuk berinteraksi dengan komputer. Selain itu, benda-benda elektronik seperti telepon seluler, PDA bahkan peralatan makan, juga dapat berinteraksi dengan Microsoft Surface, cukup dengan meletakannya di atas permukaan meja.

    Untuk lebih jelasnya, silahkan tonton video ini....
















     
    Ukurannya yang menyerupai meja sangat memudahkan dalam penempatannya, namun sayangnya Microsoft Surface belum bisa seperti laptop yang bisa dibawa kemana-mana.

     Bogor Agricultural University - Human Computer Interactions

     

    3thePrincess's Blog Copyright 2009 Sweet Cupcake Designed by Ipiet Templates Sponsored by Blogger Template Gallery