Contenu connexe Similaire à Tendencias, Herramientas y Retos de la nueva era del Desarrollo Web (20) Plus de Software Guru (20) Tendencias, Herramientas y Retos de la nueva era del Desarrollo Web1. © Copyright 2014 Accenture. Todos los derechos reservados.. 1
Tendencias, Herramientas y Retos
de la Nueva Era del Desarrollo Web
Accenture MTY
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
© 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
© Copyright 2014 Accenture. Todos los derechos reservados..
Tendencia en el Mercado
Desarrollador Web Moderno
Nuevos Retos en el Diseño
Agenda 5. 5
© Copyright 2014 Accenture. Todos los derechos reservados..
Tendencia en el Mercado 6. 6
© Copyright 2014 Accenture. Todos los derechos reservados..
Ecosistema Digital 7. 7
© Copyright 2014 Accenture. Todos los derechos reservados..
Nuevos modelos de negocio 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
© 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
© 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
© Copyright 2014 Accenture. Todos los derechos reservados..
Desarrollador Web Moderno 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
© Copyright 2014 Accenture. Todos los derechos reservados..
Cross-Platform 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
© 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
© Copyright 2014 Accenture. Todos los derechos reservados..
Desarrollo
de UI
MVC del lado
del cliente
Productividad
Testing
Componentes 18. 18
© Copyright 2014 Accenture. Todos los derechos reservados..
Performance 19. 19
© Copyright 2014 Accenture. Todos los derechos reservados..
Nuevos Retos en el Diseño 20. 20
© Copyright 2014 Accenture. Todos los derechos reservados..
Influencias e importancia 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. © 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. © 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. © Copyright 2014 Accenture. Todos los derechos reservados.. 24
Mobile First
UX en Desktop UX en móvil
25. 25
© Copyright 2014 Accenture. Todos los derechos reservados..
Diseño Contextual
Tiempo
Objetivo
Ubicación
Actitud 26. 26
© Copyright 2014 Accenture. Todos los derechos reservados..
Tendencias
Frameworks
Responsivos
Bootstrap
Foundation 27. 27
© Copyright 2014 Accenture. Todos los derechos reservados..
Tendencias
Responsivo
sobre nativo 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
© Copyright 2014 Accenture. Todos los derechos reservados..
Librerías
de patrones
Lists
Empty States
Search
Tendencias 30. 30
© Copyright 2014 Accenture. Todos los derechos reservados..
Invisible UI
Nuevos Retos 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