El documento compara las aplicaciones nativas, las aplicaciones híbridas, las webApps y el diseño responsive. Explica que las aplicaciones nativas son mejores si se necesitan usar funcionalidades del dispositivo, enviar notificaciones o actualizar con frecuencia. Las webApps son mejores si se quiere garantizar el acceso desde el navegador o no perder tráfico de buscadores. El diseño responsive es mejor si se quiere garantizar la escalabilidad de contenidos a distintas resoluciones o actualizar contenido con frecuencia.

1. Aplicaciones nativas vs
responsive design
UXed – 10 octubre 2013
Mònica Zapata | @monica_zapata

2. Algunos
datos...

3. ¿Cuántos de los que estáis aquí
lleváis una tablet con vosotros?

4. ¿Cuántos utilizáis la tablet
principalmente en casa?

5. ¿Cuántos la utilizáis por las
noches en el sofá?

6. ¿Cuántos la utilizáis
viendo la televisión?

7. Se calcula que en 2014,
208 millones de tablets
se venderán en todo el
mundo

8. En España el crecimiento
de tablets en el último
año se ha duplicado

9. El mayor uso de tablets
se realiza en casa y por
las noches, mayormente
mediante WIFI

10. Fuera de casa,
la mayoría de usuarios
usa WIFI y el porcentaje
de uso de 3G es todavía
minoritario

11. Los usuarios invierten
más tiempo en su tablet
que en su ordenador de
sobremesa o portátil

12. La media de uso diaria
está entorno a 1-2 horas
y se da principalmente
en días laborables

13. ¿Qué apps tenéis instaladas en
vuestra tablet?

14. Mapas y sistemas de navegación
Comunicación y redes sociales
Juegos
Música y vídeo
Medios de comunicación
Lectura
Productividad
Ocio (restaurantes, vuelos, …)
Banca
E-commerce

15. y… ¿cuáles son las últimas
búsquedas en el navegador?

16. Mapas y sistemas de navegación
Comunicación y redes sociales
Juegos
Música y vídeo
Medios de comunicación
Lectura
Productividad
Ocio (restaurantes, vuelos, …)
Banca
E-commerce
Buscar o navegar por la red

17. Las tablets se usan
mayoritariamente para
juegos, búsqueda de
información, compras y
correo electrónico

18. El usuario de media,
tiene instaladas unas 20
apps en su tablet

19. Entorno a un 60% de las
búsquedas están
relacionadas con
información,
principalmente
sobre productos

20. Entre un 30-40% están
relacionadas con
restaurantes, bares,
locales de ocio,…

21. Entorno al 30% están
relacionadas con viajes,
vuelos, reservas de
hotel,…

22. Y todo esto…
¿cómo afecta a las
empresas, marcas
y organizaciones?

23. La teoría dice…

24. Escoge una aplicación
nativa si…
App nativa
•
•
•
•
Necesitas utilizar las
funcionalidades del móvil
Quieres aprovechar el envío
de notificaciones
Estás dispuesto a asumir un
desarrollo para cada
plataforma y sistema
operativo
Estás interesado en ingresos
por descarga

25. Escoge una webApp o
mSite si…
webApp
•
•
•
•
Quieres garantizar el acceso
desde el navegador
No quieres perder el tráfico
proveniente de los
buscadores
Quieres asumir un único
desarrollo
No necesitas estar accesible
offline

26. Escoge una app híbrida
si…
App híbrida
•
•
•
•
Necesitas utilizar las
funcionalidades del móvil
Quieres aprovechar el envío
de notificaciones
Quieres asumir un único
desarrollo
Necesitas actualizar con
frecuencia el contenido

27. Escoge responsive design
si…
•
•
•
•
Si quieres garantizar la
escalabilidad de los
contenidos a distintas
resoluciones
Quieres asumir un único
desarrollo
Necesitas actualizar con
frecuencia el contenido
No necesitas estar accesible
offline
Responsive
design

