Pertemuan 3 -- Merancang dan Membangun Website

7 aturan merancang website

• Just becouse you can doesn’t mean you should.
• There is almost always an exception
• Users are the ultimate judges
• Crossover experience is something a designer needs to always strive for
• Humility is the best approach
• It is impossible to please everyone
• Try to stay on top of specifications and standard

3 Filosofi Merancang Web

•Estetika

Bagaimana profesional tampilan dan nuansa situs ini? Apakah konsisten dengan yang diinginkan branding bisnis atau individu?

•Kegunaan

Seberapa cepat dan mudah pengguna mampu menemukan dan memproses informasi ketika sedang melakukan tugas-tugas yang diperlukan?

•Fungsi

Pemrograman harus mengaktifkan aspek fungsional situs, seperti formulir dan konten database-driven.

Desain Web

 Desain web dibagi 3, yaitu:

1.Desain Antar Muka

2.Desain Situs

3.Desain Halaman

 Requirement

 Ketika membangun sebuah situs, beberapa informasi yang paling penting bagi seorang desainer meliputi:

•Look and feel requirements

•Bandwidth requirements

•Resolution requirements

•Scalability requirements

•Content requirements

Creating Layout

•Tata letak yang baik penting untuk penyajian gambar profesional dan kegunaan dari sebuah situs.

•Pengguna harus dapat menemukan informasi dengan mudah lengkap, hal inilah yang mempengaruhi tata

  letak/layout.

•Layout dalam sebuah web lebih mengacu pada posisi elemen, daripada tampilan dan nuansa situs.

Scrolling vs Nonscrolling

Keuntungan Scrolling

• Desain bisa muat lebih banyak konten pada satu halaman.
• Pengguna tidak harus klik dan menunggu untuk me-load halaman lain, yang tidak hanya butuh waktu, namun pengguna juga harus kembali matanya terfokus pada daerah baru yang sebagian besar kemungkinan pada atau di dekat bagian atas layar.
• Sangat mudah untuk navigasi cepat jika pengguna menggunakan mouse dengan roda atau scroller stylus dan memungkinkan untuk menggerakan kursor dengan mudah.

Kerugian Scrolling:

• Dibutuhkan sedikit usaha untuk mengklik link yang membuka halaman baru.
• Karena halaman digulir lebih panjang, waktu download mereka biasanya lebih besar.

Posisi Content

1. Posisi menu
2. Header
3. Body

Struktur Navigasi

Linier

Linier merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut.

 

Hirarki

Struktur hirarki merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu.

Non Linier

Pada struktur nonlinier diperkenankan membuat struktur navigasi bercabang, percabangan ini berbeda dengan percabangan pada struktur hirarki.

 

Campuran

Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya.

Teknik Typografy

•Tipografi (typography) adalah ilmu yang mempelajari tentang huruf.

•Tipografi lebih dari seni memilih font, tentang membuat konten lebih mudah dibaca.

•Teks merupakan bagian sentral dari antarmuka pengguna, sehingga kebutuhan User Interface dipengaruhi

  pemilihan font, ukuran, dan spasi.

Anatomi Huruf

• Huruf dikelompokan menjadi 2 jenis, yaitu:

                 - huruf besar (upper case atau capital letter)

                 - huruf kecil (lower case).

• Huruf dikelompokan menjadi 3 yaitu:

                 - huruf berkait (serif)

                 - huruf tak berkait (sansserif)

                 - huruf latin (script)

@JAasfarina