Ang hover ay ginamit sa mga website nang maraming taon bilang isang paraan upang magbigay ng isang snippet ng impormasyon sa mga bisita nang hindi nag-trigger ng isang aksyon. Sa mga smartphone at tablet na unti-unting kumukuha sa internet, kailangan nating bigyan sila ng mas maraming pansin kapag nagdidisenyo ng isang website. Tulad ng hindi mahawakan ng mga touchscreens ang hover, kailangan nating tingnan ang mga kahalili upang mag-hover effects. Kung nagtatakda ka ng iyong sariling website o walang mga mapagkukunan upang gumamit ng isang propesyonal na web designer, ang tutorial na ito ay para sa iyo.
Maaari mong pamahalaan ang mga epekto ng hover na may mga touchscreens ngunit maaari itong maging isang medyo awkward. Maaari kang maging mas mahusay na pagdidisenyo ng mga ito nang buo at gamit ang iba pa. Kung nakatakda kang gamitin ang mga ito sa iyong desktop site, sa pangkalahatan ay mayroon kang tatlong mga kahalili upang mag-hover ng mga epekto sa mga mobile website:
- Alisin ang mga ito nang lubusan at palitan ang mga ito sa pangunahing pagkilos.
- Magdagdag ng pangalawang menu kung saan maaari mong i-tap ang isang beses para sa epekto ng hover at isang beses pa para sa pangunahing pagkilos.
- Ilagay ang impormasyon ng hover sa sarili nitong pahina.
Lahat ay gagana nang maayos sa mga touchscreens at desktop ngunit kakailanganin ang ilang mga disenyo ng tweak upang maipatupad sa loob ng isang umiiral na disenyo. Maaari kang magtrabaho sa paligid nito gamit ang JavaScript o matalino jQuery code din kung mayroon kang mga kasanayan ngunit kung sinusubukan mong malaman ang lahat ng iyong sarili, maaari kang maging mas mahusay na gumamit ng mga kahaliling disenyo kaysa sa code. Kung nais mong tuklasin ang mga alternatibong code para sa mga epekto ng hover, bisitahin ang pahinang ito.
Alisin ang mga epekto ng hover mula sa iyong disenyo
Maliban kung maaari kang gumamit ng isang freelance na taga-disenyo ng web upang matulungan ka, maaari mong mas mahusay na maalis ang lahat ng mga epekto ng hover. Sure na mukhang malinis sila at maaaring mag-alok ng kapaki-pakinabang na pandagdag na impormasyon ngunit palaging may iba pang mga paraan upang makamit ang parehong epekto.
Maaari mong mapanatili ang pagkilos sa menu bilang pangunahing aksyon at isama ang pandagdag na impormasyon sa ibang lugar sa pahina. Maaari mong gamitin ang mga kahon ng breakout, popup, dagdagan ang nilalaman ng descriptor para sa puntong sinusubukan mong gawin o iba pa. Kung wala kang mga kasanayan upang maipatupad ang jQuery, marahil ito ang pinakasimpleng pagpipilian.
Magdagdag ng isang pangalawang menu
Kasama sa pangalawang menu ang unang gripo na mag-gayahin ng isang hover effect. Maaari mong isama ang impormasyon sa loob ng menu at magpakita ng pangalawang menu sa loob ng parehong elemento. Ang pangalawang menu ay kumikilos bilang aktwal na pagpili tulad ng mangyayari sa isang desktop. Ang unang pindutin ay nagpapasimulyo sa hover ng isang mouse at ang pangalawang pindutin ang nagpapasimulka sa gumagamit na kumukuha ng pangunahing pagkilos.
Ito ay isang maayos na alternatibo sa mga epekto ng hover ngunit pinipigilan ng laki ng screen at nililimitahan ang dami ng impormasyon na maaari mong idagdag sa iyong epekto. Ang mga hover effects ay limitado sa pamamagitan ng kanilang likas na katangian ngunit mas limitado sa mobile sa pamamagitan ng real estate ng screen na iyong kinakaharap. Kung nais mong isama ang pandagdag na data sa isang hindi pamantayang paraan, maaaring ito.
Ilagay ang impormasyon ng hover sa sarili nitong pahina
Marahil isang mas madaling pagpipilian ay isama ang hover information sa loob ng sarili nitong pahina na may isang link sa teksto. Pinapadali nito ang iyong menu at pinapanatili ang direktang pag-navigate. Gumagana ang Hyperlinking sa buong mga aparato at nakakakuha ka ng dagdag na pahina para sa laki ng site at SEO. Ang downside ay kailangan mong dagdagan ang karagdagan na nilalaman sa pamamagitan ng hindi bababa sa 300 mga salita o kaya upang gawin itong gumana.
Hangga't maaari mong i-pad nang mabuti ang impormasyon upang maingat na magbasa at magdagdag ng halaga sa mambabasa, personal kong iniisip na ito ang pinakamahusay na kahalili. Ang pagpapasya kung saan ilalagay ang mga link na iyon sa karagdagan na data ay nakasalalay sa iyo at nakasalalay sa iyong disenyo ngunit ang mga dagdag na pahina ay nagbibigay sa iyo ng isang karagdagang pagkakataon upang magdagdag ng mga tawag sa pagkilos, upang idagdag ang iyong numero ng telepono, email address at anumang dagdag na impormasyon na maaaring magamit upang makagawa ng isang benta.
Manatili sa hover
Kung nais mong gumamit ng ilang uri ng epekto ng hover sa iyong pangunahing website, kakailanganin mong gumana ito sa iyong mobile site, o ng mobile na bersyon kahit papaano. Mayroong mga alternatibong menu ng pagpipilian o mga solusyon sa JavaScript ngunit mangangailangan sila ng isang dalubhasa upang maipatupad. Talakayin ng pahinang ito ang iyong mga kahalili kung nais mong galugarin pa ang mga ito.
Ang isa sa mga pinakamadaling traps na mahulog kapag nagsisimula ka sa iyong sarili o pagbuo ng iyong unang website ay ang pagdidisenyo para sa iyong sarili at hindi ang iyong tagapakinig. Tiyak na kailangan mong magdisenyo ng isang bagay na gusto mo, ngunit kapag isinasaalang-alang ang kakayahang magamit kailangan mong unahin ang madla. Kailangan mo ring isaalang-alang ang mga aparato na gagamitin nila at ang paraan na mas malamang nilang makisali sa iyong website.
Kung bata pa ang iyong tagapakinig, gagamitin nila ang mobile. Kung gumagamit sila ng mobile, hover effects at iba pang mga pagpipilian sa disenyo tulad nito ay hindi ang iyong pinakamahusay na pagpipilian.
