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.

1. © 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

8. © Copyright 2014 Accenture. Todos los derechos reservados.. 8
Wearables

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

31. © Copyright 2014 Accenture. Todos los derechos reservados.. 31
Q&A

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