Uji gambar dan panjang teks untuk memastikan situs Anda bereaksi dengan tepat
Ketika kami merancang situs web dan merencanakan bagaimana konten situs-situs tersebut akan ditampilkan, kami sering melakukannya dengan memikirkan situasi yang ideal. Judul dan area teks dibayangkan memiliki panjang tertentu, sedangkan gambar yang menyertai teks tersebut dirancang untuk ditampilkan dalam dimensi yang memungkinkan mereka untuk bekerja sebagaimana dimaksud dalam desain keseluruhan. Bahkan jika elemen-elemen ini agak cair sebagai bagian dari membangun situs web responsif (yang seharusnya), akan ada batasan seberapa fleksibelnya mereka.
Jika Anda menyebarkan situs web di CMS (sistem manajemen konten) dan memungkinkan klien untuk mengelola situs itu dan menambahkan konten baru dari waktu ke waktu, batas yang telah Anda rancang untuk benar-benar akan diuji. Percayalah pada kenyataan bahwa klien Anda akan menemukan cara untuk mengubah situs web yang tidak pernah Anda bayangkan akan mereka lakukan. Jika Anda belum memperhitungkan situasi yang jauh di luar situasi ideal yang Anda kerjakan dalam proses desain Anda, tata letak situs tersebut dapat berada dalam bahaya serius. Inilah sebabnya mengapa sangat penting bahwa Anda menekankan menguji semua konten situs web dan aspek tata letak situs sebelum meluncurkan situs tersebut. Berikut ini beberapa kiat tentang cara melakukannya.
Menguji Ukuran Gambar
Tanpa ragu, cara paling umum yang digunakan orang untuk merusak tata letak situs web mereka adalah dengan menambahkan gambar berukuran tidak sesuai (ini juga cara mereka berdampak negatif terhadap kinerja situs secara keseluruhan dan menyebabkan kecepatan pengunduhan lambat). Ini termasuk gambar yang terlalu besar, serta yang terlalu kecil untuk berfungsi sebagaimana dimaksud di situs web Anda.
Bahkan jika Anda menggunakan CSS untuk memaksa ukuran gambar-gambar ini dalam tata letak Anda, gambar yang sangat tidak sesuai dengan spesifikasi asli Anda untuk situs akan menimbulkan masalah. Jika dimensi suatu gambar salah, CSS Anda dapat memaksa gambar itu untuk ditampilkan menggunakan lebar dan tinggi yang sesuai, tetapi gambar itu sendiri dan rasio aspeknya dapat terdistorsi. Itu pasti akan memiliki efek negatif pada tampilan situs Anda sebagai gambar yang terlalu kecil akan "diledakkan" dan akan kehilangan kualitas. Sebuah gambar yang terlalu besar yang dibuat lebih kecil dengan CSS membuat terlihat baik dan mempertahankan kualitasnya, tetapi ukuran file bisa menjadi tidak masuk akal besar untuk bagaimana ia digunakan.
Saat menguji kerja situs web Anda, pastikan untuk menambahkan gambar yang berada di luar ruang lingkup yang dimaksudkan. Tambahkan CSS dan teknik gambar responsif yang mengatasi tantangan ini dengan mengubah ukuran gambar sesuai atau, dalam kasus rasio aspek yang salah, juga mempertimbangkan menggunakan sesuatu seperti properti klip CSS untuk memotong gambar sesuai kebutuhan.
Pengujian Media Lainnya
Selain gambar, uji juga media lain seperti video di situs Anda dan lihat bagaimana elemen-elemen itu akan muncul di tata letak Anda menggunakan nilai rasio dan rasio aspek yang berbeda. Sekali lagi, pertimbangkan sifat responsif situs Anda dan bagaimana itu akan berfungsi untuk perangkat dan ukuran layar yang berbeda .
Pengujian Judul Teks
Setelah gambar, area situs web berikutnya yang menyebabkan sebagian besar masalah dengan situs web langsung yang dikelola oleh profesional non-web adalah judul teks. Ini adalah baris teks pendek (yang seharusnya) yang sering memulai konten halaman atau bagian pada halaman itu. Teks di atas paragraf ini yang berbunyi "Pengujian Judul Teks" adalah contoh dari ini.
Jika Anda telah mendesain situs untuk mengakomodasi tajuk seperti ini:
“Menguji Judul Teks”
Tetapi klien Anda menggunakan CMS untuk menambahkan artikel dengan tajuk seperti ini:
“Menguji Judul Teks pada Berbagai Halaman Web Semua dengan Ukuran Berbagai Persyaratan dan Kebutuhan Pengguna”
Maka tata letak Anda mungkin tidak dapat mengakomodasi semua teks tambahan dengan bersih. Sama seperti Anda harus menekankan menguji gambar dan media Anda dengan menambahkan entri yang berada jauh di luar ukuran yang awalnya dirancang untuk Anda, jadi sebaiknya Anda melakukannya dengan judul teks untuk memastikan bahwa cukup fleksibel untuk secara efektif menampilkan bahkan garis ultra panjang seperti satu di atas.
Menguji Panjang Teks
Tinggal pada subjek teks, Anda juga akan ingin menguji panjang teks yang berbeda untuk konten utama pada halaman . Ini termasuk teks yang sangat, sangat panjang serta teks yang sangat, sangat pendek - yang sebenarnya bisa menjadi masalah yang membuat banyak layout halaman menjadi kacau.
Karena halaman web, secara alami, tumbuh dalam ukuran untuk mengakomodasi tinggi teks yang dikandungnya, halaman dengan banyak teks biasanya hanya akan mengukur tinggi sesuai kebutuhan. Kecuali Anda telah membatasi tinggi halaman (yang seharusnya tidak Anda lakukan jika Anda ingin halaman Anda menjadi fleksibel), maka teks tambahan seharusnya tidak menimbulkan masalah. Terlalu sedikit teks adalah masalah lain - dan itu adalah salah satu yang banyak desainer lupa untuk menguji dalam proses desain mereka.
Terlalu sedikit teks dapat membuat halaman terlihat tidak lengkap atau bahkan rusak, jadi pastikan untuk menskalakan konten laman Anda untuk melihat apa yang terjadi pada instance tersebut dan lakukan penyesuaian yang diperlukan pada CSS situs Anda untuk menangani situasi tersebut.
Menguji Zoom Halaman
Orang-orang dengan masalah penglihatan mungkin menggunakan fitur Page Zoom dari browser web untuk meningkatkan ukuran halaman web Anda. Jika seseorang memperbesar jumlah yang signifikan, tata letak Anda bisa rusak. Ini adalah salah satu alasan mengapa Anda mungkin ingin menggunakan EM sebagai unit pengukuran untuk ukuran font situs web Anda serta pertanyaan media Anda. Karena EM adalah unit pengukuran relatif (berdasarkan ukuran teks standar dari browser itu), mereka lebih kondusif terhadap tata letak situs web yang fleksibel dan fleksibel.
Uji situs web Anda untuk memperbesar halaman dan jangan hanya berhenti pada satu atau dua tingkat zoom. Zoom situs Anda ke atas dan ke bawah berbagai level untuk memastikan bahwa halaman Anda bereaksi sebagaimana dimaksud.
Jangan Lupakan Tentang Kecepatan dan Kinerja Unduhan
Ketika Anda menguji implikasi tata letak keputusan klien, jangan lupa untuk juga memperhatikan dampak dari keputusan tersebut terhadap kinerja situs. Gambar dan konten yang ditambahkan oleh klien tersebut dapat menghambat kecepatan unduhan situs dan secara serius menghancurkan kegunaan situs secara keseluruhan. Rencanakan dampak penambahan ini dan lakukan bagian Anda dalam proses pengembangan untuk meminimalkan efek ini.
Jika situs web Anda sedang dibangun dengan anggaran kinerja, bagikan informasi ini dengan klien Anda dan tunjukkan kepada mereka cara menguji halaman web untuk metrik kinerja. Jelaskan kepada mereka pentingnya mempertahankan ambang batas yang ditetapkan ini untuk ukuran halaman dan kecepatan unduh dan tunjukkan bagaimana penambahan yang mereka buat dapat berdampak pada situs secara keseluruhan. Luangkan waktu untuk melatih mereka bagaimana menjaga situs agar tetap berfungsi dan terlihat baik. Mengenai masalah pelatihan ...
Pelatihan Klien Sangat Penting
Penting untuk menekankan uji gambar, teks, dan elemen halaman situs lainnya dan untuk membuat gaya yang akan menjelaskan kejadian ekstrem, tetapi itu tidak pernah menjadi pengganti pelatihan klien. Pekerjaan Anda mencegah situs harus di samping waktu yang Anda habiskan untuk melatih klien Anda cara merawat dan mengelola situs mereka secara efektif. Pada akhirnya, klien yang terlatih baik yang memahami tanggung jawab mereka dan dampak dari keputusan yang mereka buat di situs akan sangat berharga bagi upaya Anda untuk menjaga situs itu tetap bekerja dan mencari yang terbaik.