Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Lawebyaesmóvil
El reto del diseño multidispositivo
Álvarovarona
@kremaster
#DiseñoURJC
Hubo un pasado
Martin Cooper
1973
Y hay un presente
Y hay un presente
El paradigma móvil
El paradigma móvil hoy
Multidispositivo, ese concepto
Diseñar entendiendo
al usuario
¿Y cómo es él?
¿En qué lugar se enamoró de ti?
¿De dónde es?
¿A qué dedica el tiempo libre?
Así era nuestro usuario...era
Así es ahora...
...o así...
...o incluso así!!!
¿Cómo usamos los dispositivos?
¿Cómo usamos los dispositivos?
¿Cómo usamos los dispositivos?
¿Cómo usamos los dispositivos?
¿Por qué es importante?
¿Por qué es importante?
¿Qué es amor?
Amor es dormirte con el
móvil en la mano porque
estabas esperando su
mensaje...
¿Por qué es importante?
Una parte
básica de
nuestro día a
día
10consejos
para una
nueva forma
de diseñar
1- Mobile first...y luego el resto
1- Mobile first...el tamaño importa
2- No todo son manzanas y
robots
2- No todo son manzanas y
robots
3- Diferentes tamaños de pantalla
3- Diferentes tamaños de pantalla
4- No hagas versiones...si puedes
Unwebparadominarlosatodos
¿DEVERDADHASDICHOQUENOHAYQUEHACERUNAAPP?
4- No hagas versiones...si puedes
5- Usa códigos de manejo que
ya existen en cada dispositivo
5- Usa códigos de manejo que
ya existen en cada dispositivo
5- Usa códigos de manejo que
ya existen en cada dispositivo
6- No todo es el ratón, nuevos gestos
6- No todo es el ratón, nuevos gestos
7- Simplicidad
ELUSUARIONOESUNAVACA
Pantallaspequeñas
Elusuarioestádistraído
Entornosdeluzvariable
ELUSUARIONOESUNAVACA
7- Simplicidad
8- Abierto a los dispositivos
que vendrán
8- Abierto a los dispositivos
que vendrán
8- Abierto a los dispositivos
que vendrán
9- Consigue datos de uso
10-Los nuevos
usuarios ya
son móviles
MUCHASGRACIAS
Álvarovarona
@kremaster
Upcoming SlideShare
Loading in …5
×

La web ya es móvil. El diseño multidispositivo

4,596 views

Published on

  • Be the first to comment

La web ya es móvil. El diseño multidispositivo

  1. 1. Lawebyaesmóvil El reto del diseño multidispositivo
  2. 2. Álvarovarona @kremaster
  3. 3. #DiseñoURJC
  4. 4. Hubo un pasado
  5. 5. Martin Cooper 1973
  6. 6. Y hay un presente
  7. 7. Y hay un presente
  8. 8. El paradigma móvil
  9. 9. El paradigma móvil hoy
  10. 10. Multidispositivo, ese concepto
  11. 11. Diseñar entendiendo al usuario ¿Y cómo es él? ¿En qué lugar se enamoró de ti? ¿De dónde es? ¿A qué dedica el tiempo libre?
  12. 12. Así era nuestro usuario...era
  13. 13. Así es ahora...
  14. 14. ...o así...
  15. 15. ...o incluso así!!!
  16. 16. ¿Cómo usamos los dispositivos?
  17. 17. ¿Cómo usamos los dispositivos?
  18. 18. ¿Cómo usamos los dispositivos?
  19. 19. ¿Cómo usamos los dispositivos?
  20. 20. ¿Por qué es importante?
  21. 21. ¿Por qué es importante? ¿Qué es amor? Amor es dormirte con el móvil en la mano porque estabas esperando su mensaje...
  22. 22. ¿Por qué es importante? Una parte básica de nuestro día a día
  23. 23. 10consejos para una nueva forma de diseñar
  24. 24. 1- Mobile first...y luego el resto
  25. 25. 1- Mobile first...el tamaño importa
  26. 26. 2- No todo son manzanas y robots
  27. 27. 2- No todo son manzanas y robots
  28. 28. 3- Diferentes tamaños de pantalla
  29. 29. 3- Diferentes tamaños de pantalla
  30. 30. 4- No hagas versiones...si puedes Unwebparadominarlosatodos
  31. 31. ¿DEVERDADHASDICHOQUENOHAYQUEHACERUNAAPP? 4- No hagas versiones...si puedes
  32. 32. 5- Usa códigos de manejo que ya existen en cada dispositivo
  33. 33. 5- Usa códigos de manejo que ya existen en cada dispositivo
  34. 34. 5- Usa códigos de manejo que ya existen en cada dispositivo
  35. 35. 6- No todo es el ratón, nuevos gestos
  36. 36. 6- No todo es el ratón, nuevos gestos
  37. 37. 7- Simplicidad ELUSUARIONOESUNAVACA
  38. 38. Pantallaspequeñas Elusuarioestádistraído Entornosdeluzvariable ELUSUARIONOESUNAVACA 7- Simplicidad
  39. 39. 8- Abierto a los dispositivos que vendrán
  40. 40. 8- Abierto a los dispositivos que vendrán
  41. 41. 8- Abierto a los dispositivos que vendrán
  42. 42. 9- Consigue datos de uso
  43. 43. 10-Los nuevos usuarios ya son móviles
  44. 44. MUCHASGRACIAS Álvarovarona @kremaster

×