Apa saja kesalahan umum yang dapat dilakukan oleh perancang saat mendesain untuk web, dan bagaimana mereka dapat dihindari?


9

Apa saja kesalahan umum yang harus dihindari saat mendesain? Saya tahu warna, teks, dan gambar memainkan peran utama dalam mendesain, tetapi ada banyak hal lain yang perlu kita urus! Saya tidak tahu hal-hal lain tetapi saya tahu ada begitu banyak ...

Seringkali kita mendapatkan hasil akhir dengan kesalahan (minor-major-visible-hidden) ...

Jadi pertanyaan saya adalah:

  • Apa saja kesalahan umum yang kita buat? (Anda juga termasuk madu) (tidak seperti tidak ada yang membuat kesalahan, semua orang melakukannya)
  • Bagaimana saya / kita bisa menghindari kesalahan ini?

Jawaban:


24

Ya, pertanyaan ini sangat luas. Mungkin tidak apa-apa sebagai artikel wiki.

Sebagai permulaan, Anda perlu mendefinisikan 'kami'. Ada banyak, banyak orang dan peran yang terlibat dalam mendesain situs web dan mereka semua cenderung memiliki kesalahan umum yang berbeda.

Berikut adalah beberapa masalah yang saya lihat yang tampaknya terus muncul:

  • Gagal mendefinisikan dengan tepat sasaran bisnis untuk situs web.

  • Gagal mendefinisikan dengan benar indikator kinerja utama, dan kemudian gagal menerapkan sistem untuk mengukur keberhasilan situs berdasarkan pada mereka.

  • Mendesain untuk keinginan klien, bukan untuk kebutuhan pelanggan klien.

  • Tidak melibatkan orang yang diperlukan, atau setidaknya mempertimbangkan tugas dari aspek semua peran yang dibutuhkan.

    Aspek teknis dari manajemen produk, analisis bisnis, pemasaran, copywriting, administrasi database, pengembangan back end, desain grafis, desain antarmuka pengguna, desain pengalaman pengguna, kegunaan, metrik, SEO, dan banyak lagi, semua harus dipertimbangkan.

  • Gagal merencanakan atau setidaknya membuat sketsa desain.

  • Lupa tentang prinsip-prinsip desain web yang adaptif dan responsif.

  • Lupa mendesain perangkat dengan layar dengan ukuran dan resolusi yang berbeda-beda.

  • Gagal mempertimbangkan semua faktor yang memengaruhi kecepatan pemuatan laman selama tahap perencanaan, dan tidak menguji kecepatan selama pengembangannya.

    Kesalahan umum termasuk memuat gambar yang sangat rinci melalui kondisi yang kurang optimal (misalnya, sebagai gambar latar belakang), dan secara umum, cukup mengunduh terlalu banyak aset besar tanpa mengoptimalkan kondisi pemuatan.

  • Menggunakan gambar rangka sebagai dokumentasi, bukan sketsa yang dimaksudkan untuk digunakan sebagai.

  • Tidak menggunakan metode Agile selama pengembangan.

  • Desain berlebihan, efek samping yang sangat umum karena tidak menggunakan metode Agile.

  • Memilih teknologi, bukan solusi.

    Misalnya, memilih produk perusahaan karena semua alasan yang menjadikannya baik; bahkan yang tidak berlaku untuk Anda; daripada mempertanyakan apakah itu bisa menyelesaikan masalah spesifik yang Anda inginkan, yah.

  • Lupa tentang copywriting / konten. Ini perlu dilakukan lebih awal dalam proses - tidak lebih lambat.

  • Mendesain file PhotoShop daripada halaman web yang sebenarnya.

    Ketika hanya berfokus pada Photoshop, orang tidak mempertimbangkan faktor-faktor seperti varians font, perangkat lain, ukuran layar, konten yang berubah, desain interaksi, dan banyak lainnya.

  • Merancang file flash, atau ide-ide aneh yang hanya dapat dicapai dengan file flash, bukan situs web SEO friendly yang penuh dengan konten yang dapat dibaca.

  • Membangun desain situs web yang berfungsi dengan fokus pada satu browser tertentu alih-alih terus-menerus menguji sebanyak mungkin browser.

  • Gagal menerapkan prinsip aksesibilitas saat merencanakan, merancang, dan mengimplementasikan situs web.

  • Menunggu terlalu lama untuk melibatkan pengguna, sering kali kemudian menemukan sesuatu perlu diubah yang bisa Anda ketahui lebih awal.


4
Jika kami menilai pertanyaan berdasarkan kualitas jawaban yang mereka hasilkan, jawaban ini akan berada di urutan teratas daftar. Jawaban yang fantastis.
Alan Gilbertson

1
Saya menerima saya melakukan banyak ini :( berharap saya bisa memilih ini dua kali ...
Jack

1
Apa yang dimaksud dengan "Mendesain file photoshop bukan situs web"? terlalu banyak efek? dapatkah kamu mengembangkan sedikit peluru itu?
Lauren-Clear-Monica-Ipsum

2
@lauren Maksud saya terutama menghabiskan waktu secara visual mendesain situs di Photoshop, daripada di HTML, CSS dan JS. Ketika hanya berfokus pada Photoshop, sekali tidak mempertimbangkan hal-hal seperti varians font, perangkat lain, ukuran layar, reflowing konten, dll.
DA01

1
@ pengguna pergi untuk itu!
DA01

3

Saya pikir kesalahan yang sangat umum dalam desain web terbukti di web seluler.

Jika Anda meramban web di perangkat seluler kecil, seperti iPhone atau BlackBerry, Anda akan melihat bahwa kadang-kadang tombolnya terlalu kecil.

Sekarang ini tidak selalu tombol itu sendiri, tetapi satu kesalahan yang dibuat adalah bahwa seringkali tidak ada cukup ruang di sekitar tombol.

Mari kita asumsikan kita sedang melakukan survei dan ada tombol kembali dan tombol berikutnya di sebelah satu sama lain, mereka membutuhkan ruang bernapas sehingga pengguna dapat menekan tombol dan tidak mengetuk yang salah secara tidak sengaja.

Ini adalah hal yang umum dan menjadi pertimbangan utama dalam desain email untuk pengguna seluler.


Saya menemukan ini benar di situs seluler SE. Saya terus-menerus mengetuk tautan "ajukan pertanyaan" ketika saya bermaksud mendapatkan drop-down akun pengguna.
Farray

2

Saya pikir jawaban DA01 sudah daftar hal yang sangat baik untuk dipertimbangkan. Saya menambahkan jawaban saya karena ini penting dan untuk menjawab pertanyaan karena saya ingin melihat lebih banyak jawaban untuk ini.

Pertimbangan lain yang sangat penting dalam mendesain situs web adalah kecepatan. Menyadari semua faktor yang memengaruhi kecepatan pemuatan laman sebelum mulai mendesain akan membantu memastikan Anda tidak menghabiskan banyak waktu untuk membuat grafik dan arsitektur yang nantinya harus Anda ubah sepenuhnya karena situs web memerlukan waktu 30 detik (contoh ekstrem) untuk beban.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.