rulururu





post Analisa Disain Web

February 18th, 2008

Filed under: Multimedia — Unggul_USA @ 2:49 pm — View blog reactions


apple_image_1.gifWebsite yang dianalisa adalah website apple. Web site ini bertujuan memberikan informasi yang berkaitan produk-produk keluaran Apple, untuk itu sebagain besar halaman utama berisi gambar/grafik mengenai produk-produk tersebut atau hal yang berkaitan dengan produk tersebut.

Garis Besar/Kemudahan Pemakaian :
Hal itu yang menyebabkan waktu akses menjadi cukup lambat yaitu kurang lebih 120 detik. Perlu diusahakan untuk dapat mencapai waktu loading 30-50 detik perhalaman. Halaman utama tidak dapat ditampilkan secara penuh pada resolusi layar 800X600 pixel. Hal yang menyebabkan kita tidak nyaman karena harus men-scroll untuk mengetahui secara utuh halaman utama.
Animasi gambar yang ada pada web page ini hanya untuk gambar main frame yaitu :
“ipodscrollsection120051012.jpg”, “ipodscrollsection220051012.jpg”, dan
“ipodscrollsection320051012.jpg”
dengan cara menscroll/menslide ketiga gambar tersebut.

Screen Layout :
Layout web page sudah proporsional yaitu untuk ukuran frame-frame : header, footer, navigational tool, menu, main frame, dan link.
Menu menggunakan model tab page dimana masing-masing tab pagenya masih mempunyai detail.
Hal ini agak menyulitkan lebih mudah menggunakan model menu pop-up atau pull-down karena lebih cepat.
Meskipun banyak gambar dan text tetapi masih terlihat simple dan tidak terlihat ramai. Keep It Simple ( KIS ) digunakan di web page ini.

Text :
Meski background web page tidak mengganggu text yang ditampilkan dan ukuran font face cukup besar untuk dibaca dan tidak terlalu besar tetapi pada beberapa bagian yaitu “Hot New Headline” kurang kontras.

Pengaturan text dan grafik/gambar sangat bagus sehingga tidak terdapat kesan saling tumpang tindih. Sebagian besar text diletakkan di atas atau bawah gambar.
Proporsional spasing juga sangat diperhatikan di sini.

Graphics :
JPG dan Gif adalah format yang dipakai untuk web ini. Hal ini baik sekali JPG dan Gif karena file ini dengan ukuran yang relatif kecil mampu menghasilkan gambar yang relatif bagus. Dan format Gif ini mendukung animasi yaitu format gif yang terkenal dengan animated gif-nya. Ukuran button-button more ( tanda panah berwarna merah ) cukup besar dan mudah dilihat. Ukuran button dan gambar yang ada pada web page utama cukup proporsional.
Semua gambar dan button itu mempunyai alt-label sehingga pada saat button atau gambar gagal ditampilkan yang tampil adalah altenate-label.

Sound :
Tidak dilengkapi.

Video :
Tidak dilengkapi.

Animation :
Tidak dilengkapi.

Interactivity :
Tersedia beberapa fasilitas yang memberikan kita kesempatan untuk berinteraksi dengan web, yaitu melalui link “Contact Us”

Warna:
Pemilihan warna sudah bagus dan satu nada untuk semua bagian yaitu antara button, menu, text dan gambar. Meskipun resolusi warna dari grafik/gambar ini yang tampaknya membuat loading halaman ini menjadi berat dan lambat.

Links :
Link yang tidak berheader link atau yang tidak menggunakan gambar bergaris bawah sehingga jelas mana link dan mana text.

Usulan perbaikan :

  1. Perlu dipertimbangkan bahwa tidak semua komputer mempunyai koneksi ke internet dengan kecepatan tinggi. Untuk itu perlu dipertimbangkan agar halaman utama maupun halaman lainnya dapat memiliki waktu panggil/waktu loading 30-50 detik. Untuk itu perlu diatur supaya ukuran file atau total keseluruhan ukuran file halaman utama ( misalnya index.html ) tidak melebihi 50 Kb.
  2. Perlu dipertimbangkan untuk menggunakan seluruh layar dalam menampilkan web page, untuk menghindarkan para pengguna menggunakan scroll untuk melihat keseluruhan halaman.
  3. Gunakan model menu pop-up atau pull-down karena lebih cepat.Perlu ditambahkan frame pada sisi kiri halaman utama untuk site map.
  4. Perlu dipertimbangkan teknik pemotongan gambar ( untuk gambar pada header ) yaitu slicing agar gambar/grafik dibagi menjadi grafik yang lebih kecil sehingga browser dapat menampilkan per potong tanpa menunggu satu grafik secara utuh. Terutama untuk gambar yang digunakan pada main frame.Perlu dipertimbangkan juga penggunaan teknik optimasi gambar yaitu dengan cara menurunkan/mengurangi warna dan gradasi dan menggunakan format yang sesuai.
  5. Untuk text dan terutama gambar-gambar yang digunakan utamakan menggunakan browser-safe color, sehingga gambar yang ditampilkan sama seperti yang diharapkan.

Outlinks :

  1. Robin Williams, Good Design Features
  2. Robin Williams, Bad Design Features
  3. Hotstetter, Fred T., Multimedia Literacy. McGraw-Hill Irwin, 2001.
  4. Lukmanul Hakim, Uus Musalili, Cara Mudah Memadukan Web Design dan Web Programming. Elex Media Komputindo, 2004.

Inlinks :

(No Ratings Yet)
2,246 Views

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment

Most Viewed Post/Page:

  • Tips : Mengatasi Komputer Bermasalah - 33,976 Views
  • Tips : Membuat Jaringan Wi-Fi - 28,945 Views
  • Apa itu Multimedia ? - 12,587 Views
  • Memilih Anti Virus - 12,550 Views
  • Download - 11,599 Views
  • SORTING ALGORITHM ANALYSIS - 11,549 Views
  • Tips : Merawat Komputer - 10,248 Views
  • Tip And Trik Macromedia Flash 8.0 - 9,795 Views
  • Tips : Komputer Aman Dari Virus - 7,568 Views
  • Sejarah Kriptografi - 6,912 Views
  • Most Rated Post/Page:

  • Tips : Membuat Jaringan Wi-Fi - 8 Votes
  • Tips : Mengatasi Komputer Bermasalah - 7 Votes
  • Download - 5 Votes
  • Tips : Komputer Aman Dari Virus - 5 Votes
  • Memilih Anti Virus - 4 Votes
  • Menjalankan Banyak Account Yahoo Messenger - 3 Votes
  • Aplikasi Web Atau Aplikasi Desktop ? - 3 Votes
  • Aplikasi Untuk Amankan Data Penting - 3 Votes
  • Tips : Merawat Komputer - 2 Votes
  • Database #2 - 2 Votes
  • ruldrurd
    porn movies buy online pharmacy viagra soft tabs viagra or levitra order cialis soft tabs online information on viagra for woman cheap cialis soft tabs levitra cheap generic viagra online viagra levitra purchase uk free cialis order online cialis cream for women levitra for women online viagra soft tabs
    Powered by WordPress, Web Design by Laurentiu Piron
    Entries (RSS) and Comments (RSS)