Usabilidad en dispositivos táctiles

3,141 views
3,076 views

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,141
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
66
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Usabilidad en dispositivos táctiles

  1. 1. www.xperienceconsulting.com 1
  2. 2. 2 www.xperienceconsulting.com Creando
experiencias
únicas
 Estar
a
la
vanguardia
y
ofrecer
la
mejor
experiencia
de
usuario
siempre
ha
sido
nuestro
 obje8vo.
En
Xperience
Consul8ng;
desde
hace
8empo,
estamos
realizando
proyectos
dónde
 crear
webs
sencillas,
intui8vas,
fáciles
de
u8lizar
y
accesibles
8enen
como
resultado
crear
 experiencias
únicas.
 Este
cambio
y
evolución
parece
estar
ligado
al
avance
e
innovación
que
presenta
la
 tecnología.
Han
sido
la
aparición
de
los
disposi8vos
tác8les
los
que
han
ayudado
a
que
la
 navegación
sea
más
atrac8va
y
emocionante
para
el
usuario.

 Si

navegar
con
estos
disposi8vos
ya
es
toda
una
experiencia
y
8ene
un
componente
 diferencial,
nuestro
trabajo
ahora
es
conseguir
que
esa
interacción
sea
sa3sfactoria.
 A
con8nuación,
en
base
a
los
proyectos
que
hemos
realizado
en
este
entorno;
te
 presentamos
10
factores
que
no
debes
descuidar
si
quieres
que
la
navegación
de
tu
web,
en
 los
tan
demandados
disposi8vos
tác8les,
sea
un
éxito.


  3. 3. 3 www.xperienceconsulting.com 10
factores
a
tener
en
cuenta
   U3liza
eventos
estándar
   Evita
los
eventos
hover
   Evita
los
controles
indirectos
   Áreas
de
interacción
mayores
   Lo
que
no
ve
el
usuario
   Donde
interactúa
el
usuario
   Los
mensajes
al
dedo
   Ten
en
cuenta
el
contexto
   El
scroll
es
más
cómodo
que
las
capas
   Comunicar
el
resultado
es
importante

  4. 4. 4 www.xperienceconsulting.com Abrir,
seleccionar








































Desplazamiento,
mover
objeto












Invocar
objeto,
cambiar
estado

 





Ampliar,
es8rar



















































Reducir,
estrechar








































Rotar
un
objeto
 1.
U3liza
eventos
estándar
 Serán
compa8bles
con
la
mayoría
de
disposi8vos
y
los
usuarios
los
entenderán
de
forma
 intui8va.
 











Extender
































































Pellizcar



























































Girar
 










Tocar







































































Arrastrar




















































Presionar

  5. 5. 5 www.xperienceconsulting.com 10
factores
a
tener
en
cuenta
   U8liza
eventos
estándar
   Evita
los
eventos
hover
   Evita
los
controles
indirectos
   Áreas
de
interacción
mayores
   Lo
que
no
ve
el
usuario
   Donde
interactúa
el
usuario
   Los
mensajes
al
dedo
   Ten
en
cuenta
el
contexto
   El
scroll
es
más
cómodo
que
las
capas
   Comunicar
el
resultado
es
importante

  6. 6. 6 www.xperienceconsulting.com Los
eventos
hover
y
rollOver
son
poco
recomendables
para
disposi8vos
tác8les
y
 en
todo
caso
dificultan
la
navegación.
 2.
Evita
los
eventos
hover
 Los
disposi8vos
tác8les,
por
sus
caracterís8cas
técnicas,
no
pueden
interpretar
este
8po
de
eventos.
 Es
más
sencillo
priorizar
por
no
u8lizarlos
y
posteriormente
añadirlos
para
una
versión
adaptada
a
 Web.

  7. 7. 7 www.xperienceconsulting.com 10
factores
a
tener
en
cuenta
   U8liza
eventos
estándar
   Evita
los
eventos
hover
   Evita
los
controles
indirectos
   Áreas
de
interacción
mayores
   Lo
que
no
ve
el
usuario
   Donde
interactúa
el
usuario
   Los
mensajes
al
dedo
   Ten
en
cuenta
el
contexto
   El
scroll
es
más
cómodo
que
las
capas
   Comunicar
el
resultado
es
importante

  8. 8. 8 www.xperienceconsulting.com 3.
Evita
los
controles
indirectos
 La
navegación
por
controles
indirectos
es
menos
intui8va/natural
y
más
compleja.

 Si
los
usuarios
aceptan
como
evento
estándar
arrastrar
el
dedo
índice
hacia
la
derecha
para
 desplazar
o
mover
un
objeto
no
necesitamos
enseñarles
una
nueva
forma
de
hacerlo
(un
nuevo
 aprendizaje);
pues
les
causará
incomprensión
y
se
sen3rán
frustrados.

  

  9. 9. 9 www.xperienceconsulting.com 10
factores
a
tener
en
cuenta
   U8liza
eventos
estándar
   Evita
los
eventos
hover
   Evita
los
controles
indirectos
   Áreas
de
interacción
mayores
   Lo
que
no
ve
el
usuario
   Donde
interactúa
el
usuario
   Los
mensajes
al
dedo
   Ten
en
cuenta
el
contexto
   El
scroll
es
más
cómodo
que
las
capas
   Comunicar
el
resultado
es
importante

  10. 10. 10 www.xperienceconsulting.com 4.
Áreas
de
interacción
mayores
 Es
importante
que
las
áreas
de
interacción
sean
grandes;
facilitar
la
navegación,
 especialmente
para
que
las
personas
mayores
o
con
alguna
discapacidad
motriz
leve
 puedan
acceder
a
la
página
web
de
forma
fácil
y
sin
esfuerzos.
 Hacer
