Kesalahan yang Kemungkinan Besar Sudah Anda Buat Sebagai Desainer Web

Semua desainer web menginginkan kesempurnaan. Namun, mereka hanya manusia dan kesalahan selalu bisa muncul. Sangat mudah untuk mengabaikan beberapa detail. Tidak ada desainer di dunia yang tidak melakukan kesalahan dan menghindarinya adalah sesuatu yang biasa terjadi setelah beberapa waktu.

Kami sekarang akan berbicara tentang beberapa kesalahan paling umum yang dilakukan perancang web secara konstan, kesalahan yang kemungkinan besar sudah Anda lakukan setidaknya sekali. Perbaiki kebiasaan buruk Anda dan atasi rintangan yang membuat Anda bersalah saat ini sehingga pekerjaan Anda akan lebih baik dari sebelumnya.

Penggunaan Flash

Dalam desain situs web modern, kita jarang melihat Flash digunakan meskipun itu sangat menakjubkan dalam hal apa yang dapat dilakukannya. Kami dihadapkan dengan kemungkinan untuk memberikan pengunjung pengalaman animasi yang mengesankan tetapi ada bagasi yang terkait.

Ada berbagai masalah yang muncul dengan menggunakan Flash dalam desain web. Anda memiliki waktu buka yang lebih lama, masalah dengan pengguna seluler karena kurangnya dukungan dan bahasa pemrograman yang digunakan berbeda. Jumlah perangkat yang saat ini mendukung Flash sangat sedikit. Juga, di masa depan kami tidak mengharapkan peningkatan dukungan. Pustaka baru tampak lebih kuat dan lebih populer, terutama yang didasarkan pada JavaScript seperti AngularJS dan jQuary.

Menggunakan Gambar Sangat Besar

Tren modern dalam desain web adalah menggunakan gambar besar di seluruh situs. Itu pasti akan membuat pengalaman lebih menyenangkan dan pengguna akan memiliki sesuatu yang bagus untuk dilihat tetapi ada beberapa komplikasi yang perlu diperhatikan oleh perancang dan pengembang.

Pemuatan halaman secara otomatis meningkat setiap kali gambar yang lebih besar digunakan. Ini dapat mengarah pada skenario yang sangat buruk bagi pengunjung situs. Kabar baiknya adalah kami memiliki akses ke berbagai alat berbeda yang sangat membantu dalam mengoptimalkan gambar. Yang mungkin ingin Anda pertimbangkan meliputi:

• GruntJS-ImageMin
• GambarOptim

Aplikasi seperti PrePros dapat membantu mengoptimalkan gambar secara otomatis saat berada di dalam aplikasi. Masalahnya adalah alat akan membantu alur kerja tetapi tidak akan menyelesaikan masalah besar yang terkait dengan waktu buka, setidaknya tidak sepenuhnya.

Banyak desainer sekarang menggunakan SVG. Mereka menggunakan kode untuk menghidupkan dan menggambar grafik di lingkungan browser. Dengan demikian, kami berakhir dengan pemuatan halaman yang dipercepat dan berbagai elemen yang menarik perhatian.

Kami juga harus menyoroti fakta bahwa gambar yang lebih besar akan memperumit desain web karena faktor non-responsif. Kita berbicara tentang elemen desain yang telah mengatur tinggi dan lebar. Browser akan menskalakan gambar tetapi kami memiliki ukuran file yang sama.

W3C sekarang bekerja menggunakan “ <picture> ” sebagai elemen HTML5. Itu akan memungkinkan memanggil gambar dengan ukuran berbeda berdasarkan lebar layar tampilan. Ketika ini terjadi, pengalaman akan jauh lebih baik bagi pemirsa tetapi sampai penerapannya, Anda harus menghindari gambar yang lebih besar.

Menggunakan Lebar Dan Tinggi Tetap

Adaptasi secara otomatis dibatasi untuk pengguna ketika ukuran tetap dikodekan. Kami memiliki solusi tetapi kami harus selalu berpikir untuk membuat pola desain web yang 100% responsif. Tinggi tetap yang diatur dalam CSS dapat membatasi area yang dapat dilihat oleh pengguna. Melewati itu dimungkinkan melalui penyesuaian kueri media tetapi kode tambahan yang ditambahkan akan menyebabkan masalah dengan kinerja. Anda tidak benar-benar membutuhkan itu. Dalam kebanyakan kasus, Anda tidak boleh menggunakan ukuran tetap. Mereka harus dihindari sebanyak mungkin dalam lingkungan desain web modern.

Membuat Asumsi Tentang Kesesuaian Desain

