Menguji imej dan panjang teks untuk memastikan tapak anda bertindak balas dengan sewajarnya
Apabila kami merancang laman web dan merancang bagaimana kandungan laman-laman tersebut akan dipaparkan, kami sering berbuat demikian dengan situasi yang ideal dalam fikiran. Judul tajuk dan teks dibayangkan mempunyai panjang tertentu, sementara imej yang mengiringi teks itu direka untuk dipaparkan dalam dimensi yang akan membolehkan mereka berfungsi seperti yang dimaksudkan dalam reka bentuk keseluruhan. Walaupun elemen-elemen ini agak cair sebagai sebahagian daripada laman web yang responsif membina (yang sepatutnya), akan ada batasan bagaimana fleksibelnya.
Sekiranya anda menggunakan laman web di CMS (sistem pengurusan kandungan) dan membolehkan pelanggan menguruskan laman web tersebut dan menambah kandungan baru dari masa ke masa, had yang anda telah direka untuk benar-benar akan diuji. Percayalah bahawa pelanggan anda akan mencari cara untuk mengubah laman web yang anda tidak pernah impikan yang akan mereka lakukan. Jika anda tidak mengambil kira keadaan dengan baik di luar yang ideal yang anda bekerjasama dalam proses reka bentuk anda, susun atur laman web itu mungkin berada dalam bahaya yang serius. Inilah sebabnya mengapa sangat penting bahawa anda menekankan menguji semua kandungan laman web dan aspek susun atur laman web sebelum melancarkan laman web tersebut. Berikut adalah beberapa tip untuk bagaimana anda boleh melakukan ini.
Menguji Saiz Imej
Tanpa ragu-ragu, cara yang paling biasa orang memecahkan susun atur laman web mereka adalah dengan menambahkan imej bersaiz tidak sesuai (ini juga adalah cara mereka memberi kesan negatif terhadap prestasi keseluruhan laman web dan menyebabkan kelajuan muat turun yang perlahan). Ini termasuk imej yang terlalu besar, serta yang terlalu kecil untuk berfungsi seperti yang dimaksudkan di laman web anda.
Walaupun anda menggunakan CSS untuk memaksa saiz imej-imej ini dalam susun atur anda, imej-imej yang secara luar biasa dengan spesifikasi asal anda untuk laman web ini akan menimbulkan masalah. Jika dimensi imej tidak betul, CSS anda boleh memaksa imej itu dipaparkan dengan menggunakan lebar dan ketinggian yang sesuai, tetapi imej itu sendiri dan nisbah aspeknya boleh diputarbelitkan. Itu pasti akan memberi kesan negatif pada rupa laman web anda sebagai imej yang terlalu kecil akan "ditiup" dan akan kehilangan kualiti. Satu imej yang terlalu besar yang dibuat lebih kecil dengan CSS membuat kelihatan baik dan mengekalkan kualitinya, tetapi saiz failnya tidak besar untuk digunakan.
Semasa menguji kerja tapak web anda, pastikan anda menambah imej yang berada di luar skop yang anda inginkan. Tambah dalam CSS dan teknik imej responsif yang menangani cabaran ini dengan mengubah saiz imej mengikut atau, dalam hal nisbah aspek yang tidak betul, juga mempertimbangkan menggunakan sesuatu seperti ciri klip CSS untuk memajukan imej seperti yang diperlukan.
Menguji Media Lain
Di samping imej, juga menguji media lain seperti video di laman web anda dan melihat bagaimana unsur-unsur tersebut akan muncul dalam susun atur anda menggunakan nilai nisbah saiz dan aspek yang berbeza. Sekali lagi, pertimbangkan sifat responsif tapak anda dan bagaimana ia berfungsi untuk peranti dan saiz skrin yang berbeza .
Ujian Teks Teks
Selepas imej, kawasan laman web yang seterusnya yang menyebabkan masalah dengan laman web langsung yang diuruskan oleh profesional bukan web adalah tajuk teks. Ini adalah baris pendek teks (yang sepatutnya) yang sering akan memulakan kandungan halaman atau bahagian pada halaman itu. Teks di atas ayat ini yang membaca "Ujian Teks Tajuk" adalah contoh ini.
Jika anda telah merancang tapak untuk menampung tajuk seperti ini:
"Menguji Tajuk Teks"
Tetapi pelanggan anda menggunakan CMS untuk menambah artikel dengan tajuk seperti ini:
"Menguji Tajuk Teks pada Pelbagai Laman Web Semua dengan Keperluan Saiz dan Keperluan Pengguna yang Berbeza"
Kemudian susun atur anda mungkin tidak dapat menyesuaikan dengan sepenuhnya semua teks tambahan itu. Sama seperti anda harus menguji tekanan imej dan media anda dengan menambah entri yang jatuh dengan baik di luar saiz yang anda buat pada mulanya, jadi anda harus melakukannya dengan tajuk teks untuk memastikan bahawa cukup fleksibel untuk memaparkan walaupun garis ultra-panjang seperti satu di atas.
Panjang Teks Ujian
Menginap pada subjek teks, anda juga ingin menguji panjang teks yang berbeza untuk kandungan utama di halaman . Ini termasuk teks yang sangat, sangat panjang serta teks yang sangat pendek - yang sebenarnya boleh menjadi isu yang membuat banyak susun atur halaman.
Kerana laman web, secara semula jadi, berkembang dalam saiz untuk menampung ketinggian teks yang mereka isi, halaman dengan banyak teks biasanya akan hanya skala tinggi sebagaimana diperlukan. Kecuali anda telah menghadkan ketinggian halaman (yang tidak boleh anda lakukan jika anda ingin halaman anda menjadi fleksibel), maka teks tambahan tidak seharusnya menimbulkan masalah. Teks yang terlalu kecil adalah isu lain - dan ia adalah salah satu yang banyak pereka lupa untuk menguji dalam proses reka bentuk mereka.
Teks yang terlalu kecil boleh membuat halaman kelihatan tidak lengkap atau pun dipecahkan, jadi pastikan untuk memaksimumkan kandungan halaman anda untuk melihat apa yang berlaku dalam keadaan itu dan membuat penyesuaian yang diperlukan pada CSS tapak anda untuk menangani situasi tersebut.
Menguji Zum Halaman
Orang yang mempunyai masalah penglihatan mungkin menggunakan ciri Page Zoom pelayar web untuk meningkatkan saiz halaman web anda. Sekiranya seseorang menzalimi jumlah yang besar, susun atur anda boleh dimatikan. Ini adalah salah satu sebab mengapa anda mungkin mahu menggunakan EM sebagai unit pengukuran untuk saiz fon laman web anda serta pertanyaan media anda. Kerana EMs adalah unit pengukuran relatif (berdasarkan saiz teks lalai pelayar), mereka lebih kondusif untuk susun atur laman web yang cair, fleksibel.
Uji tapak web anda untuk zum halaman dan jangan hanya berhenti di satu atau dua tahap zum. Zum tapak anda ke atas dan ke bawah pelbagai peringkat untuk memastikan bahawa halaman anda bertindak balas seperti yang dimaksudkan.
Jangan Lupakan Mengenai Kelajuan dan Prestasi Muat Turun
Semasa anda menguji implikasi susun atur keputusan klien, jangan lupa untuk juga memberi perhatian kepada kesan bahawa keputusan tersebut mempunyai prestasi tapak. Imej dan kandungan yang ditambahkan oleh pelanggan itu dapat menghalang kelajuan muat turun tapak dan serius memusnahkan kebolehgunaan keseluruhan tapak. Merancang kesan tambahan ini dan lakukan bahagian anda dalam proses pembangunan untuk meminimumkan kesan ini.
Jika tapak web anda sedang dibina dengan anggaran prestasi, bagikan maklumat ini dengan klien anda dan tunjukkan kepada mereka bagaimana untuk menguji laman web untuk metrik prestasi. Terangkan kepada mereka betapa pentingnya mengekalkan ambang ini yang ditetapkan untuk saiz halaman dan kelajuan muat turun dan tunjukkan kepada mereka bagaimana penambahan yang mereka buat dapat memberi kesan kepada tapak secara keseluruhan. Luangkan masa untuk melatih mereka bagaimana untuk memastikan tapak berfungsi dan kelihatan dengan baik. Mengenai subjek latihan ...
Latihan Pelanggan adalah penting
Adalah penting untuk tekanan menguji imej, teks dan elemen laman web anda dan mencipta gaya yang akan menyumbang kepada keadaan yang melampau, tetapi itu bukan pengganti untuk latihan pelanggan. Kerja peluncuran tapak anda sepatutnya sebagai tambahan kepada masa yang anda habiskan untuk melatih klien anda bagaimana untuk menjaga dan mengurus laman web mereka dengan berkesan. Akhirnya, pelanggan yang terlatih yang memahami tanggungjawab mereka dan impak keputusan yang mereka buat di laman web akan sangat tidak ternilai dengan usaha anda untuk memastikan laman web itu bekerja dan mencari yang terbaik.