28. Un consejo…

29. Toma la
decisión en
base a qué
necesitan y
quieren tus
usuarios de ti
en tablet

30. Define tu
propuesta de
valor en base a
este principio
‘The User First’

31. Tu presencia en tablet puede
ser muy distinta a tu
presencia en escritorio, no
por la resolución, sino por las
necesidades, la recurrencia y
el contexto de uso de tus
usuarios.

32. Tu tráfico web te puede dar
muchas pistas sobre qué
acciones están realizando
tus usuarios en tu sitio, su
frecuencia de consulta y cuál
es su comportamiento.

33. Piensa en una app o app
híbrida si ésta aporta valor,
una nueva forma de
interactuar, nuevas
funcionalidades, una
experiencia de usuario
distinta, una gran recurrencia
de uso y, sobretodo, si tienes
otras necesidades y otros
objetivos.

34. Piensa en una webApp si
ésta aporta valor, una nueva
forma de interactuar, menor
contenido, menos
funcionalidades, una
experiencia de usuario
distinta, otras necesidades y
otros objetivos.

35. Piensa en responsive design
si las necesidades y
objetivos a cubrir son los
mismos, la estrategia es
común y, sobretodo, si lo que
buscas es cubrir el acceso a
tus contenidos y servicios
multidispositivo.

36. ¿Cómo afecta la
decisión de hacer una
aplicación nativa o un
site en responsive
design en el proceso
de diseño?

37. Se plantea la estrategia en
base al contexto de uso
App nativa

38. Se plantea la estrategia en
base al contexto de uso
App nativa
Se requiere establecer sobre
qué plataforma trabajar (iOS,
Android…)

39. Se plantea la estrategia en
base al contexto de uso
App nativa
Se requiere establecer sobre
qué plataforma trabajar (iOS,
Android…)
Se trabaja teniendo en cuenta
las convenciones específicas de
cada sistema operativo

40. Se plantea la estrategia en
base al contexto de uso
App nativa
Se requiere establecer sobre
qué plataforma trabajar (iOS,
Android…)
Se trabaja teniendo en cuenta
las convenciones específicas de
cada sistema operativo
Se establece una resolución
como base y se contempla el
número de resoluciones a las
que la app deberá poder
adaptarse

41. Se plantea la estrategia en
base al contexto de uso
App híbrida
y webApp

42. Se plantea la estrategia en
base al contexto de uso
App híbrida
y webApp
Se establece la resolución base
sobre la que trabajar, así como
resoluciones mínimas y
máximas que deberá soportar

43. Se plantea la estrategia en
base al contexto de uso
App híbrida
y webApp
Se establece la resolución base
sobre la que trabajar, así como
resoluciones mínimas y
máximas que deberá soportar
Se trabaja un look&feel de app
pero con libertad en cuanto a
convenciones específicas de
plataforma o sistema operativo

44. El planteamiento estratégico
es multidispositivo
Responsive
design

45. El planteamiento estratégico
es multidispositivo
Se decide si se trabajará en
diseño creciente o
decreciente, quedando
siempre la visualización tablet
en el centro del proceso
Responsive
design

46. El planteamiento estratégico
es multidispositivo
Se decide si se trabajará en
diseño creciente o
decreciente, quedando
siempre la visualización tablet
en el centro del proceso

47. El planteamiento estratégico
es multidispositivo
Se decide si se trabajará en
diseño creciente o
decreciente, quedando
siempre la visualización tablet
en el centro del proceso
Las resoluciones y breackpoint
se establecen según las
necesidades concretas de
contenido
Responsive
design

48. El planteamiento estratégico
es multidispositivo
Se decide si se trabajará en
diseño creciente o
decreciente, quedando
siempre la visualización tablet
en el centro del proceso
Las resoluciones y breackpoint
se establecen según las
necesidades concretas de
contenido
Se trabaja el diseño con
libertad a nivel de
convenciones específicas
Responsive
design