DesainWeb-Final-Project-FORM-2

advertisement
Form 2 Final Project Web Desain
KELAS & KELOMPOK
KETUA
ANGGOTA
:
:
:
JENIS
TEMA
TOPIK / JUDUL
:
:
:
Deskripsi
:
Target Audiens
:
1.
2.
3.
KONTEN / FUNGSIONAL
WEB DESIGN CHECKLIST FORM
Silahkan beri tanda check pada setiap pertanyaan berikut yang telah diimplementasi pada website
final project yang dikerjakan. Isikan sesuai dengan yang sudah dikerjakan saja.
A. Page Layout
A1.
Posisi Header dan Logo konsisten
A2.
Posisi Area Navigasi konsisten
A3.
Header berisi nama situs/organisasi/perusahaan
A4.
Header dilengkapi Tag Line
A5.
Page Footer berisi copyright, tanggal last update dan informasi kontak (email)
A6.
Disain layout menggunakan konsep: repetisi, kontras, proximity dan alignment
A7.
Tanpa perlu scrolling horizontal pada resolusi monitor 1024x768 (atau diatasnya)
A8.
Ada keseimbangan penggunaan text-grafis(image) dan area kosong (white space)
A9.
Kontras yang baik antara teks dengan latar belakang
A10.
Maksimal loading time 10 detik pada koneksi internet minimal 64 kbps
A11.
Informasi penting telah terlihat dalam tampilan tanpa scrolling vertical (res 1024x768)
A12.
Meta tag Viewport telah digunakan untuk tampilan pada smartphone
A13.
Menggunakan Media query untuk tampilan responsive pada smartphone dan tablet
B. Browser Compatibility
B1.
Sudah diujitampil ke browser Chrome, tampilan web sesuai
B2.
Sudah diujitampil ke browser Firefox, tampilan web sesuai
B3.
Sudah diujitampil ke browser Safari, tampilan web sesuai
B4.
Sudah diujitampil ke browser smartphone dan tablet, tampilan web sesuai
C. Navigasi
C1.
Link pada navigasi (menu) utama jelas dan dengan label (nama) yang konsisten
C2.
Navigasi mudah digunakan oleh target pengguna web
C3.
Navigasi dibuat menggunakan unordered list (ul)
C4.
C5.
C6.
Ada site map
Semua link menu dapat dibuka dengan baik dan benar (not a broken link)
Semua internal link membuka pada window yang sama dan semua eksternal link
membuka pada window/tab yang baru
D. Warna dan Grafis
D1.
Menggunakan skema warna dengan warna maksimum 3 atau 4 ditambah warna netral
D2.
Warna digunakan secara konsisten
D3.
Warna teks cukup jelas dan kontras dengan warna latar
D4.
Pemilihan warna telah disesuakan dengan tema web atau sasaran pengguna
D5.
File gambar (grafis) telah dioptimasi sehingga tidak memperlambat akses web
D6.
Setiap tag img (gambar) telah dilengkapi atribut alternate (alt=)
E. Multimedia
E1.
Website dilengkapi dengan satu atau lebih file audio/video sebagai pendukung
E2.
Setiap file audio/video telah dilengkapi dengan caption
E3.
Waktu download untuk setiap file audio/video dapat diketahui
E4.
Link untuk mendownload plug-in dari format audio/video telah disediakan
F. Content Presentation
F1.
Font yang digunakan tidak lebih dari 2
F2.
Menggunakan font standar atau google font
F3.
Jenis huruf (font), ukuran dan warna huruf digunakan secara konsisten
F4.
Konten menyediakan informasi yang bermanfaat
F5.
Informasi dalam konten mudah untuk ditemukan
F6.
Ada informasi last update dan copyright
F7.
Teknik menulisa konten dg menggunakan: Judul, poin-poin penting, paragraph singkat
F8.
Konten tidak ditemukan pada website lain melalui search engine
F9.
Konten menyediakan link ke web lain yang berkesuaian/bermanfaat
F10.
Konten telah memuat informasi pembuat website beserta pembagian tugasnya
Catatan:
-
Lampirkan screenshot website yang dibuat
Download