usabilidad en dispositivos táctiles
Post on 25-May-2015
2.831 Views
Preview:
TRANSCRIPT
ww
w.x
perie
ncec
onsu
lting
.com
1
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.
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
4
ww
w.x
perie
ncec
onsu
lting
.com
Abrir,seleccionarDesplazamiento,moverobjetoInvocarobjeto,cambiarestado
Ampliar,es8rarReducir,estrecharRotarunobjeto
1.U3lizaeventosestándarSeráncompa8blesconlamayoríadedisposi8vosylosusuarioslosentenderándeformaintui8va.
ExtenderPellizcarGirar
TocarArrastrarPresionar
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
6
ww
w.x
perie
ncec
onsu
lting
.com
LoseventoshoveryrollOversonpocorecomendablesparadisposi8vostác8lesyentodocasodificultanlanavegación.
2.Evitaloseventoshover
Losdisposi8vostác8les,porsuscaracterís8castécnicas,nopuedeninterpretareste8podeeventos.Esmássencillopriorizarpornou8lizarlosyposteriormenteañadirlosparaunaversiónadaptadaaWeb.
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
8
ww
w.x
perie
ncec
onsu
lting
.com
3.Evitaloscontrolesindirectos
Lanavegaciónporcontrolesindirectosesmenosintui8va/naturalymáscompleja.
Silosusuariosaceptancomoeventoestándararrastrareldedoíndicehacialaderechaparadesplazaromoverunobjetononecesitamosenseñarlesunanuevaformadehacerlo(unnuevoaprendizaje);pueslescausaráincomprensiónysesen3ránfrustrados.
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
10
ww
w.x
perie
ncec
onsu
lting
.com
4.Áreasdeinteracciónmayores
Esimportantequelasáreasdeinteracciónseangrandes;facilitarlanavegación,especialmenteparaquelaspersonasmayoresoconalgunadiscapacidadmotrizlevepuedanaccederalapáginawebdeformafácilysinesfuerzos.
Hacerlawebaccesibleatodoslospúblicosesunodelosprincipiosbásicosenmateriadeusabilidad.
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
12
ww
w.x
perie
ncec
onsu
lting
.com
5.Loquenoveelusuario
Elusuarionuncavelapantallacompletanidesdeelmismoángulo,porpequeñaquesea.
Porelloesimportantehacervisiblelainformación,huirdelacompetenciavisual,agruparloselementosrelacionadosocentrarlainformacióndentrodesucampovisual.
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
14
ww
w.x
perie
ncec
onsu
lting
.com
6.Dóndeinteractúaelusuario
Elusuariosolointeractúaenpartedelapantalla:laqueestáasualcancealsujetarlaou8lizarla.
Situarloselementosdeinteracciónconelusuariocercadesucapacidaddeacciónesunaayudaparamejorarlafacilidaddeuso.
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
16
ww
w.x
perie
ncec
onsu
lting
.com
7.Losmensajesaldedo
ElmensajeserávisiblesiaparecejustodondepulsamosyserámásdiZcildeversiquedaocultopornuestramano.
Debemoshacerlainformaciónencontrableparaelusuario;sinopasarádesapercibida.
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
18
ww
w.x
perie
ncec
onsu
lting
.com
8.Tenencuentaelcontexto
Vibraciones/Movimiento
Reflejos(Sol)
Usodeguantes
Normalmenteseu8lizaensi8oscerrados
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
20
ww
w.x
perie
ncec
onsu
lting
.com
9.Escrollesmáscómodoquelascapas
Elscrollsiempreesmáscómodoquelascapas;ademásenestecaso,desplazarseporunapantallatác8lesmássencilloeimplicamenosesfuerzoporpartedelusuario.
Hayquetenerencuentaquelaszonascentralessonmenosvisiblesconscroll.
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
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.
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
top related