Archivo: Autor

 
0

jueves,

mayo

3,

2018

Aplicaciones Móviles, eCommerce, Tecnologia

React, tecnología APP en eCommerce

 

¿Qué es React?

Una de las tendencias muy marcadas en el último año en el terrero del desarrollo de software y que seguirá en alza durante este 2018 es el flamante framework que se encuentra en las entrañas de sitios web y aplicaciones móviles de compañias tan gigantes como Facebook, Instagram, Airbnb, Uber, Wallmart, Bloomberg o incluso Skype , siendo testeada en versión React para android. Desarrollado por la propia compañía de Mark Zuckerberg y con una gran comunidad alrededor que se encarga de mantener y crear features, plugins, etc. Tiene Licencia MIT, lo que quiere decir que es de uso libre y puede ser patentado cualquier producto desarrollado bajo el propio framework.

Recientemente en el F8 , evento de Facebook en la ciudad de San Jóse (California) , dónde exponen todas las novedades que tienen preparadas entre otras cosas, anunciaron una nueva librería para desarrollar Realidad Virtual con éste framework, donde el lema es Learn once, write everywhere , lo que se traduce como un lenguaje universal para todas las plataformas.

Pero, ¿ y qué relación tiene con el E-commerce?

Esa pregunta nos lleva a otra tendencia, y si todavía eres una de esas personas que no tiene claro las posibilidades que brinda y el auge que están teniendo las apps móviles en el E-commerce, estás en el lugar indicado y en el momento correcto, para salir de esa inconsciencia transitoria.

En el último cuatrimestre de 2017, según lo que se desprende del informe realizado por Criteo, donde se tiene en cuenta los negocios E-commerce con ventas multi-canal (aplicaciones móviles, web y web adaptada a móviles) , el canal más popular en Estados Unidos, ha sido su aplicación móvil. De entre todas las transacciones realizadas por sus usuarios, la app móvil obtuvo un 44% del total de ellas, un 33% para el canal web y un 23% para la web móvil.

Pero ahí queda la cosa, el 66% de todas las ventas generadas en Estados unidos a través de un dispositivo móvil fue a través de una aplicación, demostrando que sus niveles de conversión son mejores que los de la web móvil gracias a su superior rendimiento, ya que ése es uno de los problemas que encuentra el usuario en muchas web a través de dispositivos móviles. Y de ahí viene la importancia de desarrollar pensando y mucho en la User Experience.

Aparte de lo ya comentado una aplicación móvil trae consigo una serie de ventajas de las que un buen emprendedor no debe hacer caso omiso si quiere ofrecer a sus usuarios una experiencia sobresaliente:

 

  1. Nivel de fidelización significativo.
  2. Notificaciones de promociones, eventos, etc.
  3. Posibilidad de uso sin conexión a Internet.
  4. Funcionalidades y diseño exclusivo en la User Interface.
  5. Mayor velocidad de rendimiento.
  6. Acceso fácil y al alcance de la mano de tu negocio..

 

Después de comenzar a entender las ventajas de una app móvil, te estarás planteando la posibilidad de desarrollar una, pero déjame advertirte que, el desarrollo de una aplicación móvil nativa no es para nada sencillo, sin contar con que hay que desarrollarla para varias plataformas con distintos lenguajes de programación, lo que aumenta los costos y los tiempos si lo que se quiere conseguir es un app multiplataforma. Pero no desesperes , aquí es donde React entra en juego, con una de sus librerías, React Native.

Así que hoy vengo a hablaros de lo que en Freshcommerce podemos hacer por ti, tanto si eres apasionado del E-commerce, de las apps o simplemente de la tecnología.

Nosotros ofrecemos un desarrollo Cross-platform y en concreto con enfoque ‘bridge‘ por sus múltiples ventajas.

Ventajas

