Analisa Tampilan Web dari vidio " What make Good Design".

Berikut ini adalah beberapa tampilan vidio mengenai tampilan  web.

1. web site Google

Secara keselurah tampilan website google sangat baik.

Berikut  ini analisanya :

• Desain dari web site Google  sangat simple, sehingga tidak membuat pengunjung bingung  ketika membuaka home page Google. Hal ini dapat dilihat dari penggunaan warna putih sebagai backgroundnya.
• Keguaan dari web site ini sangat jelas yaitu sebagai mesin pencari untuk setiap informasi.
• Data yang di tampilkan selalu update.
• Mudah di pelajari oleh semua usia.
• Tidak terdapat iklan pada page nya.

 

2. Personal site ( Kevin John Gomez)

Secara keselurah tampilan website ini sangat baik

Berikut ini analisanya :

•  Tampilan Atribut pada web site ini  cukup simple.
•  Tidak terdapat iklan secara berlebihan.
• Artikel yang  di tampilkan selalu update.

3. Personal site ( Bokche)

Secara keseluruhan  tampilan site ini kurang baik

Berikut ini analisanya :

• Tidak ditemukan adanya  fasilitas Search.
• Sulit untuk mencari suatu file yang ingin di temukan.
• Tampilan tulisan tidak sama sehingga pengunjung di persulit dengan hal itu.
• Tidak berlebihan dalam penggunaan warna.

4. Web site Free State Fly  Fishers

Secara keseluruhan tampilan website ini cukup baik jika dilihat dari segi informasinya.

 Berikut ini analisanya:

• Mudah mencari artikel yang diinginkan.
• Tampilan menu  simple.
• Artikel tentang memancing cukup lengkap.

5. Web site  USA Today

Secara keseluruhan tmpilan website ini kurang baik 

Berikut Analisanya :

• Penampilan artikel seperti iklan sehingga dapat menipu  pengunjung.
• tampilan kombinasi warna tidak simple sehingga melelahkan pengunjung site.
• Tampilan link Seperti Paragraf.
• Banyak terdapat  iklan pada site ini.

6. Website Shop In Paradise

Secara keseluruhan  sangat tidak baik 

Berikut Analisanya :

• Tidak terdapat katagori tentang produk yang ingin di jual.
• Terlalu Banyak iklan
• Penjelasan dalam artikel bertele - tele
• Tampilan sangat membingungkan

7. Website Hand ON- Hand Off

 Secara keselurah tampilan site ini sangat buruk

 Berikut ini analisanya :

• Susunan artikel yang baru update dan yang lama tidak berurutan.
•  Terlalu banyak warnaDesign tidak menarik .
• Web sulit dimengerti.
•  Membuat mata lelah untuk yang membaca
•  Background pada web tidak cocok

8. Website OCB

 Secara keseluruhan website ini tidak terlalu buruk

 Berikut analisanya :

•  Tampilan nya memakia flash sehingga sukup menarik
• menghabiskan banyak waktu untuk membuka setiap pagenya 
• sulit untuk di pelajari 

Contoh Baik dan Buruk dari Pesan Kesalahan

PESAN KESALAHAN 
Ketentuan  :
- Pesan yang terlalu umum mempersulit pemula
  untuk mengetahui apa yang salah 
- Pesan yang tampak memarahi membuat frustasi
  karena tidak menyediakan informasi tentang 
  apa yang keliru atau bagaimana cara
  memperbaikinya.


Contoh : 
- SYNTAX ERROR  (buruk)
  Tidak sesuai dengan aturan penulisan
- ILLEGAL ENTRY (buruk) 
  Ketikan huruf pertama : Send, Read or Drop 
- INVALID DATA (buruk) 
  Beri range data misal hari dari 1 – 31
- BAD FILE NAME (buruk)  
  Nama file harus mulai dari huruf


Panduan konstruktif dan nada positif :
- Daripada memarahi pemakai, jika mungkin
  pesan harus menunjukkan apa yang harus
  dilakukan pemakai untuk memperbaiki
  keadaan