Desainer web biasanya bekerja dengan perangkat lunak seperti Adobe Photoshop atau Sketch. Saat pekerjaan selesai, asumsi umum adalah memiliki titik henti sementara tertentu dalam alur kerja responsif. Lebar layar yang terlihat standar akan mencakup banyak ukuran layar yang berbeda tetapi mencakup semuanya bukanlah suatu kepastian. Kami memiliki ribuan perangkat seluler yang tersedia di pasar. Membuat desain yang cocok untuk semuanya sangatlah sulit.

Ketika Anda bekerja pada lebar tertentu, Anda harus merencanakan dan berpikir ke depan menjadi keterampilan penting bagi desainer web. Anda harus yakin bahwa asumsi tidak dibuat dan bahwa Anda benar-benar akan bekerja di dalam browser setelah pekerjaan editor grafis biasa selesai.

Menggunakan Terlalu Banyak Efek Dan Animasi

Anda dapat melihat masalah ini bahkan di beberapa situs paling populer di dunia. Begitu banyak situs web yang menawarkan pengalaman yang menakjubkan, dengan banyak yang menawarkan sesuatu yang benar-benar unik dan menakjubkan. Namun, ini tidak berarti menambahkan sebanyak mungkin efek dan animasi. Sangat penting untuk menggabungkan prinsip-prinsip desain web dengan tujuan menemukan perpaduan yang tepat antara fungsionalitas dan dampak grafis.

Ada dua masalah besar yang terkait dengan animasi dan efek yang berlebihan:

• Waktu buka halaman meningkat
• Efek dan animasi akan bermasalah untuk komputer lama

Peretasan dan animasi populer saat ini adalah yang menambahkan elemen fade in, up, atau down. Mereka dapat terlihat hebat dan akan membuat situs tampak hebat tetapi itu tidak berarti bahwa Anda harus selalu menggunakannya. Lihat apakah pemuatan halaman secara keseluruhan akan terlalu banyak untuk perangkat yang akan digunakan sebagian besar pengunjung dan jangan pernah melupakan kecepatan pemuatan halaman. Ini sangat penting dan harus selalu menawarkan pengalaman hebat bagi pengunjung.

Tautan Penataan Gaya yang Tidak Benar

Ini adalah kesalahan yang jauh lebih umum daripada yang mungkin Anda pikirkan saat ini. Tautan harus selalu melakukan apa yang mereka lakukan. Ini berarti bahwa ketika tautan memiliki gaya yang tidak tepat, orang tidak akan mengetahui bahwa itu adalah tautan. Kita harus selalu memikirkan pengunjung sehingga tautan harus selalu terlihat seperti tautan. Anda dapat bereksperimen dan tidak berpegang pada garis bawah biru standar tetapi Anda tidak boleh berlebihan.

Tidak Menggunakan KERING Di CSS

Jika Anda tidak menyadari hal ini, KERING berarti "Jangan Ulangi Diri Anda". Ini adalah metode dalam desain web dan secara praktis berarti bahwa perancang dibantu untuk menjaga kode tetap ringkas dan kloning. Hanya penggunaan kode yang diperlukan yang direkomendasikan setiap saat untuk penataan situs web.

Saat menggunakan CSS tradisional, banyak pengulangan diperlukan dengan elemen tertentu yang digunakan di dalam elemen lain. Selektor akhirnya menjadi sangat besar dan akan membutuhkan banyak waktu untuk benar-benar menulis. Saat Anda menggunakan kelas dalam desain alih-alih menata setiap elemen di halaman HTML, semuanya menjadi jauh lebih sederhana.

Ide yang sangat bagus saat ini adalah menggunakan bahasa pra-pemrosesan seperti Sass. Mereka cukup berguna dalam hal teknologi CSS yang diperlukan. Bahasa yang digunakan akan mempercepat pengembangan dan desain karena fakta bahwa mereka menyertakan fitur seperti variabel, fungsi, mixin, nesting, dan banyak lagi. Kode yang dihasilkan kemudian akan dikompilasi menjadi kode CSS. Pengembang web dan perancang web sekarang dapat menggunakan lebih sedikit baris kode dan pengulangan dapat dengan mudah dihindari berkat bahasanya.

Degradasi yang anggun

Kita dapat mendefinisikan Graceful Degradation sebagai praktik membangun fungsionalitas web yang mampu menawarkan tingkat pengalaman pengguna tertentu di browser modern sambil menurunkan ke tingkat pengalaman pengguna yang lebih rendah di browser lama. Ini terdengar sedikit rumit tetapi sebagai contoh, kita dapat mendiskusikan dukungan Internet Explorer 8 dan 7. Anda akan terkejut mengetahui bahwa sebagian besar pengguna tidak akan memperbarui browser untuk jangka waktu yang lama. Karena itu, Anda perlu menambahkan degradasi yang anggun sehingga dukungan yang tepat tersedia untuk kedua versi browser.

Situs web modern mudah untuk dikembangkan tetapi di lain waktu Anda dapat menyadari fakta bahwa di browser yang lebih lama, halaman terlihat sangat buruk karena ketergantungan tertentu.