En el desarrollo de aplicaciones móviles existen 3 aproximaciones para abordar la creación de la misma:

  1. Desarrollo nativo: En el desarrollo nativo de una app móvil, la premisa es clara. Utilizar el lenguaje propio de la plataforma a la que se espera publicar dicha app, pudiendo ser iOS para dispositivos Apple, Android y Windows para el resto. Esto tiene la desventaja de que si quieres que tu aplicación móvil sea multiplataforma, vas a tener que programar en los diferentes lenguajes e IDE’s para cada una de ellas sin la poisibilidad de compartir el código entre ellas. Su ventaja, que te aseguras que su rendimiento será 100% nativo. La experiencia de usuario es muy buena pero la de desarrollo no lo es tanto.
  2. Desarrollo Híbrido:  En el desarrollo híbrido contamos con la posibilidad de programas con tecnologías web, es decir HTML5, CSS3 y Javascript, haciendo que la experiencia desarrollando sea muy buena, pero tiene desventajas. El enfoque en sí, se trata de utilizar el núcleo del navegador del móvil y utilizar como contenedor, la tecnología nativa del dispositivo. Eso conlleva un rendimiento malo, ya que está continuamente interpretando a través del navegador todo el código escrito en su núcleo para poder simular una User Interface nativa, la cual realmente no es.
  3. Desarrollo Cross-platform: En el desarrollo Cross-platform lo que se consigue es dos ventajas muy importantes, rendimiento nativo y re-usabilidad del código para las diferentes plataformas. ¿Cómo lo consigue? , lo consigue a través de su compilación. Los frameworks de Cross-platform lo que hacen es compilar el código programado del propio framework y compilarlo a código nativo, para que el rendimiento sea practicamente igual que el de una aplicación nativa además de que con ese mismo código lo compila para las diferentes plataformas en las que tu quieras publicar tu aplicación móvil, llegando casi a un 95% de re-usabilidad en algunos casos.

Asi que descartado el desarrollo híbrido y el desarrollo nativo, entre las ventajas que podemos ver entre los dos frameworks Cross-platform elegidos por Freshcommerce podemos encontrar y en especial en React Native:

En la UX (user experience):

 

  • Rendimiento nativo ya que su código compila a Código nativo.
  • Lenguaje Javascript para compilación JIT y obtener diferentes hilos de ejecución para un mayor rendimiento.
  • User Interface nativa.
  • Uso de componentes nativos y Third parties.
  • Estrategia Flux/redux para un renderizado según el state de la app y sólo de los elementos modificados, lo que se traduce en un mayor rendimiento.
  • Excelente administrtación de la memoria para reducir el gasto en batería y velocidad de procesamiento.

ReactUX

 

En la DX (experiencia de desarrollo) :

 

  • Reducción de tiempos de desarrollo.
  • Hot Reloading.
  • Debugging soportado en Chrome para los devs en este navegador.
  • Código compartido con todas las plataformas.
  • IDE gratuito
  • Traducción a nativo de las últimas técnicas en CSS
  • Mucha documentación

react DX

Xamarin y React Native son las dos mejores opciones a la hora de desarrollar aplicaciones móviles, pero considerando que Xamarin lleva más tiempo en el mercado, la irrupción y la popularidad que está consiguiendo React , ganada a pulso, desde Freshcommerce nos decantamos por desarrollar nuestras apps móviles con este framework de Facebook con visos de tener un futuro espectacular.

LEER MÁS →

 
0

jueves,

marzo

1,

2018

Aplicaciones Móviles, eCommerce

¿Qué son las PWA? (Progressive Web Apps)

Sí, sé lo que estás pensando, otro artículo sobre software que pueda que no te aporte nada a tu negocio o empleo. Pero nada más lejos de la realidad. Si actualmente estás desarrollando tu carrera profesional en el mundo digital, tienes un negocio E-commerce o simplemente estás pensando en entrar en él, esto te interesa y mucho.

Desventajas de las APPs Móviles tradicionales

No nos va a sorprender que, hoy en día, el acceso a internet mediante el uso de dispositivos móviles es superior al de otras plataformas, lo que justifica la alta demanda que existe por parte de empresas y negocios el desarrollo de aplicaciones móviles.

