Web Design Mistake


 Berikut ini adalah penjelasan pada video learning mengenai Top 10 Web-Design Mistakes :


  1. Desain mobile di layar besar: Kesalahan ini terjadi ketika sebuah situs web dirancang untuk perangkat mobile tetapi tidak dioptimalkan untuk layar yang lebih besar. Hal ini dapat menyebabkan situs web menjadi sulit digunakan pada komputer desktop atau laptop.

    Situs web yang dirancang untuk perangkat mobile biasanya memiliki tata letak yang lebih sempit dan teks yang lebih besar. Hal ini memudahkan pengguna untuk melihat dan berinteraksi dengan konten di perangkat mobile. Namun, ketika situs web ini ditampilkan di layar yang lebih besar, tata letaknya dapat menjadi terlalu sempit dan teksnya dapat menjadi terlalu besar. Hal ini dapat menyulitkan pengguna untuk melihat semua konten di halaman dan dapat membuat situs web terasa berantakan.

    Untuk menghindari kesalahan ini, situs web yang dirancang untuk perangkat mobile harus dioptimalkan untuk layar yang lebih besar. Hal ini dapat dilakukan dengan menggunakan tata letak yang responsif yang dapat menyesuaikan dengan ukuran layar pengguna. Selain itu, situs web harus menggunakan ukuran teks yang sesuai untuk layar yang lebih besar.

  2. Hanya gambar pahlawan besar di atas lipatan: Kesalahan ini terjadi ketika sebuah situs web memiliki gambar besar di bagian atas halaman yang memakan sebagian besar layar. Hal ini dapat menyulitkan pengguna untuk menemukan informasi yang mereka cari.

    Gambar pahlawan adalah gambar besar yang digunakan untuk menarik perhatian pengguna. Gambar pahlawan sering digunakan di bagian atas halaman depan situs web. Namun, jika gambar pahlawan terlalu besar, hal ini dapat menyulitkan pengguna untuk melihat konten lain di halaman. Selain itu, gambar pahlawan dapat memperlambat waktu muat halaman.

    Untuk menghindari kesalahan ini, gambar pahlawan harus digunakan dengan hati-hati. Gambar pahlawan harus cukup besar untuk menarik perhatian pengguna, tetapi tidak boleh terlalu besar sehingga menyulitkan pengguna untuk melihat konten lain di halaman. Selain itu, gambar pahlawan harus dioptimalkan untuk waktu muat halaman yang cepat.

  3. Pergeseran tata letak dan pemuatan halaman: Kesalahan ini terjadi ketika tata letak situs web berubah setelah dimuat. Hal ini dapat disebabkan oleh berbagai faktor, seperti gambar yang tidak dimuat sepenuhnya atau JavaScript yang tidak dijalankan dengan benar.

    Pergeseran tata letak dapat sangat mengganggu pengguna dan dapat menyulitkan pengguna untuk menemukan informasi yang mereka cari. Hal ini juga dapat merusak kredibilitas situs web.

    Untuk menghindari kesalahan ini, situs web harus dioptimalkan untuk waktu muat halaman yang cepat. Selain itu, situs web harus menggunakan JavaScript dengan hati-hati. JavaScript dapat digunakan untuk meningkatkan fungsionalitas situs web, tetapi tidak boleh digunakan dengan cara yang menyebabkan pergeseran tata letak.

  4. Ikon tanpa label: Ikon dapat menjadi cara yang bagus untuk menghemat ruang di situs web, tetapi mereka harus selalu diberi label sehingga pengguna tahu apa artinya. Tanpa label, ikon dapat membingungkan dan membuat frustrasi pengguna.

    Label ikon harus jelas dan ringkas. Label ikon harus menjelaskan fungsi ikon dengan jelas. Selain itu, label ikon harus mudah dibaca.

  5. Tidak dapat memilih dan menyalin/menempel: Kesalahan ini terjadi ketika pengguna tidak dapat memilih dan menyalin teks atau gambar dari situs web. Hal ini dapat menyulitkan pengguna untuk berbagi informasi dengan orang lain atau untuk menyimpannya untuk nanti.

    Kesalahan ini dapat disebabkan oleh berbagai faktor, seperti JavaScript yang tidak dijalankan dengan benar atau CSS yang memblokir pemilihan teks.

    Untuk menghindari kesalahan ini, situs web harus dioptimalkan untuk pemilihan teks dan penyalinan. Selain itu, situs web harus menggunakan JavaScript dan CSS dengan hati-hati.

  6. Input yang tidak fleksibel: Kesalahan ini terjadi ketika sebuah situs web mengharuskan pengguna untuk memasukkan informasi dalam format tertentu, seperti tanpa spasi atau tanda hubung. Hal ini dapat membuat frustrasi pengguna dan dapat menyebabkan kesalahan.

    Kesalahan ini dapat disebabkan oleh berbagai faktor, seperti validasi formulir yang tidak fleksibel atau JavaScript yang tidak dijalankan dengan benar.

    Untuk menghindari kesalahan ini, situs web harus menggunakan validasi formulir yang fleksibel. Selain itu, situs web harus menggunakan JavaScript dengan hati-hati.

  7. Kontras rendah atau teks kecil: Kesalahan ini terjadi ketika teks pada situs web terlalu kecil atau terlalu terang untuk dibaca. Hal ini dapat menyulitkan pengguna untuk melihat konten di situs web, terutama untuk pengguna yang lebih tua atau pengguna dengan masalah penglihatan.

    Kesalahan ini dapat disebabkan oleh berbagai faktor, seperti warna latar belakang yang terlalu terang atau font yang terlalu kecil.

    Untuk menghindari kesalahan ini, situs web harus menggunakan kontras yang tinggi antara teks dan latar belakang. Selain itu, situs web harus menggunakan font yang cukup besar untuk dibaca.

  8. Tautan dan ekspektasi yang menyesatkan: Kesalahan ini terjadi ketika tautan tidak membawa pengguna ke halaman yang mereka harapkan. Hal ini dapat sangat membuat frustrasi pengguna dan dapat merusak kredibilitas situs web.

    Kesalahan ini dapat disebabkan oleh berbagai faktor, seperti tautan yang salah atau tautan yang telah diubah.

    Untuk menghindari kesalahan ini, situs web harus memastikan bahwa semua tautan akurat dan terkini. Selain itu, situs web harus menggunakan teks tautan yang jelas dan ringkas.

  9. Waktu respons yang lambat: Kesalahan ini terjadi ketika sebuah situs web membutuhkan waktu lama untuk dimuat. Hal ini dapat disebabkan oleh berbagai faktor, seperti gambar yang besar, server yang lambat, atau terlalu banyak JavaScript.

    Waktu respons yang lambat dapat membuat situs web terasa lamban dan tidak responsif, dan juga dapat menyebabkan pengguna meninggalkan situs web sama sekali.

    Untuk menghindari kesalahan ini, situs web harus dioptimalkan untuk waktu muat halaman yang cepat. Selain itu, situs web harus menggunakan gambar yang dioptimalkan dan JavaScript dengan hati-hati.

  10. Pop-up dan overlay: Kesalahan ini terjadi ketika sebuah situs web menggunakan pop-up atau overlay untuk memblokir konten halaman. Hal ini dapat sangat mengganggu pengguna dan dapat menyulitkan pengguna untuk menemukan informasi yang mereka cari.