- Pesan yang bermusuhan menggunakan istilah
  yang kejam dapat mengganggu pemakai
  nonteknis, misal FATAL ERROR 
- Hindari kata-kata negatif seperti : ILLEGAL,
  ERROR, INVALID, BAD


Contoh :  

•  Buruk :   DISASTROUS STRING OVERFLOW, JOB ABONDONED   
• Baik :   String space consummed. Revise program to use shorter strings or expand string space  
• Buruk :   UNDEFINED LABELS  
• Baik :   Define statement labels before use  
• Buruk :   ILLEGAL STA. WRN.  
• Baik :   RETURN statement cannot be used in a FUNCTION subprogram

Contoh Pesan Kesalahan yang Buruk dan Baik

Pesan yang buruk

Warning: mysql_fetch_row(): supplied argument is not a valid MySQL result resource in ... on line N

Warning: mysql_num_rows(): supplied argument is not a valid MySQL result resource in ... on line N

Warning: mysql_fetch_assoc(): supplied argument is not a valid MySQL result resource in ... on line N

Abort, Retry, Fail? (MS-DOS)

Pesan error Abort, Retry, Fail terjadi hanya pada Ms-Dos yang biasanya terjadi hanya karena lupa memasukkan Floppy Disk pada Drive atau bisa saja Hard Disk (HD) yang kita gunakan mati. Pesan Error ini terkesan singkat sekaligus membingungkan. Apa bedanya "abort" dan "fail"? Pesan ini memaksa Anda memilih salah satu, dan tidak satu pun yang tampaknya membantu.

Contoh Pesan yang baik

Pesan yang menjelaskan dimana letak error yang terjadi. 

Pesan konfirmasi

Teknologi Informasi dan Komunikasi : Masa Lalu, Kini, dan Nanti

Teknologi Informasi merupakan suatu bidang ilmu yang mempelajari bagaimana suatu informasi dapat diolah dan disampaikan secara mudah cepat dan efektif. Seiring dengan perkembangan zaman, teknologi informasi pun semakin berkembang sehingga memudahkan kita untuk bertukar informasi dengan sesama tanpa waktu yang lama.  

Kemajuan dalam berkomunikasi semain lama semakin mudah dan cepat. Hal ini terkait dengan perkembangan teknologi informasi yang sangat cepat, informasi yang ingin disampaikan dari maupun kepada masyarakat pun akan semakin akurat dan cepat. Kehidupan tiap individu dan teknologi informasi dalam masyarakat pun akan menjadi sangat erat hubungannya, karena dengan adanya media informasi tersebut kita akan semakin cepat mengetahui kabar terbaru dari lingkungan sekitar kita maupun semakin menambah wawasan kita terhadap berbagai pengetahuan umum yang ingin kita ketahui melalui perangakat informasi tersebut.

Berikut ini merupakan perbedaan Teknologi Informasi masa lalu, kini dan yang akan datang :

Berdasarkan perbedaan diatas bisa kita simpulkan bahwa Teknologi Informasi dan komonikasi akan selalu berkembang seiring zaman dan mengarah kearah yang lebih baik

PIRANTI OUTPUT

• Piranti Output adalah sebarang piranti perkakasan yang digunakan untuk memaparkan maklumat yang telah diproses oleh Unit Pemprosesan Pusat (CPU) untuk dilihat, digunakan atau didengar oleh pengguna.
• Data yang diinput menerusi peiranti input perlu diproses oleh komputer supaya berada dalam bentuk yang boleh dibaca oleh mesin sehingga piranti output menukarkannya ke bentuk yang boleh dibaca oleh manusia. diantara contoh-contoh piranti output adalah seperti :

1. Monitor

LCD Monitor

    

    

 

 

 

 

 

 

 

