Hover telah digunakan di laman web selama bertahun-tahun sebagai cara untuk memberikan coretan maklumat kepada pelawat tanpa memicu tindakan. Dengan telefon pintar dan tablet secara beransur-ansur mengambil alih internet, kami perlu memberi mereka perhatian yang lebih tinggi apabila mereka bentuk laman web. Sebagai skrin sentuh tidak boleh mengendalikan hover, kita perlu melihat alternatif untuk kesan hover. Jika anda menyediakan laman web anda sendiri atau tidak mempunyai sumber daya untuk menggunakan pereka web profesional, tutorial ini adalah untuk anda.
Anda boleh menguruskan kesan hover dengan skrin sentuh tetapi ia boleh menjadi sedikit janggal. Anda mungkin lebih baik mereka bentuk semuanya dan menggunakan sesuatu yang lain sepenuhnya. Sekiranya anda menggunakannya di tapak desktop anda, anda biasanya mempunyai tiga alternatif untuk melayang di laman web mudah alih:
- Keluarkan semuanya dan gantikannya dengan tindakan utama.
- Tambah menu sekunder di mana anda boleh tekan sekali untuk kesan hover dan sekali lagi untuk tindakan utama.
- Letakkan maklumat hover pada halamannya sendiri.
Semua akan berfungsi dengan baik pada skrin sentuh dan desktop tetapi akan memerlukan beberapa tweak reka bentuk untuk dilaksanakan dalam reka bentuk yang sedia ada. Anda boleh bekerjasama dengan JavaScript atau kod jQuery yang pintar juga jika anda mempunyai kemahiran tetapi jika anda mencuba untuk memikirkannya sendiri, anda mungkin lebih baik menggunakan alternatif reka bentuk daripada kod. Jika anda ingin meneroka alternatif kod untuk kesan hover, lawati halaman ini.
Keluarkan kesan hover dari reka bentuk anda
Kecuali anda boleh menggunakan pereka web bebas untuk membantu anda, anda mungkin lebih baik menghapuskan kesan hover sama sekali. Pasti mereka kelihatan kemas dan boleh menawarkan maklumat tambahan yang berguna tetapi selalu ada cara lain untuk mencapai kesan yang sama.
Anda boleh mengekalkan tindakan menu sebagai tindakan utama dan menyertakan maklumat tambahan di tempat lain pada halaman. Anda boleh menggunakan kotak pelarian, popup, meningkatkan kandungan deskriptor untuk titik yang anda cuba buat atau sesuatu yang lain. Jika anda tidak mempunyai kemahiran untuk melaksanakan jQuery, ini mungkin merupakan pilihan yang paling mudah.
Tambah menu sekunder
Menu menengah termasuk ketuk pertama yang akan mensimulasikan kesan hover. Anda boleh memasukkan maklumat dalam menu dan tunjukkan menu kedua dalam elemen yang sama. Menu kedua bertindak sebagai pemilihan sebenar kerana ia akan berlaku pada desktop. Akhbar pertama mensimulasikan tetikus tetikus dan akhbar kedua mensimulasikan pengguna mengambil tindakan utama.
Ini adalah alternatif yang lebih baik untuk kesan hover tetapi dikekang oleh saiz skrin dan menghadkan jumlah maklumat yang boleh anda tambah untuk kesan anda. Kesan berlegar dihadkan oleh sifat mereka tetapi lebih terhad pada mudah alih oleh skrin hartanah yang anda berurusan dengan. Sekiranya anda benar-benar ingin memasukkan data tambahan dengan cara yang tidak standard, ini mungkin.
Letakkan maklumat hover pada halamannya sendiri
Mungkin pilihan yang lebih mudah adalah menyertakan maklumat hover dalam halamannya sendiri dengan pautan teks. Ini memudahkan menu anda dan terus navigasi terus. Hiperpautan berfungsi di seluruh peranti dan anda mendapat halaman tambahan untuk saiz halaman dan SEO. Kelemahan adalah bahawa anda perlu menambah kandungan tambahan dengan sekurang-kurangnya 300 perkataan atau lebih untuk membuatnya berfungsi.
Selagi anda boleh menyampaikan maklumat dengan berhati-hati supaya ia membaca dengan baik dan menambah nilai kepada pembaca, saya sendiri berfikir ini adalah alternatif terbaik. Memutuskan di mana untuk meletakkan pautan ke data tambahan terpulang kepada anda dan bergantung kepada reka bentuk anda tetapi halaman tambahan memberikan anda peluang tambahan untuk menambah panggilan ke tindakan, untuk menambah nombor telefon anda, alamat e-mel dan apa-apa maklumat tambahan yang boleh digunakan untuk membuat jualan.
Menginap dengan berlegar
Jika anda ingin menggunakan beberapa jenis kesan hover di laman web utama anda, anda perlu mengerjakannya ke tapak mudah alih anda, atau versi mudah alih sekurang-kurangnya. Terdapat alternatif menu bertukar atau penyelesaian JavaScript tetapi mereka memerlukan seorang pakar untuk melaksanakannya. Halaman ini membincangkan alternatif anda sekiranya anda ingin meneroka lebih lanjut.
Salah satu perangkap yang paling mudah untuk jatuh ketika anda memulakan sendiri atau membina laman web pertama anda merancang untuk diri sendiri dan bukan penonton anda. Anda pastinya harus merancang sesuatu yang anda suka, tetapi apabila mempertimbangkan kebolehgunaan, anda harus memberi keutamaan kepada penonton. Anda juga perlu mengambil kira peranti yang akan mereka gunakan dan cara mereka cenderung untuk melibatkan diri dengan laman web anda.
Jika penonton anda masih muda, mereka akan menggunakan mudah alih. Jika mereka menggunakan mudah alih, kesan hover dan pilihan reka bentuk lain seperti itu bukan pilihan terbaik anda.
