Banderas de características

Las banderas de características te permiten habilitar o deshabilitar a distancia la funcionalidad para una selección específica o aleatoria de usuarios. Y lo que es más importante, te permiten activar y desactivar una característica en producción sin necesidad de desplegar código adicional ni actualizar la tienda de aplicaciones. Esto te permite desplegar nuevas características con seguridad y confianza.

Requisitos previos

Estas son las versiones mínimas del SDK necesarias para empezar a utilizar las banderas de características:

Ejemplos

Despliegues graduales

Utiliza los indicadores de características para habilitar gradualmente características a una muestra de población. Por ejemplo, puedes hacer un lanzamiento suave de una nueva característica primero a tus usuarios VIP. Esta estrategia ayuda a mitigar los riesgos asociados con el envío de nuevas características a todo el mundo a la vez y ayuda a detectar los errores con antelación.

Por ejemplo, digamos que hemos decidido añadir un nuevo enlace de “Asistencia por chat en vivo” a nuestra aplicación para agilizar el servicio al cliente. Podríamos ofrecer esta característica a todos los clientes a la vez. Sin embargo, un lanzamiento amplio conlleva riesgos, como estos:

• Nuestro equipo de soporte aún está en formación, y los clientes podrán iniciar los tickets de soporte una vez que esté disponible. Esto no nos da margen en caso de que el equipo de soporte necesite más tiempo.
• No estamos seguros del volumen real de nuevos casos de asistencia que recibiremos, por lo que es posible que no contemos con el personal adecuado.
• Si nuestro equipo de soporte está desbordado, no tenemos ninguna estrategia para volver a desactivar rápidamente esta característica.
• Es posible que se introduzcan errores en el widget de chat, y no queremos que los clientes tengan una experiencia negativa.

Con las feature flags de Braze, podemos desplegar la característica gradualmente y mitigar todos estos riesgos:

• Activaremos la característica “Asistencia por chat en vivo” cuando el equipo de soporte diga que está preparado.
• Habilitaremos esta nueva característica sólo para el 10% de los usuarios para determinar si contamos con el personal adecuado.
• Si hay algún error, podemos desactivar rápidamente la característica en lugar de apresurarnos a enviar una nueva versión.

Para desplegar gradualmente esta característica, podemos crear una bandera de característica llamada “Widget de chat en vivo”.

En el código de nuestra aplicación, sólo mostraremos el botón Iniciar chat en vivo cuando esté habilitada la bandera de la característica Braze:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import {useState} from "react";
import * as braze from "@braze/web-sdk";

// Get the initial value from the Braze SDK
const featureFlag = braze.getFeatureFlag("enable_live_chat");
const [liveChatEnabled, setLiveChatEnabled] = useState(featureFlag.enabled);

// Listen for updates from the Braze SDK
braze.subscribeToFeatureFlagsUpdates(() => {
    const newValue = braze.getFeatureFlag("enable_live_chat").enabled;
    setLiveChatEnabled(newValue);
});

// Only show the Live Chat if the Braze SDK determines it is enabled
return (<>
  Need help? <button>Email Our Team</button>
  {liveChatEnabled && <button>Start Live Chat</button>}
</>)

Controla a distancia las variables de la aplicación

Utiliza banderas de características para modificar la funcionalidad de tu aplicación en producción. Esto puede ser especialmente importante para las aplicaciones móviles, donde las aprobaciones de las tiendas de aplicaciones impiden que los cambios se apliquen rápidamente a todos los usuarios.

Por ejemplo, supongamos que nuestro equipo de marketing quiere incluir nuestras ventas y promociones actuales en la navegación de nuestra aplicación. Normalmente, nuestros ingenieros necesitan una semana de plazo para cualquier cambio y tres días para una revisión en la tienda de aplicaciones. Pero teniendo en cuenta que las fechas de Acción de Gracias, el Viernes Negro, el Ciberlunes, Hanukkah, Navidad y Año Nuevo suceden todas dentro de dos meses, no podremos cumplir estos plazos tan ajustados.

Con las banderas de características, podemos dejar que Braze controle el contenido del enlace de navegación de nuestra aplicación, permitiendo a nuestro administrador de marketing hacer cambios en cuestión de minutos en lugar de días.

Para configurar remotamente esta característica, crearemos una nueva bandera de característica llamada navigation_promo_link y definiremos las siguientes propiedades iniciales:

En nuestra aplicación, utilizaremos métodos getter de Braze para recuperar las propiedades de esta bandera de característica y construir los enlaces de navegación basándonos en esos valores:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import * as braze from "@braze/web-sdk";
import {useState} from "react";

const featureFlag = braze.getFeatureFlag("navigation_promo_link");
// Check if the feature flag is enabled
const [promoEnabled, setPromoEnabled] = useState(featureFlag.enabled);
// Read the "link" property
const [promoLink, setPromoLink] = useState(featureFlag.getStringProperty("link"));
// Read the "text" property
const [promoText, setPromoText] = useState(featureFlag.getStringProperty("text"));

return (<>
  <div>
    <a href="/">Home</a>
    { promoEnabled && <a href={promoLink}>{promoText}</a> }
    <a href="/products">Products</a>
    <a href="/categories">Categories
  </div>
</>)

