Hover ha estat utilitzat des de fa anys en els llocs web com a forma de proporcionar un fragment d’informació als visitants sense activar cap acció. A mesura que els telèfons intel·ligents i tauletes es van apoderant gradualment d’internet, hem de donar-los una atenció més gran en el disseny d’un lloc web. Com que les pantalles tàctils no poden manejar el desplaçament, hem de buscar alternatives per als efectes de desplaçament. Si creeu el vostre propi lloc web o no disposeu dels recursos per emprar un dissenyador web professional, aquest tutorial és per a vosaltres.
Podeu gestionar els efectes del cursor amb pantalles tàctils, però pot ser una mica difícil. És possible que millor dissenyar-los i utilitzar una altra cosa completament. Si voleu utilitzar-les al vostre lloc d’escriptori, generalment teniu tres alternatives per fer efectes de seguretat als llocs web mòbils:
- Elimineu-los del tot i substituïu-los per l’acció primària.
- Afegiu un menú secundari on podeu punxar una vegada per l’efecte del cursor i una altra vegada per l’acció primària.
- Col·loca la informació del cursor a la seva pròpia pàgina.
Tots funcionaran bé a les pantalles tàctils i als ordinadors de sobretaula, però requereixen alguns retocs de disseny per implementar-los dins d’un disseny existent. Podeu treballar-lo amb JavaScript o amb un codi jQuery intel·ligent si teniu habilitats, però si esteu intentant comprendre-ho tot, podeu utilitzar millor alternatives de disseny que el codi. Si voleu explorar alternatives de codi per als efectes de navegació, visiteu aquesta pàgina.
Elimineu els efectes del cursor del vostre disseny
A no ser que pugueu utilitzar un dissenyador de webs independents per ajudar-vos, podreu deixar millor els efectes del cursor. Segur que semblen nets i poden oferir informació complementària útil, però sempre hi ha altres maneres d’aconseguir el mateix efecte.
Podeu conservar l’acció del menú com a acció principal i incloure la informació addicional en un altre lloc de la pàgina. Podeu utilitzar caixes de separació, finestres emergents, augmentar el contingut del descriptor per al punt que esteu intentant fer o una altra cosa. Si no teniu habilitats per implementar jQuery, aquesta és probablement l’opció més senzilla.
Afegiu un menú secundari
Un menú secundari inclou el primer toc que simula un efecte de cursor. Podeu incloure la informació al menú i mostrar un segon menú dins del mateix element. Aquest segon menú actua com a selecció real com ocorreria en un escriptori. La primera premsa simula el pas del ratolí i la segona premsa simula l'usuari que realitza l'acció primària.
Aquesta és una alternativa perfecta als efectes de desplaçament, però està restringida per la mida de la pantalla i limita la quantitat d’informació que podeu afegir al vostre efecte. Els efectes que es desplacen són limitats per la seva naturalesa, però es limiten al mòbil per la propietat immobiliària de la pantalla que tracteu. Si realment voleu incloure dades addicionals de manera no normal, podria ser-ho.
Col·loca la informació del cursor a la seva pròpia pàgina
Potser una opció més fàcil seria incloure la informació del cursor dins de la seva pròpia pàgina amb un enllaç de text. Això simplifica el vostre menú i manté la navegació directa. Hiperenllaç funciona en dispositius i obteniu una pàgina addicional per a la mida del lloc i el SEO. L’inconvenient és que hauràs d’augmentar el contingut suplementari en almenys 300 paraules més o menys per fer-lo funcionar.
Sempre que pugueu emplenar la informació amb molta cura perquè pugui llegir-la i aportar valor al lector, personalment crec que aquesta és la millor alternativa. Decidiu on posar els enllaços a les dades addicionals depèn del vostre disseny i dependrà del vostre disseny, però les pàgines addicionals us ofereixen una oportunitat addicional per afegir trucades a l’acció, afegir el vostre número de telèfon, adreça de correu electrònic i qualsevol informació addicional que es pugui utilitzar. fer una venda.
Mantenir-se al pas
Si voleu utilitzar algun tipus d’efecte sobre el vostre lloc web principal, haureu d’introduir-lo al vostre lloc mòbil o, com a mínim, a la versió per a mòbils. Hi ha alternatives de menú o solucions JavaScript que requereixen un expert per implementar-les. En aquesta pàgina es discuteixen les vostres alternatives si voleu explorar-les més.
Una de les trampes més fàcils de caure en començar per compte propi o crear un primer lloc web és dissenyar-lo per a tu i no per al públic. De ben segur que heu de dissenyar alguna cosa que us agradi, però, quan considereu la usabilitat, haureu de prioritzar l’audiència. També heu de tenir en compte els dispositius que utilitzaran i la forma en què és més probable que interactuïn millor amb el vostre lloc web.
Si la vostra audiència és jove, utilitzaran el mòbil. Si utilitzen efectes mòbils, mòbils i altres opcions de disseny, com ara, no és la millor opció.
