What is Web Design

DESAIN
Suatu pekerjaan /kegiatan /proses kreatif untuk
menghasilkan sesuatu yang sifatnya :
n
Baru (Inovatif), aneh, segar (fresh),menakjubkan.
n
Mempunyai daya guna, menghasilkan sesuatu
yang lebih baik, lebih mudah + Praktis (useful),
memecahkan suatu masalah (solusi).
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
1
Tahap-tahap Kreatifitas
nPersiapan
n
n
n
n
n
→ Konsentrasi → Inkubasi → Iluminasi → Verifikasi/ Produksi
Persiapan : Meneliti, mendata fakta-fakta / masalah
Konsentrasi : Menimbang, memikirkan
Inkubasi : bagian dari ‘stress’, hang ! Tips-nya: Harus
keluar dari masalah (refreshing) asal jangan terlalu lama.
Diskusikan dengan rekan kerja / teman, ‘Brainstorming’.
Iluminasi : Tahap “AHA !!!” atau “INI DIA !” Sebuah ide
Timbul dan memberikan semangat untuk melaksanakan
Ide !!
Verifikasi / Produksi : Tahap pelaksanaan, cara Kerja,
penyususnan, dst.
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
2
What is Web Design
Definition :
1.
Web design is the process of creating experiences
for users of the web.
2.
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
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
3
Situs Web yang baik
Design (50 %)
n Usefulness (50 %)
n
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
4
Situs Web yang baik
n
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)
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
5
Situs Web yang baik
n
Usefulness
¡
Utility/ fungsionalitas, teknologi yang tepat
¡
Usability/ kemudahan penggunaan : waktu
belajar, kecepatan kinerja, tingkat
kesalahan, daya ingat dan kepuasan
subyektif
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
6
Tim Pengembang Situs Web
Tinggi
Full Designers
Tim Ideal
Pemula
Full Programers
Rendah
Tinggi
Desain
Rendah
Usefulness
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
7
Pengembangan Situs Web
n
n
n
n
n
n
n
Content Creation
User Interface Design
Graphic/ Visual Design
Technology Planning
Web Authoring
Web Programming
Multimedia Design
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
8
Content Creation
n
n
“Content is king”
Langkah2 mempersiapkan content :
¡
¡
¡
31 March 2004
Menentukan tujuan
Menentukan audience/ target pembaca
Menulis isi
Design by : Ido Priyana Hadi, 2003/2004
9
Content Creation : Tip
n
n
n
n
n
n
Harus singkat dan jelas
Gunakan bahasa sederhana
Memudahkan scanning: highlighting,
bulleted list
Berikan preview informasi
Hindari “click here”, “under
construction”
Jangan memaksa user menghapal
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
10
User Interface Design
n
n
Perhatikan usability
Beberapa hal untuk mencapai usability
¡
¡
¡
¡
31 March 2004
Percabangan – struktur yang berarti, tidak
berlebihan, tidak menggunakan frame
Kekompakan situs – hindari halaman
terlalu panjang, horisontal scrolling
Akses universal – platform, browser,
kecepatan akses, resolusi layar, warna
Dukungan navigasi
Design by : Ido Priyana Hadi, 2003/2004
11
Graphic/ Visual Design
n
n
n
n
Tata letak – grid dan struktur
Konsistensi – warna, font, style
Kesederhanaan situs – tidak
membingungkan user
Optimasi file grafik – format file, web
safe colors
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
12
The End
Terimakasih anda sudah mengikuti
perkuliahan desain grafis hari ini
Selamat belajar
31 March 2004
Design by : Ido Priyana Hadi, 2003/2004
13