contoh desain web yang baik dan buruk

19
SISKA AMELIA (2103131034) 2 D3 IT B

Upload: siska-amelia

Post on 30-Jun-2015

1.027 views

Category:

Education


13 download

DESCRIPTION

5 contoh desain web yang baik dan buruk beserta alasan

TRANSCRIPT

Page 1: Contoh Desain Web yang Baik dan Buruk

SISKA AMELIA (2103131034)

2 D3 IT B

Page 2: Contoh Desain Web yang Baik dan Buruk

GOOD DESIGN ITU SEPERTI APA?

Page 3: Contoh Desain Web yang Baik dan Buruk

1. INOVATIFBerarti menambah pelayanan web tersebut dan medesain kembali desain yang sudah ada sehingga lebih terlihat tidak membosankan dan lebih inovatif. Sehingga website tersebut tidak akan berhenti di desain itu-itu saja.

Page 4: Contoh Desain Web yang Baik dan Buruk

2. MEMILIKI FUNGSI

Sebenarnya hampir tidak ada web yang tidak memiliki fungsi. Desain web yang baik memiliki fungsi untuk menyelesaikan masalah user dan dengan desain web yang baik dapat mengoptimalisasi fungsi dari web itu sendiri.

Page 5: Contoh Desain Web yang Baik dan Buruk

3. ESTETIKA

Desain yang baik adalah memiliki suatu kekuatan untuk menarik perhatian pengguna untuk lebih lanjut menggunakan web tersebut. Dalam hal ini, desainnya memiliki nilai keindahan untuk membuat rasa nyaman pengguna dan rasa kepuasaan akan desain yang menarik saat menggunakan website tertentu.

Page 6: Contoh Desain Web yang Baik dan Buruk

4. INTUITIF / PSIKOLOGI

Desain yang baik dapat menjelaskan bagaimana menggunakannya, dan memahami produk dengan jelas. Intuitif ini menjelaskan struktur produk, mengungkapkan fungsinya dengan memanfaatkan psikologi pengguna.

Page 7: Contoh Desain Web yang Baik dan Buruk

CONTOH DESAIN WEBSITE

Page 8: Contoh Desain Web yang Baik dan Buruk

5 CONTOH INTERFACE DESAIN WEBSITE BURUK

Page 9: Contoh Desain Web yang Baik dan Buruk

1. WWW.PENNYJUICE.COM

Mengapa?

1. Desain terlalu kaku.

2. Penggunaan warna

terlalu mencolok.

3. Background dengan

warna table terlalu

ramai.

4. Menu informasi

tentang web tersebut

kurang.

Page 10: Contoh Desain Web yang Baik dan Buruk

2. WWW.THEKENNEDYS.NL

Mengapa?

1. Terlalu rbanyak

gambar di

background.

2. Untuk user yang baru

tahu, akan merasa

bingung icon mana

yang mempunyai link.

3. Harus mencari satu-

satu icon yang

memiliki link.

Page 11: Contoh Desain Web yang Baik dan Buruk

3. RONOSLUND.COM

Mengapa?

1. Background dan

warna font title

memiliki warna-warna

gelap.

2. Font content terlalu

kecil.

3. Fungsi web kurang

jelas.

4. Terlihat seperti bukan

sebuah website.

Page 12: Contoh Desain Web yang Baik dan Buruk

4. WWW.KASKUS.CO.IDMengapa?

1. Terlalu banyak tabel

yang terlihat di

halaman home.

Page 13: Contoh Desain Web yang Baik dan Buruk

5. WWW.KRISPYKREME.COM

Mengapa?

1. Background lebih

baik polos karena

tabel utama sudah

banyak warna-

warna.

2. Peletakan contact

seperti facebook dan

twitter lebih baik di

bawah tabel yang

berwarna merah.

Page 14: Contoh Desain Web yang Baik dan Buruk

5 CONTOH INTERFACE DESAIN WEBSITE BAIK

Page 15: Contoh Desain Web yang Baik dan Buruk

1. WWW.THIBAUD.BE/#/STYLE02

Mengapa?

1. Desain simple. Tapi

interaktif.

2. Menu yang

ditampilkan tidak

berlebihan

3. Fungsi website jelas,

yaitu portofolio

designernya.

Page 16: Contoh Desain Web yang Baik dan Buruk

2. WWW.BAGIGIA.COMMengapa?

1. Desain web tidak

berlebihan.

2. Sudah mencakup

semua informasi

produk dari merk

tersebut.

3. Produk berbentuk 3D.

Sehingga pelanggan

dapat menilai dengan

jelas kualitas produk.

4. User friendly atau

mudah digunakan

5. Waktu loading cepat.

Page 17: Contoh Desain Web yang Baik dan Buruk

3. WWW.ALEXBUGA.COM/V9/#WELCOME

Mengapa?

1. Menu-menu dibuat

lebih unik.

Dimasukkan ke dalam

rak-rak. Terkesan

lebih rapi.

2. Desain lebih

interaktif.

3. Desain terlihat

seperti keadaan

nyata.

Page 18: Contoh Desain Web yang Baik dan Buruk

4. WINGCHENG.COM

Mengapa?

1. Desain lebih simple.

2. Tidak membutuhkan

waktu yang cukup

lama untuk masuk ke

menu-menu.

3. Halaman setiap menu

sibuat scroll down,

sehingga user lebih

penasaran apa yang

ada dibawahnya.

4. User friendly.

Page 19: Contoh Desain Web yang Baik dan Buruk

5. WWW.RDIO.COM

Mengapa?

1. Menu pilihan

ditampilkan lebih

menarik.

2. Desain web tidak

berlebihan.

3. Fungsi sudah lengkap

untuk website music

seperti ini.