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.

Diseño Multidispositivo (UXSpain 2014)

2,103 views

Published on

Presentación sobre estrategia multidispositivo en el UXSpain 2014

  • Diapositiva 7 recibida. Sigue fascinándome. Me sigue pareciendo incomodísimo el smartphone para operaciones no básicas o muy urgentes. Me parece una tendencia loca y enferma lo que me rodea en el metro o las cafeterías. No lo puedo evitar. Creo que había algo interesante en la generalización del uso de los móviles y era que hasta el más cazurro "escribía". Mensajes entrecortados homenajeando la pechera de su novia la Vane, pero se devanaba los sesos un momento y hacía un simulacro de sintáxis. Tal como lo intuyo, tablets, smartphones, etc, además de no aportar nada muy nuevo a la humanidad (nada muy nuevo con relación al periodo de internet sobre ordenador convencional, más allá de una cierta redistribución de la riqueza de los productores y proveedores de bienes y servicios hacia los vendedores y burocracia mercantil de tendencias que irán cada día más hacia posiciones monopólicas -Amazon, Uber, etc, etc), nos encaminan a una sociedad donde la gente se comunica dando manotazos ágrafos en pantallas táctiles. Y con una salud vertebral muy loca. Los 2030s son la década de los traumatólogos y los fisioterapeutas. Me planteo seriamente volver a las aulas, no sé si para aprender Ruby on Rails u Osteopatía
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Diseño Multidispositivo (UXSpain 2014)

  1. 1. Pensar en multidispositivo @nosoy1mas
  2. 2. WTF MOBILE
  3. 3. ¿Cuántos de aquí no tenéis smartphone y tablet?
  4. 4. QUÉ ESTA PASANDO
  5. 5. http://tecnologia.elpais.com/tecnologia/2012/04/30/actualidad/1335790843_403953.html
  6. 6. El último año, el uso de smartphone creció un 81% http://www.slideshare.net/Placester/how-mobile-killed-the-desktop-33-stats-that-tell-a-stroy
  7. 7. … el número de tablets creció un 250% hasta los 195 millones… http://www.slideshare.net/Placester/how-mobile-killed-the-desktop-33-stats-that-tell-a-stroy
  8. 8. … y el tráfico móvil mundial creció un 70% http://www.slideshare.net/Placester/how-mobile-killed-the-desktop-33-stats-that-tell-a-stroy
  9. 9. Ventas de PC vs Mobile devices http://www.slideshare.net/bge20/2013-11-mobile-eating-the-world
  10. 10. Algunos crecimientos para 2017 http://www.slideshare.net/bge20/2013-11-mobile-eating-the-world
  11. 11. Y en España…
  12. 12. Informe App Date
  13. 13. USOS Y CONTEXTOS
  14. 14. La gente hace lo que le da la gana con el cacharro que le da la gana
  15. 15. De las búsquedas en móvil suceden en lugares (casa o trabajo) donde la gente tiene un PC a mano 77% tp://www.thinkwithgoogle.com/
  16. 16. http://www.thinkwithgoogle.com/
  17. 17. https://www.flickr.com/photos/aditza121/ … esto ya no es la web
  18. 18. TIPOS DE SOLUCIONES
  19. 19. WEBAPPS
  20. 20. ¿ Cuándo desarrollar una app ? Uso repetitivo Funcionalidades Marca www.wello.com
  21. 21. OK, pero…
  22. 22. ¡SIEMPRE! UNA VERSIóN WEB
  23. 23. Las posibilidades web: ¿exclusiva por dispositivo o responsive? EXCLUSIVA RESPONSIVE
  24. 24. Es una solución exclusiva para dispositivos móviles. Mediante una técnica llamada useragent, el navegador detecta que dispositivo se conecta y se “pinta” la versión concreta. Versión exclusiva o m.
  25. 25. Responsive design es una técnica que consiste en conocer que tamaño de dispositivo se conecta a nuestra web, y adaptar dicha web en diseño e interacción al dispositivo, con un único HTML. Responsive design
  26. 26. “There is no Mobile Web. There is only The Web, which we view in different ways. There is also no Desktop Web. Or Tablet Web. Thank you.” — Stephen Hay, on twitter
  27. 27. Soluciones web multidispositivo La experiencia Captación Negocio y medición Metodología, tiempos y tecnología Mantenimiento y organización: nueva forma de pensar
  28. 28. El mundo se complica… 4
  29. 29. ¿Qué quieren los usuarios?…
  30. 30. ¿ ? ¿Qué quieren los usuarios?…
  31. 31. ¿Qué pasa en las tablets?…
  32. 32. Pesos y carga de la página ¡19 peticiones al servidor, 246.7Kb! @brad_frost
  33. 33. Experiencias… •  Las soluciones pensadas para cada dispositivo siempre dan más libertad para llegar a conseguir una experiencia mejor y más rápida. •  Sin embargo, los usuarios demandan experiencias completas y homogéneas independientes al dispositivo (algo que puede ser más fácil de conseguir y mantener con responsive) Resumen
  34. 34. Soluciones web multidispositivo La experiencia Captación Negocio y medición Metodología, tiempos y tecnología Mantenimiento y organización: nueva forma de pensar
  35. 35. http://googlewebmastercentral.blogspot.com.es/2012/06/recommendations-for-building-smartphone.html
  36. 36. @brad_frost
  37. 37. Captación… •  Una solución responsive es más sencilla de gestionar (urls y redirecciones) y posicionará mejor según Google. •  Para los usuarios, aunque es transparente, compartir siempre la misma url es lo ideal (social sharing). Resumen
  38. 38. Soluciones web multidispositivo La experiencia Captación Negocio y medición Metodología, tiempos y tecnología Mantenimiento y organización: nueva forma de pensar
  39. 39. Los test por defecto son multidispositivo •  Herramientas actuales: tienen limitaciones •  Mayor tiempo para realizar los test •  Las decisiones y posibles cambios afectan a todos los dispositivos Los test se realizan por dispositivo. Las deciciones y posibles cambios solo afectan a un dispositivo. Medición, Test A/B
  40. 40. Medición, Test A/B •  La solución separada por dispositivos permite agilidad en los test y toma de decisiones algo más rápidas que la solución responsive. Resumen
  41. 41. Soluciones web multidispositivo La experiencia Captación Negocio y medición Metodología, tiempos y tecnología Mantenimiento y organización: nueva forma de pensar
  42. 42. móvil tablet desktop responsive Versiones separadas Versión responsive Tiempos Diseño y desarrollo Vs
  43. 43. Tecnología y mantenimiento Responsive Desktop Tablet Móvil VS   1 CMS HTML HTML HTML HTML * Lo más sencillo para una empresa de desarrollo seria realizar CMS separados
  44. 44. Tiempos, desarrollo y tecnología (1 de 2) •  Si bien los esfuerzos globales de diseño y desarrollo son similares en ambas, la solución exclusiva permite paralelizar dichos tiempos en equipos paralelos. Resumen: Desarrollo del proyecto
  45. 45. Tiempos, desarrollo y tecnología (2 de 2) •  A nivel de mantenimiento sin embargo, una versión responsive es más fácil de mantener, ya que es un único desarrollo. Resumen: Mantenimiento del proyecto
  46. 46. Soluciones web multidispositivo La experiencia Captación Negocio y medición Metodología, tiempos y tecnología Mantenimiento y organización: nueva forma de pensar
  47. 47. ,,,cuando le dicen que la web va a ser responsive Responsable móvil de la empresa ACME
  48. 48. Mantenimiento y organización •  La solución responsive simplifica la organización y la solución específica la sofistica. •  La decisión es de la empresa Resumen
  49. 49. 1.  ¿Queue está pasando? 2.  Imaginemos 3.  Qué hacen los demás 4.  Enfoque, soluciones ¿Qué hacemos…?
  50. 50. •  Rápido para el usuario •  Ágil para el equipo técnico •  Más ágil para test A/B •  ¿Tablets? 3 versiones al menos •  Contenido duplicado •  Mantenimiento técnico •  SEO •  Social sharing •  Necesidad Organizativa •  1 site! = Mantenimiento •  SEO •  Tendencia natural •  Multidispositivo •  Conocimiento Técnico •  Tiempos desarrollo y cambios •  Test A/B Solución específica por dispositivo Solución Responsive Parece que la balanza se decanta ligeramente responsive
  51. 51. CASOS REALES
  52. 52. Porcentaje de rebote: -30% Páginas por visita: +75% Visitas: +25% Conversión: +20% Precio Medio: +140%
  53. 53. Transacciones +130% Conversión: +50% Facturación: +80%
  54. 54. Qué hemos aprendido…
  55. 55. Coherencia
  56. 56. Elástico
  57. 57. Táctil
  58. 58. Mobile First
  59. 59. Testing
  60. 60. ¿ Smart TV ?
  61. 61. Vimeo en smart TV es web
  62. 62. Smart TV •  Sin estándares •  Con navegadores que cumplen parcialmente con html y CSS •  Procesadores y almacenamiento relativo •  Interacción muy variable •  Sin soluciones web fáciles, ni RWD ni User Agent “La tecnología esta para disfrutarla, no para sufrirla” Jesús Real Muñoz “The inmobile Web”, Jason Grisby
  63. 63. ESTRATEGIA MULTIDISPOSITIVO
  64. 64. @globalmoxie
  65. 65. @grigs
  66. 66. @brad_frost
  67. 67. @lukew
  68. 68. ¿Y EL FUTURO?
  69. 69. Google GLASS
  70. 70. Android Wear
  71. 71. ¡DISFRUTEMOS!
  72. 72. ¡GRACIAS! @nosoy1mas

×