Efek animasi yang berlebihan

Keterbacaan, keterjangkauan, konsistensi, kontras, responsif

Warna-warna cerah

Kecepatan loading

Kemudahan penggunaan

video

suara

warna, tipografi, layout, gambar, interaksi

ukuran

Pengaturan elemen-elemen secara acak tanpa struktur yang jelas

Penggunaan warna, font, dan ruang negatif yang berbeda-beda setiap halaman

Pengaturan elemen-elemen seperti header, konten, sidebar, dan footer secara terstruktur dan mudah dinavigasi. Penggunaan warna, font, dan ruang negatif yang konsisten.

Tidak memperhatikan navigasi dan hanya fokus pada desain visual

Desain web yang monokromatik lebih menarik daripada yang berwarna

Pemilihan warna dalam desain web sangat penting karena warna dapat memengaruhi mood pengguna, membantu membedakan elemen-elemen penting, meningkatkan daya tarik visual, dan menciptakan kesan profesional.

Warna tidak memiliki pengaruh terhadap mood pengguna

Pemilihan warna tidak penting dalam desain web

User experience (UX) dalam desain web hanya berkaitan dengan desain visual saja.

User experience (UX) dalam desain web merujuk pada pengalaman keseluruhan yang dimiliki seseorang saat berinteraksi dengan sebuah situs web, termasuk aspek seperti kegunaan, aksesibilitas, dan desain visual.

User experience (UX) dalam desain web tidak termasuk aspek aksesibilitas.

User experience (UX) dalam desain web tidak memperhatikan kegunaan situs web.

Times New Roman

Wingdings

Comic Sans

Arial, Helvetica, Roboto, Open Sans, Lato

Menggunakan tabel HTML untuk layout

Menggunakan ukuran tetap untuk elemen

Menggunakan media queries, unit fleksibel, gambar responsif, dan pengujian pada berbagai perangkat.

Mengabaikan pengujian pada perangkat lain

Desain web statis tidak memiliki interaktivitas, sedangkan desain web dinamis memiliki interaktivitas

Desain web statis tidak memerlukan hosting, sedangkan desain web dinamis memerlukan hosting

Desain web statis memiliki konten yang tetap, sedangkan desain web dinamis dapat menampilkan konten yang berubah.

Desain web statis tidak memerlukan pembaruan, sedangkan desain web dinamis memerlukan pembaruan

Untuk menurunkan peringkat SEO

Untuk meningkatkan pengalaman pengguna, SEO, dan konversi pengunjung.

Agar website terlihat lebih menarik

Hanya sebagai tambahan

Representasi visual sederhana dari tata letak halaman tanpa desain grafis atau elemen interaktif.

Gambar berwarna yang menampilkan desain web secara keseluruhan

Animasi interaktif yang digunakan untuk menguji responsivitas halaman web

Garis besar teks yang menjelaskan fungsi dari setiap elemen pada halaman web

Pilihlah gambar dengan kualitas tinggi, relevan dengan konten, ukuran file yang tidak terlalu besar, dan pastikan memiliki izin penggunaan yang sesuai.

Ambil gambar dari internet tanpa memperhatikan izin penggunaan

Pilihlah gambar dengan kualitas rendah agar terlihat unik

Pilih gambar yang tidak relevan dengan konten

Limited color palette

Fixed-width layout

Mobile-first approach, Grid system yang responsif, Penggunaan media queries, Optimalisasi gambar dan konten, Fleksibilitas antar perangkat

Static images

Elemen-elemen yang tidak terlihat pada halaman web.

Spasi kosong di antara elemen-elemen pada halaman web.

Kode yang tidak terbaca pada halaman web.

Spasi di antara elemen-elemen pada halaman web.

Tidak memperhatikan tata letak dan navigasi yang membingungkan

Mengabaikan responsivitas terhadap perangkat

Menggunakan warna yang menyilaukan dan teks yang sulit dibaca

Pertimbangkan faktor-faktor seperti tata letak yang intuitif, navigasi yang jelas, penggunaan warna yang menyenangkan, teks yang mudah dibaca, dan responsif terhadap berbagai perangkat.

Konsistensi tidak mempengaruhi identitas merek

Konsistensi dalam desain web sangat penting karena dapat menciptakan pengalaman pengguna yang lebih baik, memperkuat identitas merek, memudahkan navigasi, dan meningkatkan kepercayaan pengguna.

Konsistensi dapat membingungkan pengguna

Konsistensi tidak penting dalam desain web

Mobile-first design adalah desain yang hanya fokus pada desktop

Mobile-first design tidak memperhatikan pengalaman pengguna pada perangkat mobile

Mobile-first design hanya berlaku untuk perangkat tablet

Mobile-first design adalah pendekatan desain web yang memprioritaskan desain untuk perangkat mobile terlebih dahulu sebelum diperbesar ke layar yang lebih besar. Hal ini memastikan pengalaman pengguna yang lebih baik pada perangkat mobile.

Canva

Adobe XD, Figma, Sketch, InVision

Illustrator

Photoshop

Perhatikan penggunaan kata kunci yang relevan, buat konten berkualitas, perbaiki kecepatan loading halaman, gunakan URL bersih dan deskriptif, pastikan situs web responsif dan mobile-friendly.

Jangan perhatikan kecepatan loading halaman

Gunakan gambar berkualitas rendah

Tambahkan efek animasi yang berlebihan

Membuat situs web yang hanya dapat diakses oleh orang yang memiliki disabilitas

Membuat situs web yang sulit diakses oleh semua orang

Mengabaikan kebutuhan aksesibilitas dalam desain web

Praktik membuat situs web yang dapat diakses dengan mudah oleh semua orang, termasuk mereka yang memiliki disabilitas.