html5

FORMES D’ENTRADA DE TEXT PER ALS USUARIS

Aprèn a crear bones experiències que els usuaris els encanta fer servir.
1. Crea formes: les millors formes son les que tenen menor numero d’entrades
1.Dissenyar formes eficients
2. Tria el millor tipus d’entrada
3. Etiqueta i nombra correctament les entrades
4. Proporcionar validació en temps real
5. Simplifica la teva aplicació amb l’autocompletament

2. Afegeix tàctil al teu lloc: cada vegada més, les pantalles tàctils estan disponibles a tots els dispositius, des de telèfons fins a pantalles d’escriptori. La teva aplicació ha derespondre al tacte de forma intuïtiva.
1. Elements amb estat que responguin al tacte
2. Implementar gestos personalitzats

1.1-Dissenyar formes eficients
Minimitza les accions i camps repetitsDissenya formes eficients evitant accions repetides, demanant només informació i guia d’usuaris necessaris.
Ex: en el lloc web Progressive.com, en els usuaris se’ls demana primer pel codi postal, quedesprés s’omplirà automàticament. Has de buscar maneres de re-omplir la informació que ja coneixes.
Mostra als usuaris l’avanç que porten
Mostra l’avanç que porten al entrar les dades. Els menús han detransmetre en precisió el progres general a través de formes i passos. No posis formes desproporcionades ni passos complexos perquè els usuaris son mes propensos a abandonar.
Proporcionar calendarisvisual en seleccionar dades
Els usuaris sovint necessiten més context a l’hora de programar les dates de viatge. Per facilitar-los, posa’ls un calendari així evites que surtin del seu lloc percomprovar el calendari.



1.2-Tria el millor tipus d’entrada
Optimitza l’entrada d’informacio utilitzant el tipus d’entrada que necessiti l’usuari. Els usuaris els hi agrada que les tecles sortintdepenent del tipus de dades que vulguin introduir. Si introdueixen un numero, que els hi surti el teclat de telèfon, si introdueixen un correu, que els hi surti la ‘@’, etc.
Tipus d’entrada HTML5...