Lienzo de propuesta de valor
Encajar lo que se ofrece con lo que se necesita.
Definición
El lienzo de propuesta de valor enfrenta el perfil del cliente con la oferta: a un lado los trabajos del cliente, sus dolores y sus alegrías; al otro los productos y servicios, los aliviadores de dolor y los generadores de alegrías. Cada pieza de la oferta se enlaza con la ficha del cliente a la que responde. Se lee buscando necesidades importantes que no tienen nada enfrente.
- Datos
- label · category · weight · target
- Buena para
- Descubrir qué necesidades del cliente quedan sin respuesta en la oferta.
- Evítala cuando
- Cuando hay que probar que la oferta funciona: el lienzo afirma cobertura, no eficacia.
- Se lee bien
- Entre 2 y 13 elementos; dibuja hasta 13
- Datos que faltan
- Se niega a dibujar y dice qué valor falta.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
label | string | El texto del post-it, y su IDENTIDAD dentro de la lámina: es lo que nombra «Responde a». Una fila por ficha; dos fichas con el mismo texto fallan, porque dejarían el encaje sin destino. |
category | string | A cuál de las SEIS ranuras del modelo va la ficha, y con ella a qué silueta y a qué banda. Vocabulario cerrado, con tabla de alias en castellano e inglés: una séptima ranura falla escribiendo las seis. No se infiere del orden de las filas. |
weight | number | La barra PARTIDA de la ficha: un entero que se lee contra la escala declarada por el marco («overrides.style.vpc.escala», 5 por defecto), nunca contra el máximo del fichero. Fuera de 1…escala falla con la cifra, y un hueco no se lee como cero. |
target · opcional | string | La ÚNICA ficha del cliente a la que responde una pieza de la oferta, nombrada por su texto exacto. Vacía en las fichas del círculo. Un destino que no existe falla listando las que sí hay; es la columna de la que sale toda la cobertura que la lámina afirma. |
Tamaños
Ancha por necesidad
Esta pieza necesita anchura para que cada rótulo quepa entero. El motor prefiere decirlo a apretarla.
A menos de 480 px sus rótulos no caben sin pisarse o recortarse, y el motor no la publica así. En el móvil se ve la versión ancha, a tamaño legible y sin recortar, dentro de un marco que se desliza.
Cuándo usarla
Tres preguntas antes de elegirla
¿Cruzas la oferta con las necesidades de un cliente?
Si solo quieres ordenar ideas en ranuras, sin enlaces entre ellas, basta con un lienzo genérico.
Sí: quédate con lienzo de propuesta de valor
No: usa Lienzo de ranuras
¿Comparas la oferta con el cliente y no con competidores?
Si la pregunta es en qué factores te diferencias de la competencia, conviene el lienzo estratégico.
Sí: quédate con lienzo de propuesta de valor
No: usa Lienzo estratégico
¿Basta con saber qué está cubierto?
Si hay que clasificar atributos según la satisfacción que generan, sirve el modelo de Kano.
Sí: quédate con lienzo de propuesta de valor
No: usa Modelo de Kano
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('valuepropositioncanvas');
spec.data.rows = misFilas; // label, category, weight
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Cómo se marca la importancia de una ficha?
Con un entero que se lee contra una escala fija, de 5 por defecto, y no contra la ficha más importante.
¿Cómo enlazo una pieza de la oferta con el cliente?
Nombrando el texto exacto de la única ficha del cliente a la que responde. Un destino que no existe da error.
¿Pueden repetirse textos?
No. El texto es la identidad de cada ficha, así que dos fichas iguales fallan.
¿Qué hace si faltan datos?
Se niega a dibujar y dice qué valor falta.
¿Cómo se ve en el móvil?
A menos de 480 px el motor no la compone sin pisar o cortar rótulos, y lo dice. En el móvil se ve la versión ancha, a tamaño legible, dentro de un marco que se desliza.
Relacionadas
Otras formas de responder «cómo funciona algo»
Matriz de adyacenciaquién se conecta con quién en una red
Diagrama de arcosconexiones entre nodos ordenados en una línea
Diagrama de pajaritacausas y consecuencias de un riesgo central
Columnas enfrentadascontrastar dos o más posturas
Rejilla con casilla vacíaver qué combinación falta
Diagrama de Ishikawacausas posibles de un problema por familias