Hover jau vairākus gadus tiek izmantots vietnēs kā veids, kā sniegt informācijas fragmentu apmeklētājiem, neuzsākot darbību. Tā kā viedtālruņi un planšetdatori pakāpeniski pārņem internetu, mums, izstrādājot vietni, viņiem jāpievērš pastiprināta uzmanība. Tā kā skārienekrāni nevar tikt galā ar lidināšanos, mums jāmeklē alternatīvas rādītājiem. Ja veidojat savu vietni vai jums nav resursu, lai nodarbinātu profesionālu tīmekļa dizaineru, šī apmācība ir paredzēta jums.
Jūs varat pārvaldīt lidināmā efektus, izmantojot skārienekrānus, taču tas var būt nedaudz neērti. Jums varētu būt labāk tos vispār izveidot un pilnībā izmantot kaut ko citu. Ja esat izvēlējies tos izmantot darbvirsmas vietnē, jums parasti ir trīs alternatīvas, lai novirzītu efektu uz mobilajām vietnēm:
- Noņemiet tos pilnībā un nomainiet tos ar galveno darbību.
- Pievienojiet sekundāro izvēlni, kurā vai nu vienu reizi pieskarieties, lai sasniegtu kursoru, bet vēlreiz - primāro darbību.
- Ievietojiet kursora informāciju savā lapā.
Visi labi darbosies ar skārienekrāniem un galddatoriem, taču, lai ieviestu tos esošā dizainā, būs nepieciešami daži dizaina uzlabojumi. Varat arī to novērst, izmantojot JavaScript vai gudru jQuery kodu, ja jums ir prasmes, taču, ja jūs mēģināt visu izdomāt pats, iespējams, labāk izmantosit dizaina alternatīvas nekā kodu. Ja vēlaties izpētīt koda alternatīvas hover efektiem, apmeklējiet šo lapu.
Noņemiet lidmašīnas efektus no sava dizaina
Ja vien jūs nenodarbināt ārštata tīmekļa dizaineru, kurš jums palīdzēs, iespējams, labāk noņemt kursorierīces. Protams, tie izskatās glīti un var piedāvāt noderīgu papildinformāciju, taču vienmēr ir arī citi veidi, kā sasniegt tādu pašu efektu.
Izvēlnes darbību jūs varētu saglabāt kā galveno darbību un iekļaut papildinformāciju citur lapā. Jūs varētu izmantot izlaušanās rūtiņas, uznirstošos logus, palielināt deskriptora saturu punktam, kuru mēģināt izveidot, vai kaut ko citu. Ja jums nav iemaņu, lai ieviestu jQuery, tas, iespējams, ir visvienkāršākais variants.
Pievienojiet sekundāro izvēlni
Sekundārajā izvēlnē ir pirmais pieskāriens, kas simulē lidināmā efektu. Jūs varētu iekļaut informāciju izvēlnē un tajā pašā elementā parādīt otru izvēlni. Šī otrā izvēlne darbojas kā faktiskā atlase, kā tas notiktu uz darbvirsmas. Pirmais nospiešana simulē peles kursoru un otrais nospiedums simulē lietotāju, kurš veic primāro darbību.
Šī ir glīta alternatīva kursoriefektiem, taču to ierobežo ekrāna izmērs un tas ierobežo informācijas daudzumu, ko varat pievienot efektam. Hover efektus ierobežo to raksturs, bet mobilajām ierīcēm tie ir ierobežotāki ar jūsu ekrānā redzamo nekustamo īpašumu. Ja jūs patiešām vēlaties iekļaut papildu datus nestandarta veidā, tas varētu būt tas.
Ievietojiet kursora informāciju savā lapā
Varbūt vienkāršāks risinājums būtu iekļaut lidmašīnas rādītāju savā lapā ar teksta saiti. Tas vienkāršo jūsu izvēlni un padara navigāciju vienkāršu. Hipersaite darbojas dažādās ierīcēs, un jūs saņemat papildu lapu vietnes lielumam un SEO. Negatīvie ir tas, ka, lai tas darbotos, jums būs jāpalielina papildu saturs vismaz par 300 vārdiem.
Kamēr jūs varat pietiekami rūpīgi salocīt informāciju, lai tā labi lasītu un pievienotu vērtību lasītājam, es personīgi domāju, ka šī ir labākā alternatīva. Jums ir jāizlemj, kur novietot šīs saites uz papildinformāciju, un tas būs atkarīgs no jūsu dizaina, bet papildu lapas dod jums papildu iespēju pievienot aicinājumus uz darbību, pievienot savu tālruņa numuru, e-pasta adresi un jebkādu papildu informāciju, ko varētu izmantot veikt pārdošanu.
Uzturēšanās ar lidināšanos
Ja vēlaties savā galvenajā vietnē izmantot sava veida hover efektu, jums tas būs jāiestrādā mobilajā vietnē vai vismaz mobilajā versijā. Ir pārslēdzamās izvēlnes alternatīvas vai JavaScript risinājumi, taču to ieviešanai būs nepieciešams eksperts. Šajā lapā ir apskatītas jūsu alternatīvas, ja vēlaties tās izpētīt sīkāk.
Viens no vienkāršākajiem slazdiem, kas var nonākt, kad jūs pats sākat darbu vai veidojat savu pirmo vietni, ir projektēšana sev, nevis auditorijai. Jums noteikti ir jāizstrādā kaut kas, kas jums patīk, bet, apsverot lietojamību, jums prioritāte jāpiešķir auditorijai. Jums jāņem vērā arī ierīces, kuras viņi izmantos, un veids, kādā viņi, visticamāk, vislabāk sadarbojas ar jūsu vietni.
Ja jūsu auditorija ir jauna, viņi izmantos mobilo tālruni. Ja viņi izmanto mobilo ierīci, lidināmā efekti un citas līdzīgas dizaina iespējas nav jūsu labākais risinājums.