Pop-up dan overlay dapat digunakan untuk berbagai tujuan, seperti untuk mempromosikan produk atau layanan atau untuk mengumpulkan informasi dari pengguna. Namun, pop-up dan overlay dapat sangat mengganggu pengguna dan dapat merusak kredibilitas situs web.

Untuk menghindari kesalahan ini, situs web harus menggunakan pop-up dan overlay dengan hati-hati. Pop-up dan overlay hanya boleh digunakan jika benar-benar diperlukan, dan harus mudah ditutup oleh pengguna.


source : https://www.youtube.com/watch?v=VGxze7xMYJs

Komentar

Posting Komentar

Postingan populer dari blog ini

Proses Desain Interaksi

Gambar
Model Brainstorming merupakan salah satu metode berpikir yang cukup populer dan banyak digunakan di kalangan pekerja. Cara ini dianggap mampu menghasilkan berbagai ide kreatif dan besar hanya dalam kurun waktu yang singkat saja.  Metode pembelajaran Brainstorming seringkali dipraktekkan ketika sebuah kelompok atau tim kerja menginginkan berbagai ide segar dan orisinil dari semua anggota kelompok itu sendiri dalam waktu yang cepat. Hal ini tentu cocok untuk mereka yang bekerja dengan tenggat waktu yang sempit/ terbatas.  Pada awalnya, ide ini pertama kali disampaikan oleh Alex Osborn, seorang CEO pemasaran, melalui bukunya yang diberi judul “Applied Imagination” di tahun 1953 silam. Namun di dalam perkembangannya, Brainstorming adalah cara berpikir yang pada akhirnya bisa dilakukan dengan berbagai teknik yang berbeda.  Pengertian Brainstorming  Brainstorming Bersama Berdasarkan Mind Tools, Brainstorming artinya menciptakan sebuah lingkungan yang bebas serta terbuka, d...
Baca selengkapnya