Memaparkan maklumat yang kelihatan di atas skrin. Maklumat yang biasa dipaparkan di atas skrin adalah seperti gambar, permainan komputer, tayangan filem, arahan, teks dan sebagainya. antara jenis-jenis monitor adalah CRT (Cathode Ray Tube, LCD (Liquid Crystal Display) dan Plasma Display.

2. Projektor LCD

Projektor LCD

     

 

 

 

 

 

 

 

 

Fungsi yang sama seperti monitor tetapi lebih sesuai digunakan untuk ditayangkan di sebuah bilik atau kawasan yang luas.

 

3. Pencetak / Printer

Printer

      

 

 

 

 

 

 

 

 

 

Pencetak adalah satu peranti yang digunakan untuk mengeluarkan maklumat dalam bentuk cetakan pada kertas. Juga dikenalai salinan Hard Copy. Manakala salinan dalam disket dikenali sebagai Soft Copy. Terdapat beberapa jenis pencetak yang terdapat dipasaran. Antaranya ialah Pencetak Bubble-Jet, Pencetak Laser, Pencetak Dot-Matrix dan Pencetak Plotters.

4. Speaker Audio

Speaker Audio

      

 

 

 

 

 

 

 

 

 

 

 

Speaker ataupun lebih dikenali dengan nama pembesar suara. Ia mengeluarkan maklumat dalam bentuk bunyi/audio.

Contoh Baik dan Buruk dari Tampilan Website yang Memenuhi Prinsip Smith dan Mosier

Contoh Tampilan Website yang Baik :

Desain Web TokoBagus.com

• Accessibility

Dari segi aspek Accessibility dalam website tokobagus sudah cukup terpenuhi, karena website ini menyediakan versi mobile. Sehingga para pengunjung yang ingin mengakses situs tokobagus dapat dilakukan melalui handphone. Hanya saja website tokobagus tidak menyediakan versi English bagi pengunjung mancanegara.

• Esthetically Pleasing

Penempatan menu sudah sangat baik. Menu berada di bagian kanan atas, samping kiri dan bawah. Perpaduan warnanya begitu bagus dan tidak terlalu berlebihan. sehingga kalau dilihat dari segi estetika terlihat sangat elegan.

• Availability

Website tokobagus ini jika dilihat dari segi aspek availability sudah terpenuhi. Hal ini dapat dilihat dari tampilan utamanya yang menyediakan banyak menu, kolom pencarian dan penggolongan objek berdasarkan kategori, sehingga lebih memudahkan pengunjung untuk menemukan barang yang ingin dicari.

• Clarity

Website ini sudah cukup memenuhi kriteria tersebut. Contohnya terdapat pada setiap iklan yang dipasang di tokobagus memiliki deskripsi tentang spesifikasi pada produk tersebut. Sehingga spesifikasi produk-produk yang diposting di tokobagus dapat terlihat dengan jelas.

• Compatibility

Website ini sudah cukup compatible, karena dapat dijalankan di berbagai browser. Dalam hal ini, saya mencoba di Mozilla Firefox, Opera , Netscape Navigator, Safari dan Google Chrome. Di semua web browser tersebut didapatkan tampilan yang tidak berbeda jauh hanya saja kurang support di browser Netscape dan Opera.

• Configurability

Dari segi aspek configurability  website tokobagus bersifat semi dynamic, artinya user dapat menentukan dan memodifikasi sendiri tentang iklan yang akan diposting, tetapi tidak dapat melakukan konfigurasi penuh terhadap website tersebut.

• Consistency

Dilihat dari segi tampilannya, website ini sangat konsisten. Terbukti dari desain tampilan dan perpaduan warna yang sama di hampir semua bagian menu. Kemudian penggunaan warna yang sesuai dan proporsional serta tidak berlebihan.

• Control

Website tokobagus memiliki control yang baik, semua tombol dapat berfungsi dengan baik tidak ada tombol yang tidak berfungsi dan dapat digunakan dengan baik.

• Directness

Website tokobagus sudah memenuhi prinsip-prinsip directness. Misalnya pada saat user telah terdaftar menjadi anggota tokobagus, user dapat memiliki halaman pribadi didalam tokobagus yang disebut “tokosaya”.

• Efficiency

Saya rasa website tokobagus cukup efisien. Contohnya seperti dalam penempatan menu yang ada di (kanan atas,kiri dan bawah) sudah cukup proporsional sehingga lebih memudahkan pengguna untuk merujuk ke menu tanpa harus menggeserkan scroolbar. Ditambah lagi semua objek(produk) disusun berdarkan kategori sehingga memudahkan visitor dalam pencarian objek.

• Familiarity

Prinsip familiarity sudah terpenuhi pada website tokobagus. Contohnya seperti design logo tokobagus yang simple dan unik pada halaman website tersebut membuat para visitor menjadi familiar.

• Flexibility

Prinsip flexibility sudah terpenuhi pada website tokobagus. Contohnya seperti rancangan pada websitenya sudah diatur dan disesuaikan untuk kemudahan para visitor, supaya para visitor website tokobagus dapat melakukan transaksi dengan mudah jika berkunjung ke situs tersebut.

• Forgiveness

Website ini sudah menerapkan prinsip forgiveness. Yaitu dengan cara website tokobagus menyediakan kolom bantuan sehingga memudahkan website tersebut dalam penaganan kesalahan.

• Immersion

Website tokobagus sudah mengandung prinsip immersion. Dilihat dari tampilan awal pada saat pertama kali diakses, sudah langsung menampilkan halaman untuk promosi produk, sehingga para visitor dapat langsung melihat barang yang ingin dia beli.

• Obviousness

Website tokobagus sudah memunuhi aspek obvious, karena para visitor dapat dengan mudah mengetahui dan memahami apa yang akan dilakukan pada saat melihat tampilan di web tersebut.

• Operability

Selain website tokobagus dapat dioperasikan atau diakses lewat PC maupun laptop dan website tokobagus juga menyediakan versi mobile bagi para pengguna yang ingin mengakses lewat handphone.

• Perceptibility

website tokobagus telah memenuhi prinsip perceptibility. Hal ini dikarenakan dengan melihat halaman website user akan cepat memahami dan beradapatasi dengan website tersebut .

• Predictability

Saya rasa tokobagus telah menerapkan aspek predictability, contohnya seperti website tokobagus telah memperhitungkan secara matang dengan menyediakan fitur tokosaya yang diperuntukan untuk para member yang ingin memasang iklan serta mendagangkan produk jualannya, sehingga memudahkan dalam proses transaksi.

• Recovery

Website ini sudah dapat recovery bila terjadi kesalahan. Misalnya saat User ingin login di tokobasgus bila belum mendaftar sebagai member di website tersebut maka akan muncul validasi “Anda belum terdaftar”.

• Responsiveness

Website tokobagus memiliki respon yang baik terhadap user, hampir semua tool dan tombol ketika di klik dapat memberikan respon balik terhadap user.

• Safety

Dalam hal ini website tokobagus sudah menerapkan prinsip safety yaitu dengan cara website menyediakan ketentuan-ketentuan dan tips cara aman bertransaksi pada websitenya sehingga memberikan pengetahuan dan keamanan tentang tata cara bertransaksi.

Kesimpulan analisis website tokobagus : Secara keseluruhan sudah bagus, sudah memenuhi kriteria, serta dapat diakses dengan cepat. Hanya saja website tokobagus kurang support di beberapa browser contohnya Netscape 8.1.3 xp dan Opera 8.54 xp.

Contoh Tampilan Website yang Buruk : 

Interface Website ini (www.Malaysia-best.com), menurut kami :

1) Halaman Webiste utama membingungkan karena semua tombol ditampilkan tidak beraturan.

2) Huruf tulisan sangat kecil, sehingga susah untuk dilihat.

3) Tidak ada peta alur website, sehingga memungkinkan visitor web kebingungan mencari sesuatu di website ini.

4) Desain website tidak beraturan.

5) Warna sesuai tetapi warna hanya pada header dan link, sehingga tidak menarik.