Analisis web (Top 10 Mistakes in Web Design)

1. Bad Search    (Contoh web : http://www.indonesia.travel/)
   Analisis : Pada search di web ini bila pengunjung mengetikkan kata yang salah (salah ketik) maka tidak akan muncul hasil search yang pengunjung maksud, hanya akan muncul pemberitahuan bahwa tidak ada data yang cocok dari kata yang pengunjung ketikkan. Seharusnya ada pembenaran dari kata yang pengunjung ketikkan dan muncul artikel dari kata yang dibenarkan dari kata yang salah saat pengunjung ketik. Namun saat pengunjung ketikkan penggalan kata dari kata yang pengunjung maksud baru akan muncul hasil search dari penggalan kata yang ada pada database.
2. PDF Files for Online Reading   (Contoh web : http://ilmukomputer.org/ )
   Analisis : Pada web ini saat pengunjung ingin melihat artikel secara utuh pengunjung harus mengunduh artikel tersebut, padahal pengunjung hanya ingin membaca isi artikel yang seharusnya dapat dibaca langsung.   
3.  Not Changing the Color of Visited Links  (Contoh web : http://www.indonesia.travel/ )
   Analisis : Pada web ini warna link yang telah pengunjung kunjungi tidak berubah, tetap sama seperti link lain yang belum pengunjung kunjungi sehingga pengunjung tidak tahu apakah link tersebut sudah pengunjung kunjungi atau belum bila pengunjung lupa.
4. Non Scannable-text  (Contoh web : http://www.007museum.com/ )
   Analisis : Pada web ini ukuran huruf yang digunakan hampir sama semua, jadi pengunjung sulit untuk mencari kategori-kategori bila pengunjung ingin melihat-lihat. Banyak link-link dengan huruf yang sama dan berjejer-jejer dengan rapat. Seharusnya web untuk musium memiliki kategori-kategori yang jelas agar orang-orang yang ingin melihat-lihat dapat dengan cepat mencari apa yang mereka ingin ketahui. 
5. Fixed Font Size  (Contoh web : http://www.007museum.com/)
   Analisi : Pada web ini ada beberapa ukuran huruf yang sangat kecil, hal itu akan mempersulit orang yang matanya sudah tidak normal untuk membacanya. Sebaiknya huruf yang digunakan disesuaikan untuk siapa web ini dibuat. 
6. Page Titles With Low Search Engine Visibility  (contoh web : http://www.bps.go.id/)
   Analisis : Pada web ini saat pengunjung membuka halaman utama dan saat pengunjung membuka artikel, page title dari kedua halaman tersebut sama, hal ini membuat pengunjung tidak tahu mana halaman utama atau halaman apa yang sedang pengunjung buka. Seharusnya page title setiap halaman dibedakan agar pengunjung tahu apa yang sedang mereka buka saat mencari-cari di tab.  
   
   
7. Anything That Looks Like an Advertisement (Contoh web : http://arngren.net/)
   Analisis : Pada web ini terlalu banyak gambar produk-produk yang akan di jual sehingga membuat tampilan web tersebut ramai, hal ini akan membuat pengunjung bingung untuk mencari barang yang mereka cari. Penempatan gambar produk-produk yang dijual sangat berantakan walaupun sudah terkategori, seharusnya gambar-gambar dapat ditampilkan dengan tab-tab per kategori agar tidak membuat tampilan web terlalu ramai.     
8.  Violating Design Conventions  (Contoh web : http://ronoslund.com/)
   
   Analisis : Web ini memiliki background halaman awal yang cukup aneh, gambar pada background yang berukuran seperti itu bila di tampilkan tile akan terlihat aneh dan tidak simetris. Bila pengunjung memilih menu yang ada pada web ini maka pengunjung akan masuk ke halaman baru dengan background yang berbeda-beda pada setiap menu, hal ini akan membuat mata pengunjung tidak nyaman. Seharusnya tampilan background pada setiap halaman dibuat senyaman mungkin untuk mata pengunjung. 
9.  Opening New Browser Windows  (Contoh web : http://msy.com.au/)
   
   Analisis : Pada web ini bila pengunjung mengklik link yang ada pada halaman utama maka halaman baru akan muncul pada tab baru, hampir semua link selalu seperti itu. Bila kita membuka banyak link maka akan muncul banyak tab pada windows, hal ini akan membuat pengunjung agak sulit bila ada bnyak tab dan bila kita ingin balik ke menu awal yang seharusnya bisa dengan tombol back jadi tidak bisa.
10. Not Answering Users' Questions  (Contoh web : http://imammuslim.com/)
    Analisis : Web ini adalah sebuah toko online, tapi pengunjung tidak diberitahukan tata cara pembelian di toko online ini. Pengunjung harus melakukan kontak terlebih dahulu untuk tahu cara pembelian barang tersebut, padahal pengunjung dapat langsung tahu tata cara pembelian, pembayaran sampai barang diterima saat melihat di toko online tersebut dan bila memang belum jeles baru menghubungi kontak si penjual.

QR code

Kode QR atau biasa dikenal dengan istilah QR Code adalah bentuk evolusi kode batang dari satu dimensi menjadi dua dimensi. Penggunaan kode QR sudah sangat lazim di Jepang Hal ini dikarenakan kemampuannya menyimpan data yang lebih besar dari pada kode batang sehingga mampu mengkodekan informasi dalam bahasa Jepang sebab dapat menampung huruf kanji. Kode QR telah mendapatkan standarisasi internasional dan standarisasi dari Jepang berupa ISO/IEC18004 dan JIS-X-0510 dan telah digunakan secara luas melalui ponsel di Jepang.

Definisi

Kode QR adalah suatu jenis kode matriks atau kode batang dua dimensi yang dikembangkan oleh Denso Wave, sebuah divisi Denso Corporation yang merupakan sebuah perusahaan Jepang dan dipublikasikan pada tahun 1994 dengan fungsionalitas utama yaitu dapat dengan mudah dibaca oleh pemindai QR merupakan singkatan dari quick response atau respons cepat, yang sesuai dengan tujuannya adalah untuk menyampaikan informasi dengan cepat dan mendapatkan respons yang cepat pula. Berbeda dengan kode batang, yang hanya menyimpan informasi secara horizontal, kode QR mampu menyimpan informasi secara horizontal dan vertikal, oleh karena itu secara otomatis Kode QR dapat menampung informasi yang lebih banyak daripada kode batang.

Fungsi kode QR

Kode QR berfungsi bagaikan hipertaut fisik yang dapat menyimpan alamat dan URL, nomer telepon, teks dan sms yang dapat digunakan pada majalah, surat harian, iklan, pada tanda-tanda bus, kartu nama ataupun media lainnya. Atau dengan kata lain sebagai penghubung secara cepat konten daring dan konten luring. Kehadiran kode ini memungkinkan audiens berinteraksi dengan media yang ditempelinya melalui ponsel secara efektif dan efisien. Pengguna juga dapat menghasilkan dan mencetak sendiri kode QR untuk orang lain dengan mengunjungi salah satu dari beberapa ensiklopedia kode QR .

Implementasi kode QR

Nah, yang ini mungkin agan sekalian belum pada tau. Salah satu cara penerapan QR Code ini adalah di dalam penggunaan kartu nama! Dan yang lebih hebatnya, para creator nya itu anak Indonesia gan! Nama bisnis mereka I-Code. Gimana menurut agan sekalian?

I-Code merupakan salah satu bisnis buatan mahasiswa Prasetiya Mulya Business School yang bergerak dalam bidang bisnis berbasis teknologi. I-CODE adalah sebuah kartu identitas virtual. Virtual bisa diartikan sebagai sesuatu yang tidak kelihatan secara kasat mata. Sebuah kartu identitas bisa melakukan berbagai fitur mulai dari "save your data to your phone book automatically", melihat CV dan company profile user, mengirim email + telpon secara langsung.

Berikut adalah contoh daripada identity card dari I-Code

I-CODE adalah sebuah kartu identitas virtual yang memiliki fungsi antara lain:

• Menyimpan data kartu nama ke handphone secara otomatis (save to your address book)
• Melihat CV user (secara langsung dan dapat diunduh).
• Melihat company profile user (secara langsung dan dapat diunduh)
• Mengirim email.
• Melakukan panggilan secara langsung (no tedious typing needed)
• Melihat profile user di website social networking.

 sumber :kaskus
              wiki

Tugas Interkasi manusia dan komputer (http://orangedan.net)

assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan coba mengomentari tampilan dari web design flash (http://orangedan.net).

Tampilan pertama saat memasuki web ini akan muncul layar seperti gambar dibawah ini.

Menurut saya tampilan ini sangat simpel, hanya menunjukan gambar seperti kapsul-kapsul dan yang bernomor 7 bercahaya-cahaya mengisyaratkan untuk mengklik gambar tersebut.

Saat kita klik anagka 7 akan terjadi pergerakan yang merubah tampilan layar menjadi seperti gambar yang ada dibawah ini.

  

Pergerakan saat muncul alien dengan kendaraannya itu sangat keren. Gerakan animasi yang ditampilkan sangat bagus dan kreatif.

Bila kita klik profil akan terjadi pergerakan animasi yang sangat bagus dan kreatif juga saat memunculkan profil sang pembuat web ini sehingga menjadi seperti dibawah ini.

Saat kita pilih back pergerakan animasinya juga sangat menarik seperti saat memunculkannya.

Web design flash ini mungkin hanya di buat untuk lebih mengenal pembuatnya, tapi tampilan web design flash ini bisa di katakan sangat baik, menarik dan kreatif. Orang yang menyukai animasi-animasi akan sangat tertarik untuk melihat web ini. Mungkin bisa di katakan tingkat expert untuk web design flash.

Untuk cek tkp =>> KLIK