Pero tienen un enorme problema, la gran cantidad de aplicaciones que existen en los marketplaces no son utilizadas por la gran cantidad de usuarios de está plataforma. Esto lo sabemos porque simplemente la mayoría utiliza las aplicaciones más populares (Facebook, Whatsapp, Twitter, Youtube, Instagram, etc.) y es por ello por lo que Google, como gran conocedor de esto (desarrollador de Android y el rey indiscutible de la información en internet), ha creado e impulsado el concepto de Progressive Web Apps, que viene siendo la manera de llevar todo el concepto y la simplicidad de las aplicaciones web a los dispositivos móviles y sumarle las ventajas y características de una aplicación móvil nativa. En otras palabras, crear una aplicación web que, al adaptarlo a dispositivos móviles, cuente con el comportamiento y características de una aplicación móvil.

PWAs al rescate ¿Cómo funcionan? ¿Qué ventajas aportan al eCommerce?

Y te estarás preguntando ¿cómo se consigue todo esto? Todo esto se consigue a través de una serie de tecnologías, estrategias técnicas y utilizando código reusable (API’s html5) para adaptar el comportamiento de la app web a una app móvil nativa con funcionalidades del propio navegador ya que, en la actualidad, el navegador cuenta con una serie de funcionalidades tales como acceder a la cámara, gps, acceder al micrófono, push notifications, etc. entre muchas otras, como si de una aplicación nativa se tratase. Gracias a ello, podemos aprovechar todo esto para adaptar la funcionalidad de la aplicación web en dispositivos móviles y que se comporte como una aplicación móvil nativa. Carga rápida como una aplicación móvil nativa, respuesta rápida a las interacciones, eficiencia y rendimiento prácticamente como una aplicación móvil nativa, funcionalidad offline gracias a la memoria caché, icono de acceso rápido como si se tratara de una aplicación móvil sin necesidad de instalación, apariencia y comportamiento como una aplicación móvil nativa, son algunas de las características que aumentan la confianza en los usuarios y que las PWA obtienen al traer lo mejor de la aplicación web y móvil en una.

El término Progressive quiere decir que puedes ir mejorándolo e implementando a medida que los navegadores se actualizan solos e incluyen nuevas funcionalidades, al igual que los API de html5, sin necesidad de reescribir de cero.

Como ya comentaba, la distribución del software en móviles es uno de los grandes problemas, por eso las PWA parten con mucha ventaja ya que el entorno de la web en sí es un modelo distribuido y la manera con la que los usuarios entran a tu sitio web sin necesidad de descargarlo e instalarlo es mucho más simple y no te fuerza a ello, mejorando la experiencia del usuario.

Así, Google se ha basado en ello para eventualmente crear el concepto de PWA que ya se está estandarizando como un concepto y tecnología propia de la que se está hablando en todos los rincones de desarrollo Front-End. Al ser un estándar, significa que no vas a tener que utilizar software de terceros (plugins, add-ons, etc.), sino que los propios navegadores proveerán estás características y funcionalidades. Así que no es aventurado afirmar que puede ser el futuro de las aplicaciones y sitios web.

Y si hablamos de Front-End, tenemos que hablar del gran Javascript. Una de las características Javascript que es fundamental en las PWA es el Service Worker, para ejecutar otro hilo ejecución en tu aplicación en background sync. o segundo plano para realizar otras tareas de forma pararela sin interferir en la ejecución del hilo principal, habilitar notificaciones push, sincronizar datos una vez se hayan enviado y la conectividad se cortó para que automáticamente los envie una vez vuelva a recuperarla, habilitar que contenido cachear, geolocalización, media API y un largo etcétera.

Como sabéis, o no, hay muchos frameworks basados en Javscript tales como ReactJS, AngularJS, VueJS, NativeScript, etc. así que está en vosotros valorar cual de ellos se adapta mejor a vuestras necesidades.

Sin duda,el futuro del marketing móvil y desarrollo de aplicaciones pasa por este concepto de las Progressive Web Apps ya que aúnan lo mejor de los mundos y mejora la experiencia del usuario final.

LEER MÁS →