Frameworks y herramientas de desarrollo ágil para emprendedores y startups

59
Mario José Villamizar Cano [email protected] - @mariocloud Frameworks y Herramientas de Desarrollo Ágil Para Emprendedores y Startups Co-fundador/CTO de @TicketCode - www.ticketcode.co

Transcript of Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Page 1: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Mario José Villamizar Cano [email protected] - @mariocloud

Frameworks y Herramientas de Desarrollo Ágil Para Emprendedores y Startups

Co-fundador/CTO de @TicketCode - www.ticketcode.co

Page 2: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

2014 @mariocloud

Page 3: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Billones de personas conectadas a Internet

@mariocloud

Page 4: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Tecnologías emergentes revolucionarias

@mariocloud

Page 5: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Las Startups siguen creando disrupción

@mariocloud

Page 6: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Mi historia. 1 Proyecto fallido en Abril 2011

Problema: Los empleados de PYMES desperdician mucho tiempo laboral en redes sociales

http://www.youtube.com/watch?v=ExvDJPJndh0 @mariocloud

Page 7: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Mi historia. 2 Proyecto fallido en Enero 2012

Problema: Solicitar cotizaciones de productos y servicios consume mucho tiempo - www.cotiza.co

@mariocloud

Page 8: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Mi historia. En ejecución desde Enero 2012

Problema: Enviar un bono de regalo requiere mucho tiempo y costos de desplazamiento - www.giftcode.co

@mariocloud

Page 9: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Mi historia. En ejecución desde Enero 2013

Problema: Publicar un sitio web profesional y vender entradas para eventos es difícil y costoso - www.ticketcode.co

@mariocloud

Page 11: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Quiero lanzar una idea de base tecnológica?

@mariocloud

Page 12: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Cómo definir mi modelo de negocio?

@mariocloud

Page 13: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Taking several weeks or months to write a 60-page business plan largely built on untested hypotheses is a form of waste.

Waste is any human activity which absorbs resources but creates no value. —James P. Womak and Daniel T. Jones, Lean Thinking (Free Press)

No pierda tiempo y comience a probar con clientes

@mariocloud

Page 14: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Lean Canvas

@mariocloud

Page 15: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Lean Startup y Customer Development

Desarrolle el producto más simple que le permita aprender de sus clientes y no de las ideas/opiniones/hipótesis de su equipo de trabajo. Es momento de desarrollar e iterar el MVP (Producto Mínimo Viable).

@mariocloud

Page 17: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Cómo crear mi producto (MVP)?

Aplicaciones Web

Aplicaciones Móviles

@mariocloud

Page 18: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

El MVP más rápido puede ser una landing page

Sirve para obtener feedback de posibles usuarios/clientes de la

solución en cuestión de horas (y no meses). @mariocloud

Page 20: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Cómo se crea una aplicación Web?

@mariocloud

Page 21: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Aplicaciones web – Frameworks y lenguajes

@mariocloud

Page 22: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Qué es una aplicación web?

Navegador/Browser Utilizado por los usuarios

para interactuar con la aplicación web

Servidor Web Encargado de generar

el contenido dinámico del sitio

Servidor DB Encargado de

persistir la información

Desarrollador de Front-end

Desarrollador de Back-end Administrador

de DB

@mariocloud

Page 23: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Ejemplo de una aplicación web

Navegador/Browser Utilizado por los usuarios

para interactuar con la aplicación web

Servidor Web Encargado de generar

el contenido dinámico del sitio

Servidor DB Encargado de

persistir la información

Desarrollador de Front-end

Desarrollador de Back-end

Administrador de DB

Todas estas son las funciones que debe ejecutar y

dirigir el Co-fundador/Director de Tecnología (CTO) @mariocloud

Page 24: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Aplicaciones web – Frameworks ágiles de back-end

El uso de un framework de desarrollo ÁGIL facilita el desarrollo del

producto y la iteración del mismo en las primeras etapas. @mariocloud

Page 25: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Aplicaciones web – Frameworks ágiles de back-end

El uso de un framework de desarrollo ÁGIL facilita el desarrollo del

producto y la iteración del mismo en las primeras etapas. @mariocloud

Page 26: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Aplicaciones web – Front-end

@mariocloud

Page 27: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Cada vez hay más usuarios móviles por lo cual es importante desarrollar sitios web que se ajusten a diferentes dispositivos.

Ya hay herramientas para probar como BrowserStack, Ver Ejemplo

Aplicaciones web – Front-end

@mariocloud

Page 28: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Hay frameworks de front-end que facilitan el diseño de interfaces

web Responsive (ajustables a múltiples dispositivos).

Aplicaciones web – Frameworks ágiles de front-end

@mariocloud

Page 29: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Cómo se crea una aplicación móvil?

@mariocloud

Page 30: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Qué es una aplicación móvil nativa?

Dispositivo Utilizado por los usuarios

para interactuar con la aplicación móvil

Servidor Web/REST Encargado de recibir y enviar contenido a

la app móvil

Servidor DB Encargado de

persistir la información

Desarrolladores de Android/iOS/

Windows Phone/ Blackberry

Desarrollador de Back-end Administrador

de DB

@mariocloud

Page 31: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Ejemplo de una aplicación móvil nativa

Servidor Web Encargado de generar

el contenido dinámico del sitio

Servidor DB Encargado de

persistir la información

Desarrollador de Android

Desarrollador de Back-end

Administrador de DB

Dispositivo Utilizado por los usuarios

para interactuar con la aplicación móvil

Todas estas son las funciones que debe ejecutar y

dirigir el Co-fundador/Director de Tecnología (CTO) @mariocloud