la
web
accesible
a
todos
los
públicos
es
uno
de
los
principios
básicos
en
 materia
de
usabilidad.

  11. 11. 11 www.xperienceconsulting.com 10
factores
a
tener
en
cuenta
   U8liza
eventos
estándar
   Evita
los
eventos
hover
   Evita
los
controles
indirectos
   Áreas
de
interacción
mayores
   Lo
que
no
ve
el
usuario
   Donde
interactúa
el
usuario
   Los
mensajes
al
dedo
   Ten
en
cuenta
el
contexto
   El
scroll
es
más
cómodo
que
las
capas
   Comunicar
el
resultado
es
importante

  12. 12. 12 www.xperienceconsulting.com 5.
Lo
que
no
ve
el
usuario
 El
usuario
nunca
ve
la
pantalla
completa
ni
desde
el
mismo
ángulo,
por
 pequeña
que
sea.

 Por
ello
es
importante
hacer
visible
la
información,
huir
de
la
competencia
 visual,
agrupar
los
elementos
relacionados
o
centrar
la
información
dentro
de
su
 campo
visual.

  13. 13. 13 www.xperienceconsulting.com 10
factores
a
tener
en
cuenta
   U8liza
eventos
estándar
   Evita
los
eventos
hover
   Evita
los
controles
indirectos
   Áreas
de
interacción
mayores
   Lo
que
no
ve
el
usuario
   Donde
interactúa
el
usuario
   Los
mensajes
al
dedo
   Ten
en
cuenta
el
contexto
   El
scroll
es
más
cómodo
que
las
capas
   Comunicar
el
resultado
es
importante

  14. 14. 14 www.xperienceconsulting.com 6.
Dónde
interactúa
el
usuario
 El
usuario
solo
interactúa
en
parte
de
la
pantalla:
la
que
está
a
su
alcance
al
 sujetarla
o
u8lizarla.

 Situar
los
elementos
de
interacción
con
el
usuario
cerca
de
su
capacidad
de
acción
 es
una
ayuda
para
mejorar
la
facilidad
de
uso.


  15. 15. 15 www.xperienceconsulting.com 10
factores
a
tener
en
cuenta
   U8liza
eventos
estándar
   Evita
los
eventos
hover
   Evita
los
controles
indirectos
   Áreas
de
interacción
mayores
   Lo
que
no
ve
el
usuario
   Donde
interactúa
el
usuario
   Los
mensajes
al
dedo
   Ten
en
cuenta
el
contexto
   El
scroll
es
más
cómodo
que
las
capas
   Comunicar
el
resultado
es
importante

  16. 16. 16 www.xperienceconsulting.com 7.
Los
mensajes
al
dedo
 El
mensaje
será
visible
si
aparece
justo
donde
pulsamos
y
será
más
diZcil
de
ver
si
 queda
oculto
por
nuestra
mano.

 Debemos
hacer
la
información
encontrable
para
el
usuario;
sino
pasará
 desapercibida.

  17. 17. 17 www.xperienceconsulting.com 10
factores
a
tener
en
cuenta
   U8liza
eventos
estándar
   Evita
los
eventos
hover
   Evita
los
controles
indirectos
   Áreas
de
interacción
mayores
   Lo
que
no
ve
el
usuario
   Donde
interactúa
el
usuario
   Los
mensajes
al
dedo
   Ten
en
cuenta
el
contexto
   El
scroll
es
más
cómodo
que
las
capas
   Comunicar
el
resultado
es
importante

  18. 18. 18 www.xperienceconsulting.com 8.
Ten
en
cuenta
el
contexto
 Vibraciones
/
Movimiento
 Reflejos
(Sol)
 Uso
de
guantes
 Normalmente
se
u8liza
en
si8os
cerrados

  19. 19. 19 www.xperienceconsulting.com 10
factores
a
tener
en
cuenta
   U8liza
eventos
estándar
   Evita
los
eventos
hover
   Evita
los
controles
indirectos
   Áreas
de
interacción
mayores
   Lo
que
no
ve
el
usuario
   Donde
interactúa
el
usuario
   Los
mensajes
al
dedo
   Ten
en
cuenta
el
contexto
   El
scroll
es
más
cómodo
que
las
capas
   Comunicar
el
resultado
es
importante

  20. 20. 20 www.xperienceconsulting.com 9.
E
scroll
es
más
cómodo
que
las
capas
 El
scroll
siempre
es
más
cómodo
que
las
capas;
además
en
este
caso,
desplazarse
por
una
 pantalla
tác8l
es
más
sencillo
e
implica
menos
esfuerzo
por
parte
del
usuario.
 Hay
que
tener
en
cuenta
que
las
zonas
centrales
son
menos
visibles
con
scroll.

  21. 21. 21 www.xperienceconsulting.com 10
factores
a
tener
en
cuenta
   U8liza
eventos
estándar
   Evita
los
eventos
hover
   Evita
los
controles
indirectos
   Áreas
de
interacción
mayores
   Lo
que
no
ve
el
usuario
   Donde
interactúa
el
usuario
   Los
mensajes
al
dedo
   Ten
en
cuenta
el
contexto
   El
scroll
es
más
cómodo
que
las
capas
   Comunicar
el
resultado
es
importante

  22. 22. 22 www.xperienceconsulting.com Decir
al
usuario
qué
va
a
pasar,
le
ayuda
a
entender
la
acción.
 Cuanto
más
claros
seamos
a
la
hora
de
indicar
un
cambio
de
estado,
menos
 posibilidad
de
confusión
habrá
por
parte
del
usuario.
 10.
Comunicar
el
resultado
es
importante
 Acción
 La
vibración
al
pulsar
indica
que
se
ha
realizado
la
acción.

  23. 23. 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

×