usabilidad en dispositivos táctiles
TRANSCRIPT
![Page 1: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/1.jpg)
ww
w.x
perie
ncec
onsu
lting
.com
1
![Page 2: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/2.jpg)
2
ww
w.x
perie
ncec
onsu
lting
.com
Creandoexperienciasúnicas
Estaralavanguardiayofrecerlamejorexperienciadeusuariosiemprehasidonuestroobje8vo.EnXperienceConsul8ng;desdehace8empo,estamosrealizandoproyectosdóndecrearwebssencillas,intui8vas,fácilesdeu8lizaryaccesibles8enencomoresultadocrearexperienciasúnicas.
Estecambioyevoluciónpareceestarligadoalavanceeinnovaciónquepresentalatecnología.Hansidolaaparicióndelosdisposi8vostác8leslosquehanayudadoaquelanavegaciónseamásatrac8vayemocionanteparaelusuario.
Sinavegarconestosdisposi8vosyaestodaunaexperienciay8eneuncomponentediferencial,nuestrotrabajoahoraesconseguirqueesainteracciónseasa3sfactoria.
Acon8nuación,enbasealosproyectosquehemosrealizadoenesteentorno;tepresentamos10factoresquenodebesdescuidarsiquieresquelanavegacióndetuweb,enlostandemandadosdisposi8vostác8les,seaunéxito.
![Page 3: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/3.jpg)
3
ww
w.x
perie
ncec
onsu
lting
.com
10factoresatenerencuenta
U3lizaeventosestándar
Evitaloseventoshover
Evitaloscontrolesindirectos
Áreasdeinteracciónmayores
Loquenoveelusuario
Dondeinteractúaelusuario
Losmensajesaldedo
Tenencuentaelcontexto
Elscrollesmáscómodoquelascapas
Comunicarelresultadoesimportante
![Page 4: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/4.jpg)
4
ww
w.x
perie
ncec
onsu
lting
.com
Abrir,seleccionarDesplazamiento,moverobjetoInvocarobjeto,cambiarestado
Ampliar,es8rarReducir,estrecharRotarunobjeto
1.U3lizaeventosestándarSeráncompa8blesconlamayoríadedisposi8vosylosusuarioslosentenderándeformaintui8va.
ExtenderPellizcarGirar
TocarArrastrarPresionar
![Page 5: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/5.jpg)
5
ww
w.x
perie
ncec
onsu
lting
.com
10factoresatenerencuenta
U8lizaeventosestándar
Evitaloseventoshover
Evitaloscontrolesindirectos
Áreasdeinteracciónmayores
Loquenoveelusuario
Dondeinteractúaelusuario
Losmensajesaldedo
Tenencuentaelcontexto
Elscrollesmáscómodoquelascapas
Comunicarelresultadoesimportante
![Page 6: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/6.jpg)
6
ww
w.x
perie
ncec
onsu
lting
.com
LoseventoshoveryrollOversonpocorecomendablesparadisposi8vostác8lesyentodocasodificultanlanavegación.
2.Evitaloseventoshover
Losdisposi8vostác8les,porsuscaracterís8castécnicas,nopuedeninterpretareste8podeeventos.Esmássencillopriorizarpornou8lizarlosyposteriormenteañadirlosparaunaversiónadaptadaaWeb.
![Page 7: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/7.jpg)
7
ww
w.x
perie
ncec
onsu
lting
.com
10factoresatenerencuenta
U8lizaeventosestándar
Evitaloseventoshover
Evitaloscontrolesindirectos
Áreasdeinteracciónmayores
Loquenoveelusuario
Dondeinteractúaelusuario
Losmensajesaldedo
Tenencuentaelcontexto
Elscrollesmáscómodoquelascapas
Comunicarelresultadoesimportante
![Page 8: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/8.jpg)
8
ww
w.x
perie
ncec
onsu
lting
.com
3.Evitaloscontrolesindirectos
Lanavegaciónporcontrolesindirectosesmenosintui8va/naturalymáscompleja.
Silosusuariosaceptancomoeventoestándararrastrareldedoíndicehacialaderechaparadesplazaromoverunobjetononecesitamosenseñarlesunanuevaformadehacerlo(unnuevoaprendizaje);pueslescausaráincomprensiónysesen3ránfrustrados.
![Page 9: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/9.jpg)
9
ww
w.x
perie
ncec
onsu
lting
.com
10factoresatenerencuenta
U8lizaeventosestándar
Evitaloseventoshover
Evitaloscontrolesindirectos
Áreasdeinteracciónmayores
Loquenoveelusuario
Dondeinteractúaelusuario
Losmensajesaldedo
Tenencuentaelcontexto
Elscrollesmáscómodoquelascapas
Comunicarelresultadoesimportante
![Page 10: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/10.jpg)
10
ww
w.x
perie
ncec
onsu
lting
.com
4.Áreasdeinteracciónmayores
Esimportantequelasáreasdeinteracciónseangrandes;facilitarlanavegación,especialmenteparaquelaspersonasmayoresoconalgunadiscapacidadmotrizlevepuedanaccederalapáginawebdeformafácilysinesfuerzos.
Hacerlawebaccesibleatodoslospúblicosesunodelosprincipiosbásicosenmateriadeusabilidad.
![Page 11: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/11.jpg)
11
ww
w.x
perie
ncec
onsu
lting
.com
10factoresatenerencuenta
U8lizaeventosestándar
Evitaloseventoshover
Evitaloscontrolesindirectos
Áreasdeinteracciónmayores
Loquenoveelusuario
Dondeinteractúaelusuario
Losmensajesaldedo
Tenencuentaelcontexto
Elscrollesmáscómodoquelascapas
Comunicarelresultadoesimportante
![Page 12: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/12.jpg)
12
ww
w.x
perie
ncec
onsu
lting
.com
5.Loquenoveelusuario
Elusuarionuncavelapantallacompletanidesdeelmismoángulo,porpequeñaquesea.
Porelloesimportantehacervisiblelainformación,huirdelacompetenciavisual,agruparloselementosrelacionadosocentrarlainformacióndentrodesucampovisual.
![Page 13: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/13.jpg)
13
ww
w.x
perie
ncec
onsu
lting
.com
10factoresatenerencuenta
U8lizaeventosestándar
Evitaloseventoshover
Evitaloscontrolesindirectos
Áreasdeinteracciónmayores
Loquenoveelusuario
Dondeinteractúaelusuario
Losmensajesaldedo
Tenencuentaelcontexto
Elscrollesmáscómodoquelascapas
Comunicarelresultadoesimportante
![Page 14: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/14.jpg)
14
ww
w.x
perie
ncec
onsu
lting
.com
6.Dóndeinteractúaelusuario
Elusuariosolointeractúaenpartedelapantalla:laqueestáasualcancealsujetarlaou8lizarla.
Situarloselementosdeinteracciónconelusuariocercadesucapacidaddeacciónesunaayudaparamejorarlafacilidaddeuso.
![Page 15: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/15.jpg)
15
ww
w.x
perie
ncec
onsu
lting
.com
10factoresatenerencuenta
U8lizaeventosestándar
Evitaloseventoshover
Evitaloscontrolesindirectos
Áreasdeinteracciónmayores
Loquenoveelusuario
Dondeinteractúaelusuario
Losmensajesaldedo
Tenencuentaelcontexto
Elscrollesmáscómodoquelascapas
Comunicarelresultadoesimportante
![Page 16: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/16.jpg)
16
ww
w.x
perie
ncec
onsu
lting
.com
7.Losmensajesaldedo
ElmensajeserávisiblesiaparecejustodondepulsamosyserámásdiZcildeversiquedaocultopornuestramano.
Debemoshacerlainformaciónencontrableparaelusuario;sinopasarádesapercibida.
![Page 17: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/17.jpg)
17
ww
w.x
perie
ncec
onsu
lting
.com
10factoresatenerencuenta
U8lizaeventosestándar
Evitaloseventoshover
Evitaloscontrolesindirectos
Áreasdeinteracciónmayores
Loquenoveelusuario
Dondeinteractúaelusuario
Losmensajesaldedo
Tenencuentaelcontexto
Elscrollesmáscómodoquelascapas
Comunicarelresultadoesimportante
![Page 18: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/18.jpg)
18
ww
w.x
perie
ncec
onsu
lting
.com
8.Tenencuentaelcontexto
Vibraciones/Movimiento
Reflejos(Sol)
Usodeguantes
Normalmenteseu8lizaensi8oscerrados
![Page 19: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/19.jpg)
19
ww
w.x
perie
ncec
onsu
lting
.com
10factoresatenerencuenta
U8lizaeventosestándar
Evitaloseventoshover
Evitaloscontrolesindirectos
Áreasdeinteracciónmayores
Loquenoveelusuario
Dondeinteractúaelusuario
Losmensajesaldedo
Tenencuentaelcontexto
Elscrollesmáscómodoquelascapas
Comunicarelresultadoesimportante
![Page 20: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/20.jpg)
20
ww
w.x
perie
ncec
onsu
lting
.com
9.Escrollesmáscómodoquelascapas
Elscrollsiempreesmáscómodoquelascapas;ademásenestecaso,desplazarseporunapantallatác8lesmássencilloeimplicamenosesfuerzoporpartedelusuario.
Hayquetenerencuentaquelaszonascentralessonmenosvisiblesconscroll.
![Page 21: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/21.jpg)
21
ww
w.x
perie
ncec
onsu
lting
.com
10factoresatenerencuenta
U8lizaeventosestándar
Evitaloseventoshover
Evitaloscontrolesindirectos
Áreasdeinteracciónmayores
Loquenoveelusuario
Dondeinteractúaelusuario
Losmensajesaldedo
Tenencuentaelcontexto
Elscrollesmáscómodoquelascapas
Comunicarelresultadoesimportante
![Page 22: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/22.jpg)
22
ww
w.x
perie
ncec
onsu
lting
.com
Deciralusuarioquévaapasar,leayudaaentenderlaacción.
Cuantomásclarosseamosalahoradeindicaruncambiodeestado,menosposibilidaddeconfusiónhabráporpartedelusuario.
10.Comunicarelresultadoesimportante
Acción
Lavibraciónalpulsarindicaqueseharealizadolaacción.
![Page 23: Usabilidad en dispositivos táctiles](https://reader033.vdocuments.net/reader033/viewer/2022060111/5563175ed8b42a81528b4eda/html5/thumbnails/23.jpg)
Miembros de:
Barcelona Avda. Diagonal, 419 -3B 08008 Barcelona +34.93.414.75.54
Nuestras oficinas
Madrid C/ Gran Vía, 62 – 7º izqda. 28013 Madrid +34.91.542.62.52
Nuestra presencia en Internet
Nuestra web www.xperienceconsulting.com
Nuestro canal Twitter http://twitter.com/xperience_xc
Nuestro grupo Linkedin http://www.linkedin.com/groups?mostPopular=&gid=2572561&trk=myg_ugrp_ovr
Nuestras presentaciones en slideshare http://www.slideshare.net/xperienceconsulting
Información de contacto