DESAIN WEB
Halaman Web
Buatlah halaman
Definisikan secara web sedemikian
Buatlah (content)
jelas tujuan rupa sehingga para
yang menarik untuk
penyusunan pengunjung dirayu
disampaikan
halaman web dan ditantang untuk
kembali lagi
Desain
• Definition :
Web design is the process of creating experiences for
users of the web.
• Web design refers to the process of conceptualizing and
planning the experiences for visitors as they interact
with the information and activities on the site
Elemen Desain
• Estetika : warna (color), tataletak (layout), tipografi
(typhography)
• Komunikasi : isi (content), penyampaian pesan (language
style used for communication), interaksi (interaction/
feedback), pembentukan citra (building image)
• Usefulness. Utility/ fungsionalitas, teknologi yang tepat
• Usability/ kemudahan penggunaan : waktu belajar,
kecepatan kinerja, tingkat kesalahan, daya ingat dan
kepuasan subyektif
Pengembangan Situs Web
• Content Creation
• User Interface Design
• Graphic/ Visual Design
• Technology Planning
• Web Authoring
• Web Programming
• Multimedia Design
Content Creation
• “Content is king”
• Langkah-Langkah mempersiapkan content :
– Menentukan tujuan
– Menentukan audience/ target pembaca
– Menulis isi
• Tips :
– Harus singkat dan jelas
– Gunakan bahasa sederhana
– Memudahkan scanning: highlighting,bulleted list
– Berikan preview informasi
– Hindari “click here”, “under construction”
– Jangan memaksa user menghapal
User Interface Design
• Perhatikan usability
• Beberapa hal untuk mencapai usability
– Percabangan – struktur yang berarti, tidak
berlebihan, tidak menggunakan frame
– Kekompakan situs – hindari halaman terlalu
panjang, horizontal scrolling
– Akses universal – platform, browser, kecepatan
akses, resolusi layar, warna
– Dukungan navigasi
Graphic / Visual Design
• Beberapa situs web terdiri dari ribuan halaman web, beberapa lagi
hanya terdiri dari beberapa halaman saja. Semakin banyak
informasi yang akan diberikan atau semakin penting informasi itu,
maka kita perlu membuatnya mudah bagi pengguna untuk
mengaksesnya.
• Penyusunan sistem navigasi hendaknya dibuat sesederhana
mungkin sehingga lebih mudah diikuti oleh pengunjung.
• Secara umum, pengunjung pencari informasi juga membutuhkan
akses yang cepat.
• Penempatan iklan harus hati-hati, usahakan letaknya jangan
mengganggu atau membuat bosan pengunjung.
• Proporsi yang baik diperlukan untuk mengatur antara kemudahan
akses dan kecepatan akses dengan kelangsungan situs web.
Nilai Tambah (1)
Teks ekuivalen
• Setiap gambar atau image yang kita letakkan di halaman web,
haruslah disertai dengan atribut teks ekuivalen pada tag yang
digunakan.
• Contoh:
– Atribut “alt” didalam tag <img>
– Atribut “title” pada tag <a>
• Mengapa ?
Karena beberapa pengunjung menon-aktifkan opsi untuk
mendownload gambar atau animasi untuk mempercepat
download time.
Proses Pembuatan Website