Page 32: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Recomendaciones para el MVP (web/móvil)

Defina su estrategia para el MVP: ¿primero web? ¿primero móvil? Para el caso de aplicaciones móviles es importante iterar sobre una sola plataforma (iOS / Android / Windows Phone / BlackBerry). Haga el desarrollo de la aplicación web/móvil in-house sino no va a poder iterar el producto rápidamente CON USUARIOS. Defina un límite de tiempo para lanzar la primera versión (máximo 3 meses). No se invente la rueda en temas técnicos (use soluciones en la nube listas para usar).

@mariocloud

Page 34: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Cómo definir la experiencia de usuario?

Definir los wireframes o mockups es lo primero que se debe hacer ANTES de empezar cualquier desarrollo móvil o web.

@mariocloud

Page 36: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

El diseño del sitio web o la aplicación móvil es importante. Se puede empezar con un diseño simple e ir mejorándolo a lo largo del tiempo.

El diseño hoy en día es importante

@mariocloud

Page 37: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Hay soluciones de plataforma como servicio (PaaS) en la nube que permiten desplegar fácilmente aplicaciones web y móviles. En estas soluciones sólo se paga por los

recursos de cómputo consumidos.

Más herramientas en: www.compracloud.com/categorias/cloud-platform

¿Cómo colocar mi aplicación web/móvil en producción?

@mariocloud

Page 38: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Cómo colocar mi aplicación web/móvil en producción?

Hay soluciones de infraestructura como servicio (IaaS) que permiten tener mayor control de la infraestructura pero requieren de mayores costos de administración. Al

escalar es mejor un IaaS que un PaaS, para empezar es más fácil un PaaS.

Más herramientas en: www.compracloud.com/categorias/cloud-infrastructure

@mariocloud

Page 39: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Cómo colocar mi aplicación web/móvil en producción?

Hoy en día con entre 0 y 200 USD por mes se puede tener un centro de datos similar al de un banco con altos niveles de disponibilidad y

redundancia. @mariocloud

Page 40: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Servicios cloud – New Relic

New Relic es un servicio útil para monitorear las aplicaciones. Está disponible para diferentes frameworks de desarrollo (rails, django, .net, java, etc.)

@mariocloud

Page 41: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Servicios cloud – Sendgrid

Sendgrid es un servicio que facilita el envío de emails transaccionales (email de bienvenida, confirmación de cuenta, etc.).

@mariocloud

Page 42: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Servicios cloud – Airbrake

Airbrake es un servicio que alerta sobre exceciones (errores) en las aplicaciones web o móviles (evita errores silenciosos).

@mariocloud

Page 44: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Servicios cloud – Mixpanel/Kissmetrics

Kismetrics y Mixpanel permiten conocer fácilmente lo que hacen los usuarios en la aplicación web y móvil así como monitorear métricas del negocio.

@mariocloud

Page 46: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Servicios cloud – ZohoCRM/Salesfore.com

ZohoCRM/Salesforce.com es un servicio que facilita la gestión de clientes (CRM).

Más herramientas en: www.compracloud.com/categorias/crm @mariocloud

Page 48: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

¿Cómo escalar mi MVP?

Al principio el enfoque debe estar en obtener feedback de los clientes. La escalabilidad de la solución se va ajustando a lo largo del tiempo. Hay que hacer las optimizaciones en el momento en el que se necesiten si se hacen antes de puede perder tiempo (si el negocio no funciona).

@mariocloud

Page 49: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Despliegues continuos

Desarrollar el producto de forma iterativa e ir probando con posibles clientes

@mariocloud

Page 50: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Mantener el producto simple

Limitar las funcionalidades para que la solución sea simple, amigable, útil y escalable.

He aprendido que:

Es fácil crear productos complejos. Es complejo

crear productos fáciles/simples.

@mariocloud

Page 51: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

El equipo es vital (más importante que la idea)

Product Development

Business Development

Community Manager

Marketing

Finances

Legal and IP

Selling

@mariocloud

Page 52: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

El equipo es vital (más importante que la idea)

Es importante armar un equipo interdisciplinario con ganas de

solucionar el problema, enfocado en superar retos a corto plazo y en

aprender nuevas habilidades (marketing, diseño, desarrollo, etc.).

@mariocloud

Page 53: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Las tareas de growth hacking se basan en TI

@mariocloud

Page 54: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Las tareas de marketing son MUY importantes

Muchos productos fracasan porque sus clientes o usuarios potenciales ni siquiera conocieron el producto.

Recomendación: 50% del equipo en producto y 50% en marketing.

@mariocloud

Page 55: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Definir los indicadores de éxito o fracaso

Es importante enfocar los esfuerzos en resultados medibles

(Por ejemplo: usuarios registrados, acciones de los usuarios, compras,

interacciones, etc.)

@mariocloud

Page 56: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Evaluación continua de métricas del negocio

¿Cuántos usuarios están iniciando sesión diariamente / semanalmente?

¿Cuántos usuarios están registrándose diariamente / semanalmente?

¿Cuantos usuarios están ejecutando la acción X?

¿Cuántos usuarios están ejecutando la acción X y luego la acción Y?

¿Cada usuario registrado cuantos referidos trae al sitio o app?

¿Cuánto cuesta cada usuario registrado? ¿Cada referido? ¿Cada compra?

@mariocloud

Page 57: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

Definir los fúneles de gestión/activación de clientes

@mariocloud

Page 58: Frameworks y herramientas de desarrollo ágil para emprendedores y startups

La ejecución es más importante que las “ideas”

@mariocloud