Caja morfológica

Combinar opciones de cada parámetro.

Definición

Una caja morfológica pone en filas los parámetros de diseño y en cada fila sus alternativas, y traza cada concepto candidato como un recorrido que elige una alternativa por parámetro. Se lee en qué parámetros coinciden y en cuáles difieren los candidatos. Sirve para generar y comparar conceptos de producto o de servicio.

Editar con tus datos SVG Spec JSON

El debate de tres meses cabe en dos recorridos de seis decisiones: los dos conceptos ya comparten cuatro de las seis decisiones

Datos: category · label · series
Buena para: Comparar conceptos candidatos como combinaciones de decisiones y ver en cuántas difieren.
Evítala cuando: Cuando las alternativas tienen puntuación u orden: aquí son opciones excluyentes y la caja no ordena nada.
Se lee bien: Entre 2 y 12 elementos; dibuja hasta 12
Datos que faltan: No usa valores que puedan faltar.
Accesibilidad: Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`category`	string	El parámetro de diseño: la fila de la caja. Se REPITE una vez por cada alternativa suya, porque el formato es largo (una fila del spec = una celda de la caja).
`label`	string	La alternativa concreta de ese parámetro. Las alternativas de una fila no tienen orden entre sí: son opciones excluyentes, no escalones de una escala.
`series`	any	Cada columna restante es un RECORRIDO —un concepto candidato— y su cabecera es el nombre con el que sale en la leyenda. La celda se marca con «✓», «x», «sí» o cualquier número distinto de 0; el hueco, «-», «no» o 0 significan que no lo elige. Un recorrido tiene que elegir EXACTAMENTE una alternativa por parámetro: ni ninguna ni dos. Las columnas de numeración o nota («N», «Orden», «Notas») se descartan por nombre.

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

¿Las alternativas no tienen puntuación?

Si cada opción se valora con un grado, se marca en una tabla con bolas de relleno.

Sí: quédate con caja morfológica

No: usa Bolas de Harvey

¿Comparas conceptos por las decisiones que toman?

Si comparas tu oferta con la de competidores factor a factor, se dibujan sus curvas de valor.

Sí: quédate con caja morfológica

No: usa Lienzo estratégico

¿Los parámetros son independientes entre sí?

Si cada decisión abre otras distintas, se dibuja como ramas.

Sí: quédate con caja morfológica

No: usa Árbol de decisión

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('morphologicalbox');
spec.data.rows = misFilas; // category, label, series
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →

Dudas

¿Cómo marco que un recorrido elige una alternativa?

En la columna del recorrido, con «✓», «x», «sí» o un número distinto de cero. Un hueco, «-», «no» o 0 significan que no la elige.

¿Qué pasa si un recorrido elige dos alternativas o ninguna?

Falla nombrando el parámetro: cada recorrido tiene que elegir exactamente una por parámetro.

¿Puedo añadir columnas de notas?

Sí: las columnas llamadas «N», «Orden» o «Notas» se descartan y no se leen como recorridos.

¿Qué hace si faltan datos?

No usa valores que puedan faltar.

¿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 «partes de un todo»

Guía para elegir: partes de un todo →