Aplicaciones nativas vs responsive design
49
UXed – 10 octubre 2013 Mònica Zapata | @monica_zapata Aplicaciones nativas vs responsive design
description
El continuo crecimiento del uso de tablets como dispositivo habitual de consulta de Internet y el consecuente aumento del tráfico web, hace que muchas empresas y organizaciones se encuentren ante el reto de asumir versiones especificas para tablet. En general, la dicotomía principal surge a la hora de decidir si la mejor opción es desarrollar una versión nativa Android / iOS o bien afrontar el proyecto en base a responsive design y por tanto abordar un rediseño de la versión escritorio. En esta presentación presentada en el UXed que la UOC organizó en octubre de 2013, se exponen las ventajas de ambas opciones, así como la manera de abordar el proceso de definición, conceptualización y diseño gráfico en cada caso.
Transcript of Aplicaciones nativas vs responsive design
UXed – 10 octubre 2013 Mònica Zapata | @monica_zapata
Aplicaciones nativas vs responsive design
Algunos datos...
¿Cuántos de los que estáis aquí lleváis una tablet con vosotros?
¿Cuántos utilizáis la tablet principalmente en casa?
¿Cuántos la utilizáis por las noches en el sofá?
¿Cuántos la utilizáis viendo la televisión?
Se calcula que en 2014, 208 millones de tablets se venderán en todo el mundo
En España el crecimiento de tablets en el último año se ha duplicado
El mayor uso de tablets se realiza en casa y por las noches, mayormente mediante WIFI
Fuera de casa, la mayoría de usuarios usa WIFI y el porcentaje de uso de 3G es todavía minoritario
Los usuarios invierten más tiempo en su tablet que en su ordenador de sobremesa o portátil
La media de uso diaria está entorno a 1-2 horas y se da principalmente en días laborables
¿Qué apps tenéis instaladas en vuestra tablet?
Mapas y sistemas de navegación
Comunicación y redes sociales
Medios de comunicación
Juegos
E-commerce
Banca
Ocio (restaurantes, vuelos, …)
Productividad
Lectura
Música y vídeo
y… ¿cuáles son las últimas búsquedas en el navegador?
Buscar o navegar por la red
Mapas y sistemas de navegación
Comunicación y redes sociales
Medios de comunicación
Juegos
E-commerce
Banca
Ocio (restaurantes, vuelos, …)
Productividad
Lectura
Música y vídeo
Las tablets se usan mayoritariamente para juegos, búsqueda de información, compras y correo electrónico
El usuario de media, tiene instaladas unas 20 apps en su tablet
Entorno a un 60% de las búsquedas están relacionadas con información, principalmente sobre productos
Entre un 30-40% están relacionadas con restaurantes, bares, locales de ocio,…
Entorno al 30% están relacionadas con viajes, vuelos, reservas de hotel,…
Y todo esto… ¿cómo afecta a las empresas, marcas y organizaciones?
La teoría dice…
Escoge una aplicación nativa si…
• 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
App nativa
webApp
Escoge una webApp o mSite si…
• 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
Escoge una app híbrida si…
• 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
App híbrida
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
Un consejo…
Toma la decisión en base a qué necesitan y quieren tus usuarios de ti en tablet
Define tu propuesta de valor en base a este principio
‘The User First’
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.
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.
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.
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.
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.
¿Cómo afecta la decisión de hacer una aplicación nativa o un site en responsive design en el proceso de diseño?
App nativa
Se plantea la estrategia en base al contexto de uso
Se plantea la estrategia en base al contexto de uso
Se requiere establecer sobre qué plataforma trabajar (iOS, Android…) App nativa
Se plantea la estrategia en base al contexto de uso
Se requiere establecer sobre qué plataforma trabajar (iOS, Android…)
Se trabaja teniendo en cuenta las convenciones específicas de cada sistema operativo
App nativa
Se plantea la estrategia en base al contexto de uso
Se requiere establecer sobre qué plataforma trabajar (iOS, Android…)
Se establece una resolución como base y se contempla el número de resoluciones a las que la app deberá poder adaptarse
Se trabaja teniendo en cuenta las convenciones específicas de cada sistema operativo
App nativa
Se plantea la estrategia en base al contexto de uso
App híbrida y webApp
Se plantea la estrategia en base al contexto de uso
Se establece la resolución base sobre la que trabajar, así como resoluciones mínimas y máximas que deberá soportar
App híbrida y webApp
Se plantea la estrategia en base al contexto de uso
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
App híbrida y webApp
El planteamiento estratégico es multidispositivo
Responsive design
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
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
El planteamiento estratégico es multidispositivo
Las resoluciones y breackpoint se establecen según las
necesidades concretas de contenido
Se decide si se trabajará en diseño creciente o
decreciente, quedando siempre la visualización tablet
en el centro del proceso
Responsive design
El planteamiento estratégico es multidispositivo
Se trabaja el diseño con libertad a nivel de
convenciones específicas
Las resoluciones y breackpoint se establecen según las
necesidades concretas de contenido
Se decide si se trabajará en diseño creciente o
decreciente, quedando siempre la visualización tablet
en el centro del proceso
Responsive design
