usabilidad en dispositivos táctiles

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






Loquenoveelusuario


Losmensajesaldedo




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






Loquenoveelusuario


Losmensajesaldedo




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






Loquenoveelusuario


Losmensajesaldedo




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






Loquenoveelusuario


Losmensajesaldedo




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






Loquenoveelusuario


Losmensajesaldedo




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






Loquenoveelusuario


Losmensajesaldedo




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






Loquenoveelusuario


Losmensajesaldedo




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






Loquenoveelusuario


Losmensajesaldedo




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






Loquenoveelusuario


Losmensajesaldedo




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

usabilidad en dispositivos táctiles

Documents