Ahora, el día antes de Acción de Gracias, sólo tenemos que cambiar esos valores de propiedad en el panel de Braze.

Como resultado, la próxima vez que alguien cargue la aplicación, verá las nuevas ofertas de Acción de Gracias.

Coordinación de mensajes

Utiliza banderas de características para sincronizar el despliegue y la mensajería de una característica. Esto te permitirá utilizar Braze como fuente de verdad tanto para tu experiencia de usuario como para su mensajería relevante. Para conseguirlo, dirige la nueva característica a un segmento concreto o a una parte filtrada de tu audiencia. Después, crea una campaña o Canvas que solo se dirija a ese segmento.

Supongamos que lanzamos un nuevo programa de recompensas de fidelización para nuestros usuarios. Puede ser difícil para los equipos de marketing y producto coordinar perfectamente el momento de la mensajería promocional con el lanzamiento de una característica. Los indicadores de características en Canvas te permiten aplicar una lógica sofisticada a la hora de habilitar una característica para una audiencia seleccionada y controlar la mensajería relacionada para esos mismos usuarios.

Para coordinar eficazmente el despliegue de características y la mensajería, crearemos una nueva feature flag llamada show_loyalty_program. Para nuestro lanzamiento inicial por fases, dejaremos que Canvas controle cuándo y para quién se habilita la bandera de la característica. Por ahora, dejaremos el porcentaje de despliegue en 0% y no seleccionaremos ningún segmento de destino.

A continuación, en el Flujo de Canvas, crearemos un paso de Feature flag que habilite la feature flag show_loyalty_program para nuestro segmento “Clientes de alto valor”:

Ahora, los usuarios de este segmento empezarán a ver el nuevo programa de fidelización y, una vez habilitado, se enviarán automáticamente un correo electrónico y un cuestionario para ayudar a nuestro equipo a recabar opiniones.

Experimentación de características

Utiliza las banderas de características para experimentar y confirmar tus hipótesis en torno a tu nueva característica. Al dividir el tráfico en dos o más grupos, puedes comparar el impacto de una bandera de característica en todos los grupos, y determinar el mejor curso de acción en función de los resultados.

Una prueba A/B es una potente herramienta que compara las respuestas de los usuarios a múltiples versiones de una variable.

En este ejemplo, nuestro equipo ha creado un nuevo flujo de pago para nuestra aplicación de comercio electrónico. Aunque estamos seguros de que mejora la experiencia del usuario, queremos hacer una prueba A/B para medir su impacto en los ingresos de nuestra aplicación.

Para empezar, crearemos una nueva feature flag llamada enable_checkout_v2. No añadiremos un porcentaje de audiencia o de lanzamiento. En su lugar, utilizaremos un experimento de señalización de características para dividir el tráfico, habilitar la característica y medir el resultado.

En nuestra aplicación, comprobaremos si la bandera de característica está habilitada o no y cambiaremos el flujo de pago en función de la respuesta:

1
2
3
4
5
6
7
8
9
import * as braze from "@braze/web-sdk";

const featureFlag = braze.getFeatureFlag("enable_checkout_v2");
braze.logFeatureFlagImpression("enable_checkout_v2");
if (featureFlag?.enabled) {
  return <NewCheckoutFlow />  
} else {
  return <OldCheckoutFlow />
}

Configuraremos nuestra prueba A/B en un Experimento de bandera de características.

Ahora, el 50% de los usuarios verán la experiencia antigua, mientras que el otro 50% verá la experiencia nueva. A continuación, podemos analizar las dos variantes para determinar qué flujo de pago dio lugar a una mayor tasa de conversión.

La tasa de conversión es el porcentaje de veces que se ha producido un evento definido en comparación con todos los destinatarios de un mensaje. Este evento definido se determina cuando construyes la campaña.

Una vez determinado el ganador, podemos detener esta campaña y aumentar el porcentaje de despliegue de la característica al 100% para todos los usuarios, mientras nuestro equipo de ingeniería la codifica en la próxima versión de la aplicación.

Segmentación

Utiliza el filtro Bandera de características para crear un segmento o dirigir la mensajería a los usuarios en función de si tienen habilitada una bandera de características. Por ejemplo, supongamos que tenemos una bandera de característica que controla el contenido premium en nuestra aplicación. Podríamos crear un segmento que filtrara a los usuarios que no tienen habilitada la bandera de característica, y luego enviar a ese segmento un mensaje instándoles a actualizar su cuenta para ver contenido premium.

Para más información sobre cómo filtrar por segmentos, consulta Crear un segmento.

Limitaciones del plan

Estas son las limitaciones de la bandera de características para los planes gratuitos y de pago.

Se considera que una bandera de característica está activa y contará para tu límite si se da alguna de las siguientes circunstancias:

• La difusión es superior al 0%.
• Utilizado en un Canvas activo
• Utilizado en un experimento activo

Aunque la misma bandera de característica coincida con varios criterios, por ejemplo si se utiliza en un Canvas y el despliegue es del 50%, sólo contará como 1 bandera de característica activa para tu límite.