Peningkatan Progresif

Ini adalah sesuatu yang mirip dengan Graceful Degradation yang disebutkan di atas. Perbedaannya adalah bahwa proses ditangani secara terbalik dengan memulai dengan tingkat pengalaman dasar yang didukung di setiap browser web. Kemudian, perancang/pengembang menambahkan peningkatan fungsionalitas yang tersedia untuk browser yang dapat menggunakannya.

Kedua opsi ini dan yang di atas rumit. Mereka biasanya hanya digunakan oleh desainer yang sangat baik. Namun, dengan banyaknya browser yang tersedia saat ini, kita perlu mempertimbangkan opsi dengan serius. Perancang web biasanya akan meminta klien memutuskan dengan tepat apa yang akan didukung. Anda perlu mencoba menggunakan pendekatan ini untuk menawarkan pengalaman yang benar-benar hebat bagi pengguna yang sangat aktif dan tepat di dalam audiens target.

Masalah Navigasi – Tidak Ramah Pengguna

Salah satu bagian terpenting dari situs web mana pun adalah navigasi. Perancang harus mampu membuat pengalaman pengunjung menjadi alami. Tujuannya adalah untuk membuat navigasi menjadi sangat sederhana dan intuitif. Seorang pengguna akan secara otomatis memahami bahwa pengalaman itu tepat ketika desain telah mempertimbangkan elemen ini.

Setiap kali pengalaman pengguna buruk, kami melihat pengunjung frustrasi. Mereka tidak mengunjungi situs tertentu lagi dan akan melihat halaman lain untuk mencari solusi atas masalah mereka. Usability perlu selalu diperhatikan oleh desainer. Desain harus terlihat bagus tetapi Anda tidak boleh melupakan fungsionalitas. Kemudahan penggunaan diperlukan dan kurangnya ini akan membuat seluruh desain tidak berguna.

Kurang Fokus Pada Konten

"Bentuk Mengikuti Fungsi" adalah prinsip arsitektur yang sangat umum yang muncul pada abad kedua puluh, tepat selama fase desain industri arsitektur modern. Ini adalah prinsip yang perlu Anda ingat setiap saat dalam desain web.

Web dan desain grafis sangat mirip dengan arsitektur modern dalam hal fungsionalitas yang diperlukan. Bentuk objek harus terlebih dahulu didasarkan pada tujuan atau fungsi yang dimaksudkan. Dalam hal website, kita bisa melihatnya sebagai database informasi yang tersebar di internet. Pengguna akan mengunjungi situs web untuk mendapatkan data tertentu. Di sinilah konten melangkah untuk menawarkan data itu. Saat pengunjung berakhir di sebuah situs dan tidak menemukan data, dia akan mencarinya di tempat lain, bahkan tanpa melihat desainnya. Pada saat yang sama, jika desain membuatnya sangat sulit untuk menemukan atau mencerna data, hasil yang sama terjadi.

Pengguna internet sekarang menginginkan akses informasi dan mereka ingin akses ini cepat. Form Over Function menjadi sangat penting dalam desain web. Tidak mempertimbangkan prinsip ini berarti fokus diberikan pada penampilan daripada konten yang ditawarkan. Akibatnya, situs web tidak akan benar-benar populer. Konten harus menonjol setiap saat.

Kesimpulan

Pada akarnya, kesalahan desain web yang paling umum terkait dengan mencoba menghasilkan sesuatu yang benar-benar indah dan unik tanpa memperhitungkan alasan mengapa pengunjung benar-benar mengunjungi sebuah situs. Karena itu, Anda ingin selalu memiliki kesabaran yang diperlukan untuk menggabungkan desain yang sangat bagus dengan fungsionalitas yang lengkap.

Selalu buat situs web yang fungsional dan terus pelajari teknologi baru seiring berjalannya waktu. Desainer web terbaik di dunia terus belajar dan selalu up-to-date dengan segala sesuatu yang bisa dan tidak bisa dilakukan. Anda ingin membuat desain web Anda, berbicara dengan klien dan kemudian memastikan bahwa pengunjung akan menghargai apa yang ditawarkan. Ini jauh lebih mudah diucapkan daripada dilakukan tetapi seiring waktu, semuanya menjadi jauh lebih mudah.

Pastikan Anda selalu meluangkan waktu sebanyak yang diperlukan untuk menciptakan sesuatu yang benar-benar hebat. Kesalahan lain yang tidak disebutkan dalam desain web adalah tidak memberi diri Anda waktu yang diperlukan untuk benar-benar membuat desain situs web yang sempurna. Ini biasanya terjadi karena klien membutuhkan pekerjaan yang harus diselesaikan dalam waktu sesingkat-singkatnya. Pastikan Anda selalu punya cukup waktu untuk membuat desain web yang Anda tahu bisa.