MERANCANG TOKO ONLINE (3) Pertemuan 15

MERANCANG TOKO ONLINE (3)MERANCANG TOKO ONLINE (3)Pertemuan 15

Matakuliah : STRATEGI & PEMASARAN E-BISNISTahun : 2009

Bina Nusantara University 3

SUMBER• Turban, Efraim, David King, Jae Lee and Dennis

Viehland. 2006. Electronic Commerce. A Managerial Perspective, 2006 (Chapter 16).

Prentice Hall.• Dianawati, Ajen. 2007. 6 Rahasia Sukses Menjadi

Jutawan Internet (p. 19-33). Mediakita, Jakarta.


TerminologiDeep Linking:Memasuki situs web tanpa melalui halaman pertama, biasanya melalui mesin pencari atau link dari eksternal.


Membangun Situs Web• Tahapan dalam membangun situs web:

– Memilih webhosting.– Mendaftarkan domain name.– Membuat dan mengelola Konten/Isi.– Mendesain situs web.– Merampungkan situs web dan melakukan testing.– Pasarkan dan promosikan situs web yang telah

dibangun.


Kriteria Situs Web yang Baik• Situs web yang baik harus dapat mewujudkan tujuan yang

telah ditetapkan sebelumnya. Maka harus memenuhi beberapa kriteria berikut:– Pemilihan Nama: Nama Domain dan Hosting– Isi– Struktur Menu– Desain dan Layout– Daftarkan ke Mesin Pencari– Search Engine Optimization (SEO)– Testing– Traffic Analysis– Selalu di-update dan Jangan pernah berhenti


Mendesain Situs Web• Tujuan dari setiap situs web adalah mengantarkan konten

yang berkualitas kepada pengunjung dan melakukannya dengan baik dengan desain yang elegan.

• Desain situs web dapat dikatakan sukses bilamana dapat memberikan harapan pelanggan.

• Desain dimulai dengan menemukan kebutuhan dan harapan pelanggan sehingga dapat memecahkan masalah yang dihadapi pelanggan.

• Situs web yang dikembangkan harus mewakili apa yang ingin kita tawarkan.


Mendesain Situs Web (3)• Arsitektur Informasi (Information Architecture) menjelaskan

bagaimana sebuah situs web dan setiap halamannya dapat diorganisasikan, diberi nama/label, dan dinavigasi untuk mendukung browsing dan pencarian.

• Pada umumnya, sebuah situs web minimal harus mempunyai:– Halaman utama– Halaman bantuan– Halaman perusahaan– Halaman transaksi (jika berupa e-Commerce)– Halaman konten

• Beberapa bagian yang harus ada dalam situs web bisnis:– Propaganda promosi.– Penjelasan cara berbelanja.– Katalog produk yang ditawarkan. – Jaminan keamanan dan kenyamanan dalam berbelanja.


Mendesain Situs Web (4)Tampilan Halaman Pertama (Homepage)• Homepage merupakan beranda situs secara keseluruhan,

sehingga perlu diperhatikan hal-hal berikut:– Miliki daftar opt-in.– Isi/konten yang relevan.– Headline yang menjual.– Tata bahasa dan ejaan.– Sistem navigasi.– Singkat dan fokus.– Kreativitas.– Tempat untuk promosi.– Penjelasan cara berbelanja.– Katalog Produk/Jasa.


Mendesain Situs Web (5)• Struktur situs web yang umum berbentuk hirarki.• Jenis struktur situs web:

– Hierarchical (hirarki)– circular – linear

• Struktur apa pun, situs web harus memperhatikan halaman utama agar benar dan seluruh halaman dalam situs harus mempunyai hubungan (link) ke halaman utama.


Mendesain Situs Web (5a)Contoh struktur situs web secara hirarki


Mendesain Situs Web (5b)Contoh struktur situs web secara linear


Mendesain Situs Web (6)• Beberapa hal yang harus diperhatikan ketika

mengorganisasikan dan memberi label situs web untuk mendukung browsing dan searching:– Patuhi aturan three-click– Tempatkan konten yang paling penting pada bagian atas

halaman– Pertahankan agar setiap halaman tidak panjang.– Pertahankan agar layout halaman sederhana.– Ikuti naluri aturan percetakkan.– Buatlah konten primer mudah dicari– Tunjukkan produk-produk dalam berbagai cara.


Kriteria Desain Situs Web yang Baik

• Kriteria desain situs web yang baik:– Navigasi– Konsistensi– Kinerja / performa– Tampilan– Jaminan kualitas (quality assurance)– Interaktif– Keamanan– Mudah diukur (scalability)


Kriteria Desain Situs Web yang Baik (2)

• Navigasi Situs– Suatu pertolongan yang membantu pengunjung untuk mencari

informasi yang dibutuhkan dengan cepat dan mudah.– Bantuan navigasi yang sederhana biasanaya terletak pada

tabel di atas dan di bawah setiap halaman situs.– Navigasi juga bisa terletak di dalam frame, di mana suatu

halaman situs terpisah menjadi beberapa jendela.

Contoh Navigasi


Kriteria Desain Situs Web yang Baik (2a)

• Saran dalam mendesain navigasi situs web dengan sukses:– Gunakan list dan menu yang kecil– Jangan tergantung seluruhnya pada gambar– Buatlah halaman pertama mudah dicari– Integrasikan navigasi ke konten– Hindari penggunaan frame– Ikuti petujuk yang mudah diakses.


Kriteria Desain Situs Web yang Baik (2b)

Contoh Penempatan Navigasi dalam Layout Halaman Situs



• Konsistensi– Look and feel: elemen-elemen yang dapat dilihat secara visual

dalam satu halaman situs ke halaman situs, termasuk layout, bentuk tulisan, warna, gambar, dan pentunjuk arah (navigasi)

– Elemen lain yang juga harus konsisten:• Logo perusahaan• Informasi kontak• Judul deskripsi

– Walaupun mendesain situs web dengan menggunakan tools yang berbeda dapat berbeda standar, maka gunakan standar World Wide Web Consortium



• Kinerja/Performance– Kecepatan harus berada pada urutan pertama dalam

pertimbangan membuat situs web.– Kinerja situs web juga dipengaruhi oleh besarnya kapasitas

gambar atau banyaknya gambar/tabel yang ditempatkan pada setiap halaman situs web.

– 12-second rule: Setiap halaman situs web harus terbuka dalam waktu 12 detik.

– 4-second rule: Sesuatu/apa saja harus muncul dalam layar pengunjung dalam waktu 4 detik pertama.



• Aturan warna dan gambar:– Cocokkan tingkat harapan pengunjung yang ditargetkan– Gunakan warna standar dan aplikasikan– Gunakan warna pelengkap, jika dibutuhkan– Cocokkan/kontras dengan warna latar belakang



• Jaminan Kualitas– Pastikan bahwa desain situs web sudah diuji-coba sebelum

diluncurkan.– Pastikan bahwa ada revisi atau perbaikan berkesinambungan

setelah peluncuran.



• Kriteria lainnya:– Gunakan bandwidth sesuai kebutuhan.– Desain visual atau suara bagi pengunjung perlu diperhatikan.– Gunakan fungsi “ALT Tag” dan “Tab”.– Hindari fitur-fitu yang tidak perlu.– Perawatan / maintenance perlu diperhatikan.– Kualitas situs web harus dii-tes secara berkala..


Pertanyaan & Diskusi?

MERANCANG TOKO ONLINE (3) Pertemuan 15

Documents