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.

Tendencias, Herramientas y Retos de la nueva era del Desarrollo Web

7,208 views

Published on

Actualmente el mercado de los teléfonos móviles y las herramientas de open-source han ido en aumento. La tecnología ha ido evolucionando hasta llegar a lo que hoy conocemos como Wearable Technologies. El desarrollador de hoy deberá contar con los skills que el mercado solicita, pensar desde un enfoque creativo e innovador, así como aprovechar al máximo las nuevas arquitecturas web como lo son: MVC, single page, apps, etc.

Hoy en día, el reto es adaptar los diseños web a las nuevas necesidades del mercado a través de las tendencias móviles como lo son el diseño responsivo y Mobile First, para lograr así una mejor experiencia personalizada.

Published in: Software
  • Login to see the comments

Tendencias, Herramientas y Retos de la nueva era del Desarrollo Web

  1. 1. © Copyright 2014 Accenture. Todos los derechos reservados.. 1 Tendencias, Herramientas y Retos de la Nueva Era del Desarrollo Web Accenture MTY
  2. 2. 2 © Copyright 2014 Accenture. Todos los derechos reservados.. Presentando Miguel Hernández Architecture & Shared Applications Services | Certification Enablement Services | Innovative Tool Solutions | Performace Center Operations miguel.r.minvielle@accenture.com Mario Lamas Performance Engineering | HTML5 Group Lead | Testing Training Team mario.lamas.saavedra@accenture.com Diana Arizmendi Visual Designer | Experience Design d.arizmendi.munoz@accenture.com
  3. 3. 3 © Copyright 2014 Accenture. Todos los derechos reservados.. Accenture Accenture es una empresa global, líder en Consultoría, Estrategia, Digital, Tecnología y Operaciones. 305,000 empleados alrededor del mundo 120 países y 200 oficinas 91 de las 100 empresas del ranking Fortune 100 trabajan con nosotros 50 centros de desarrollo y excelencia Ingresos globales: $ 30 billones de dólares
  4. 4. 4 © Copyright 2014 Accenture. Todos los derechos reservados.. Tendencia en el Mercado Desarrollador Web Moderno Nuevos Retos en el Diseño Agenda
  5. 5. 5 © Copyright 2014 Accenture. Todos los derechos reservados.. Tendencia en el Mercado
  6. 6. 6 © Copyright 2014 Accenture. Todos los derechos reservados.. Ecosistema Digital
  7. 7. 7 © Copyright 2014 Accenture. Todos los derechos reservados.. Nuevos modelos de negocio
  8. 8. © Copyright 2014 Accenture. Todos los derechos reservados.. 8 Wearables
  9. 9. © Copyright 2014 Accenture. Todos los derechos reservados.. 9 La navegación móvil a través de apps aumento 52% de Junio 2013 a Junio 2014, mientras la navegación normal (broswer) solo aumento 17% Navegación móvil De los nuevos equipos móviles podrán accesar a la web Los usuarios de internet móvil sobrepasarán a los de escritorio Valor del comercio móvil en Australia Valor de redención de cupones móviles en Estados Unidos Crecimiento global de usuarios móviles 2010-2015 2011 2012 2013 2014 2015 85% $27bn $6.5bn 500 to 3.5bn
  10. 10. 10 © Copyright 2014 Accenture. Todos los derechos reservados.. Para el 2015 LA MITAD DE LAS APLICACIONES DE HOY EN DÍA escritas en lenguajes nativos SERÁN DESARROLLADOS exclusivamente en HTML5 Gartner.
  11. 11. 11 © Copyright 2014 Accenture. Todos los derechos reservados.. HTML5 ES EL CAMINO PARA CREAR aplicaciones móviles multiplataforma Y CUMPLIR CON LAS necesidades web del futuro Gartner.
  12. 12. 12 © Copyright 2014 Accenture. Todos los derechos reservados.. Desarrollador Web Moderno
  13. 13. 13 © Copyright 2014 Accenture. Todos los derechos reservados.. Cross-Platform •Dispositivos del Mercado Meta •Formas de interaccion Esquema de Desarrollo •Nuevos arquitecturas •Componentes •Performance Experiencia de Usuario •Centrado en el usuario •Mobile First •Responsive Design Desarrollador Web Moderno Principales componentes para solucionar las demandas actuales:
  14. 14. 14 © Copyright 2014 Accenture. Todos los derechos reservados.. Cross-Platform
  15. 15. 15 © Copyright 2014 Accenture. Todos los derechos reservados.. Local Storage Model View Controller Esquema de desarrollo CLIENTE SERVIDOR APP View Tradicional Moderno Model View Controller DB CLIENTE DB Web Services Model View Controller API
  16. 16. 16 © Copyright 2014 Accenture. Todos los derechos reservados.. MVC Híbrida Web App Native OS Phonegap App: Web + Nativa Arquitectura Manejador DOM UI Angular API Layer Jquery Foundation Rest
  17. 17. 17 © Copyright 2014 Accenture. Todos los derechos reservados.. Desarrollo de UI MVC del lado del cliente Productividad Testing Componentes
  18. 18. 18 © Copyright 2014 Accenture. Todos los derechos reservados.. Performance
  19. 19. 19 © Copyright 2014 Accenture. Todos los derechos reservados.. Nuevos Retos en el Diseño
  20. 20. 20 © Copyright 2014 Accenture. Todos los derechos reservados.. Influencias e importancia
  21. 21. © Copyright 2014 Accenture. Todos los derechos reservados.. 21 UX business needs user needs Research Wireframes & Prototypes Test/Validate Diseño Centrado en el Usuario
  22. 22. © Copyright 2014 Accenture. Todos los derechos reservados.. 22 Diseño Responsivo COHERENCIA SINCRONIZACIÓN COMPARTIR PANTALLA CAMBIO DE DISPOSITIVO COMPLEMENTARIO SIMULTÁNEO Contenido y Contexto sobre Medidas de Pantallas
  23. 23. © Copyright 2014 Accenture. Todos los derechos reservados.. 23 Mobile First Diseñar la aplicación móvil primero NOS FORZÓ A reducir todo a lo esencial Bill DeRouchey, BankSimple
  24. 24. © Copyright 2014 Accenture. Todos los derechos reservados.. 24 Mobile First UX en Desktop UX en móvil
  25. 25. 25 © Copyright 2014 Accenture. Todos los derechos reservados.. Diseño Contextual Tiempo Objetivo Ubicación Actitud
  26. 26. 26 © Copyright 2014 Accenture. Todos los derechos reservados.. Tendencias Frameworks Responsivos Bootstrap Foundation
  27. 27. 27 © Copyright 2014 Accenture. Todos los derechos reservados.. Tendencias Responsivo sobre nativo
  28. 28. 28 © Copyright 2014 Accenture. Todos los derechos reservados.. Módulos, no sitios Búsqueda Navegación Principal Lista de links Destacados Tendencias
  29. 29. 29 © Copyright 2014 Accenture. Todos los derechos reservados.. Librerías de patrones Lists Empty States Search Tendencias
  30. 30. 30 © Copyright 2014 Accenture. Todos los derechos reservados.. Invisible UI Nuevos Retos
  31. 31. © Copyright 2014 Accenture. Todos los derechos reservados.. 31 Q&A
  32. 32. © Copyright 2014 Accenture. Todos los derechos reservados.. 32 ¡Gracias! Miguel Hernández | miguel.r.minvielle@accenture.com Mario Lamas | mario.lamas.saavedra@accenture.com Diana Arizmendi | d.arizmendi.munoz@accenture.com

×