APA ITU BATCH SYSTEM, CRITICAL SECTION, PCB, DISTRIBUTED PROCESSING, HANDHELD DAN THREAD

Gambar
  BATCH SYSTEM, CRITICAL SECTION, PCB, DISTRIBUTED PROCESSING, HANDHELD DAN THREAD 1. Batch System  Dikutip dari  Algorit.ma  Definisi mengenai batch system /  batch processing  adalah sebuah sistem yang bisa digunakan untuk mengolah data maupun menjalankan tugas tertentu. Proses ini akan berjalan secara otomatis. Selain itu,  batch processing  juga bekerja secara berulang-ulang. Jadi, dalam praktiknya, sistem ini akan bekerja tanpa banyak memerlukan interaksi dengan manusia. Dengan kata lain, data yang masuk akan diproses secara otomatis melalui sistem komputasi. Dalam hal ini, biasanya data yang diproses berjumlah besar dan cukup kompleks, misalnya proses mengenai sebuah laporan dan sebagainya. Pemrosesan data ke dalam kelompok yang dilakukan oleh perusahaan ini bisa dilakukan secara berkala, contohnya adalah satu bulan sekali. Perusahaan yang menggunakan sistem ini, akan merasakan banyak keuntungan dan manfaat. Berikut beberapa di antaranya yan...
Baca selengkapnya

Sejarah Sistem Operasi Windows

Gambar
Telah Rilis 14 Versi, Ini Sejarah Windows dari Awal Sampai Sekarang Baru-baru ini, Microsoft  Windows 11  dirilis dan menjadi bahan pembicaraan hangat di masyarakat. Dengan fitur-fitur terbarunya yang semakin menarik mungkin membuat banyak orang termasuk Anda bertanya-tanya mengenai sejarah Windows dari awal sampai sekarang. Penasaran bagaimana perjalanan Windows hingga  Windows 11 ? Mari simak rangkuman sejarah Windows berikut ini. Sejarah Windows dari Awal Sampai Sekarang Hingga saat ini, Microsoft telah meluncurkan 14 versi sistem operasi Windows sejak tahun 1985. Mulai dari Windows 1 hingga Windows 11. Di bawah ini adalah rangkuman dari setiap versi Windows yang diluncurkan oleh Microsoft. Windows 1 Windows 1 adalah sistem operasi pertama yang diluncurkan oleh Microsoft pada bulan November 1985. Sistem operasi ini berbasis GUI atau  Graphical User Interface . Sebagai sistem operasi berbasis GUI pertama, banyak hambatan yang terjadi saat proses pengembangan sistem...
Baca selengkapnya