Kandungan
- Menonton Avatar dalam warna hitam dan putih
- Kos peretasan tersembunyi
- Contoh yang berjaya
- Mentakrifkan semula kerja
- Sedikit bacaan ringan
Apabila laman web dilepaskan ke alam liar, masih banyak yang perlu bertahan. Landskap penyemak imbas lama yang tenang (segelintir aplikasi desktop) telah diubah menjadi hutan yang sebenarnya di mana peranti mudah alih, tablet dan bahkan kotak permainan mengintai mangsa mereka.
Akibatnya, cabaran untuk menjadikan laman web berfungsi dengan baik di setiap penyemak imbas di mana ia dapat dilihat menjadi lebih sukar. Kunci untuk memastikan bahawa cabaran ini tidak membiarkan pereka web mencabut rambut mereka adalah menentukan apa yang kita maksudkan dengan "bekerja dengan baik".
Menonton Avatar dalam warna hitam dan putih
Mari mulakan dengan memikirkan laman web sebagai program TV dan penyemak imbas sebagai set TV. Tidak ada yang menyangka menonton Avatar di TV CRT hitam-putih lama mempunyai kesan visual yang sama seperti menontonnya di skrin pawagam IMAX yang penuh dengan 3D stereoskopik.
Tapi gila sepertinya, inilah yang sering berlaku dengan laman web. Apabila pelanggan mengatakan, "Laman web ini perlu berfungsi di IE6," ini biasanya dapat diterjemahkan sebagai makna bahawa semua komponen 'HD' yang indah seperti sudut bulat, kecerunan kompleks, bayangan teks dan gambar telus berlapis perlu dibuat semula dengan susah payah untuk pengguna IE6.
Sudah tentu, terdapat banyak tambalan dan pembaikan yang membolehkan pereka web mereplikasi komponen HD ini agar penyemak imbas tidak dapat menyokongnya secara semula jadi. Sudut bulat dan bayangan jatuh? Tiada masalah! Cukup gunakan hack yang mengeksploitasi VML. Inginkan fon web anda bebas dari bahaya rendering Windows? Tidak risau! Hanya gunakan sIFR.
Kos peretasan tersembunyi
Ini semua kelihatan sangat menggoda: peretasan seperti ini didokumentasikan dengan baik dan mudah dilaksanakan. Walau bagaimanapun, semuanya berharga. Masalah berpotensi yang mungkin timbul dari penggunaan teknologi tersebut termasuk peningkatan dramatik pada waktu muat halaman, atau bergantung pada teknologi pihak ketiga seperti Flash. Ini dapat menjadikan laman web anda kurang responsif, lebih lambat memuat dan membuat pengguna kecewa - tanpa mengira penyemak imbas apa yang mereka pilih untuk digunakan.
Oleh itu, ini bermaksud kita boleh mempunyai penampilan yang perlahan tetapi cantik, atau cepat dan kusam? Ringkasnya, tidak. Sekiranya kita memahami apa tujuan laman web (dan secara meluas, apa yang perlu dicapai oleh penggunanya), kita dapat memastikan laman web itu adalah pengalaman hebat bagi mereka semua.
Contoh yang berjaya
Mari kita bayangkan bahawa kita membuat laman web untuk menjual baju. Beberapa matlamat utama adalah untuk:
- Wakili penampilan dan kesesuaian setiap baju seakurat mungkin.
- Jadikan pengalaman membeli baju sederhana, selamat dan selamat.
- Pastikan pengalaman pengguna yang lancar dan menyeronokkan.
- Pastikan setiap jenama baju ditunjukkan dengan baik, dan terasa boleh dipercayai.
Sekarang mari kita bayangkan bahawa kita telah membuat satu set visual Photoshop yang indah yang kita siap tunjukkan kepada klien. Dalam ini, kami mempunyai fon khusus, sudut bulat, bayangan teks, bayangan drop, butang bentuk khusus, topi drop dan ligatur.
Visual ini memenuhi titik 1 dan 4, dan pelanggan menyukainya. Kami sudah bersedia untuk membina. Tetapi bagaimana kita meniru semua kesan kaya itu, sekarang kita telah berjanji kepada pelanggan - setelah mendapati bahawa 20 peratus pangkalan pengguna mereka masih menggunakan IE6 dan 7 - bahawa laman web akan berfungsi di penyemak imbas yang lebih lama?
Mentakrifkan semula kerja
Kunci di sini adalah untuk menentukan apa maksud 'kerja'. Yang tidak boleh dimaksudkan ialah setiap butiran kecil reka bentuk dibuat semula dalam setiap penyemak imbas. Sebaliknya, ini bermaksud bahawa pengguna penyemak imbas mana pun harus dapat menggunakan laman web seperti yang ditentukan oleh empat tujuan yang kami tetapkan sebelumnya.
Dengan fokus kita beralih, kita dapat menentukan frasa 'akan berfungsi di penyemak imbas yang lebih lama' dengan lebih tepat:
"Kami telah membincangkan dengan pelanggan apa unsur-unsur jenama utama dan mengenal pasti bahawa logo dan jenis huruf tersuai adalah kunci, dan oleh itu perlu dipaparkan dengan tepat pada setiap penyemak imbas. Walau bagaimanapun, kecerunan cahaya matahari tidak akan muncul di semua penyemak imbas kerana kami mahu membuatnya dalam CSS3 untuk memastikan bahawa kami tidak memperlahankan keadaan dengan terlalu banyak gambar. Sebaliknya, pengguna pada penyemak imbas lama akan melihat warna yang rata. "
Penyelesaian ini bermaksud laman web masih mencapai matlamatnya sambil memastikan bahawa ia mewakili jenama pelanggan dengan cara yang terbaik. Ini adalah senario yang sesuai. Walau bagaimanapun, banyak pelanggan merasa konsep ini sukar dilihat. Untuk memulakan dengan kaki kanan, anda boleh menunjukkan salah satu halaman utama yang diperolok-olokkan untuk penyemak imbas lama dan baru. Ini akan membantu pelanggan menyedari bahawa reka bentuk tidak 'direndahkan' untuk penyemak imbas yang lebih tua, tetapi disesuaikan dengan kemampuannya.
Dengan membawa pelanggan kembali kepada apa yang perlu dicapai oleh laman web mereka, tumpuan mereka dapat diarahkan ke soalan-soalan asas. Jika tidak, mudah bagi mereka untuk fokus pada visual yang berkembang yang tidak memberi kesan kepada perwakilan dalam talian jenama mereka.
Bukan sekadar membuat reka bentuk anda untuk penyemak imbas yang lebih lama piksel demi piksel boleh menjadi pergeseran yang tidak selesa, tetapi saya yakin pelanggan anda akan mengucapkan terima kasih pada akhirnya - terutamanya setelah mereka melihat maklum balas dari pengguna mereka.
Sedikit bacaan ringan
Terdapat banyak jiwa yang berani menempuh cita-cita ini. Buku Andy Clarke Reka Bentuk Web Keras adalah bacaan yang hebat. Kami di Tangent Snowball juga telah membuat risalah pendek untuk pelanggan kami yang diilhamkan oleh Paul Boag's Where Are My Rounded Corners?
