¿Cuáles son las 7 C del diseño web?

Usted ha oído que existen siete C del diseño web y quiere la lista para comparar su propio sitio con ella. Es razonable. Este es el problema con el que está a punto de toparse, y vale treinta segundos de advertencia: hay más de una lista. Cuando leímos la primera página de resultados para esta pregunta, aparecieron tres conjuntos realmente distintos de siete C, que comparten la letra y casi nada más. Si hubiera llegado al quinto resultado en lugar del primero, se habría ido con una lista de revisión que ninguna otra fuente reconoce, sin forma de saberlo. Así que, este artículo cubre las siete canónicas con las definiciones del marco original, escritas como cosas que revisar y no como conceptos con los que asentir, y después la octava idea de la misma fuente que ninguna página competidora menciona, que resulta ser la única parte que le dice si su propio sitio aprueba.

¿Cuáles son exactamente las 7 C del diseño web?

El conjunto de abajo viene de una página de referencia académica sobre las 7 C del diseño web alojada por CUNY Baruch, citada y no reescrita, porque las definiciones se reescriben cada vez que alguien las repite.

El marco nace del pensamiento del comercio electrónico, por eso Comercio y Personalización pesan más en él de lo que pesarían en el sitio de un plomero. Eso no es un defecto. Es una razón para darles un peso distinto a las siete según para qué sirve su sitio, que es justo de lo que trata la octava idea más abajo.

¿Cómo se revisan el Contexto y el Contenido en su propio sitio?

Estas dos cargan con la mayor parte del peso para la mayoría de los negocios, y ambas se pueden revisar en unos diez minutos.

El Contexto es la disposición y el diseño, y la prueba honesta no es si a usted le gusta. Abra su propia página de inicio en un teléfono, con datos móviles, y mire solo la primera pantalla sin desplazarse. ¿Puede un desconocido saber qué hace usted, para quién lo hace y qué hacer después? Si tiene que desplazarse para descubrir qué negocio es este, el contexto falló, por buenas que sean las fotografías. Las diez heurísticas de usabilidad de Nielsen Norman Group son la referencia estándar aquí y vale la pena leerlas una vez en la vida, sobre todo la visibilidad del estado del sistema y el reconocimiento en lugar del recuerdo. Sume también la carga a la revisión del contexto, porque una disposición que nadie ha visto todavía no comunica nada: los Core Web Vitals de Google le dan los umbrales reales, y el Largest Contentful Paint es el que mide cuándo la página dejó de verse vacía.

Hay una parte del contexto que la mayoría de las listas se saltan por completo, y no es opcional: si la gente puede usar el sitio en absoluto. Las Pautas de Accesibilidad para el Contenido Web son la referencia, la referencia rápida de WCAG es la versión práctica, y WAVE revisa una página gratis en el navegador. Las fallas de contraste y los campos de formulario sin etiqueta son los dos hallazgos más comunes, y los dos son baratos de arreglar.

El Contenido es donde la mayoría de los sitios de pequeñas empresas de verdad fallan, y la falla es aburrida más que dramática. Hay una página de inicio, una página de quiénes somos, una de contacto y una de servicios que enumera ocho cosas en una lista con viñetas, con una frase cada una. Ese sitio no puede responder una pregunta específica, así que pierde a cualquiera con una necesidad específica, y no hay nada con qué un buscador o un motor de respuestas pueda hacer coincidir la búsqueda. La guía de Google sobre crear contenido útil es el estándar contra el cual escribir, y la prueba que implica es sencilla: ¿sentiría alguien que leyó esta página que tiene suficiente para decidir, o necesitaría ir a preguntarle a alguien?

¿Qué exigen en realidad la Comunidad, la Comunicación y la Conexión?

Estas tres tratan de si su sitio forma parte de una conversación o es una transmisión en un solo sentido, y suelen ser las tres en las que peor sale el sitio de una pequeña empresa.

La Comunidad, en el sentido original, es la comunicación entre usuarios, que para la mayoría de los negocios no significa un foro. Significa si un visitante ve algo de otros clientes. Reseñas en la página, testimonios reales con nombres, casos de estudio de trabajos reales, fotografías de trabajos terminados. Si todo en el sitio es usted hablando de usted, la comunidad falta, y al visitante se le pide que le crea a usted frente a competidores a los que no se les pide eso.

La Comunicación es el contacto en dos sentidos. Cuente las maneras en que alguien puede contactarlo y compruebe que cada una funciona. Llame al número de su propio sitio. Llene su propio formulario de contacto y vea si llega algo, y cuánto tarda usted en responder en la práctica y no en teoría. Esta es la C que más a menudo se rompe en silencio, porque un formulario que dejó de entregar se ve exactamente igual que un formulario que nadie usó. La guía sobre formularios del W3C explica cómo hacerlos usables, y el resto es disciplina operativa más que diseño.

La Conexión es qué tan enlazado está su sitio con el resto de la web, y funciona en ambos sentidos. Hacia afuera, ¿cita y enlaza fuentes reales cuando eso ayuda al lector, o el sitio finge ser la única página de internet? Hacia adentro, ¿hay algo que lo enlace a usted, y están sus propias páginas conectadas entre sí para que un visitante y un rastreador puedan ir de cualquier página a la siguiente que corresponde? Hay una extensión moderna de esta C que la versión de los años 2000 no pudo prever: los motores de respuestas ahora leen los sitios y los resumen en nombre de alguien. La guía de Google sobre las funciones de IA en la búsqueda es tajante en este punto: dice que se aplican los mismos fundamentos y no ningún marcado especial, y los datos estructurados son la forma de declarar los datos de su negocio en un formato que una máquina puede leer sin adivinar. Eso es la Conexión en 2026, y por eso ser legible para los motores de respuestas es un asunto de diseño y no solo de marketing.

¿Cuándo importan de verdad la Personalización y el Comercio?

Honestamente, menos de lo que el marco sugiere, para la mayoría de los negocios, y fingir lo contrario es como una lista de revisión se convierte en trabajo inútil.

La Personalización significa que el sitio se adapta al visitante, o le permite adaptarlo. En un gran sitio de venta al por menor eso vale mucho de verdad. En un sitio de catorce páginas para un negocio local, la mayoría de los intentos se reducen a un aviso de cookies y una ventana emergente, que empeoran la experiencia en vez de hacerla más personal. La versión útil para una pequeña empresa es mucho más sencilla: ¿alguien que llega desde una búsqueda de un servicio específico cae en una página sobre ese servicio, o en su página de inicio? Llevar a la gente a la página relevante es una personalización que no cuesta nada hacer bien y vale más que cualquier widget.

El Comercio es la capacidad de completar una transacción, y conviene leerlo en sentido amplio y no como «¿tiene usted un carrito de compras?». Sea cual sea la acción final en su sitio, comprar, reservar, pedir una cotización, esa es su ruta de comercio y merece el mismo examen que recibe una caja de pago. La investigación sobre abandono del carrito del Baymard Institute es el dato más conocido sobre dónde se rinde la gente, y las causas se aplican mucho más allá de las compras: costos inesperados, la obligación de crear una cuenta, demasiados campos, ninguna señal visible de cuántos pasos faltan. Si su formulario de cotización pide once datos antes de que nadie le haya dicho nada a usted, es la misma falla con otra ropa.

¿Por qué la primera página muestra tres listas distintas de siete C?

Vale una sección corta, para que si llegó aquí después de leer otra lista no se quede confundido.

El conjunto de arriba es el que tiene un origen documentado, y seis de los nueve resultados que leímos lo usan. Pero otras dos circulan con el mismo nombre. Un resultado de la primera página enumera Creatividad, Consistencia, Claridad, Contenido, Continuidad, Compatibilidad y Personalización. Otro enumera Claridad, Consistencia, Contenido, Credibilidad, Contexto, Conveniencia y Conversión.

Ninguna de las dos es un disparate, y no le vamos a decir que están mal. La claridad, la consistencia y la credibilidad son preocupaciones de diseño reales. Lo que no son es las 7 C, en el sentido de un marco que se puede consultar. Alguien reunió siete palabras sensatas que empiezan con C y las publicó con un nombre que ya tenía un significado, y los buscadores no pueden notar la diferencia. Así que, si le entregaron una lista que incluye Conversión o Compatibilidad, le entregaron la lista propia de alguien. Úsela si le sirve. Solo no se ponga a buscar la fuente, porque no existe.

¿Cuál es la octava idea que casi nadie menciona?

Esta es la parte que hace que valga la pena la lectura, y está en la misma página que las siete canónicas. Ninguno de los nueve resultados que revisamos la incluye.

Junto a las siete C, el marco original incluye Ajuste y Refuerzo: «Fit, how the 7c's individually support the business model. Reinforcement, how they all tie together.» (Ajuste, cómo cada una de las 7 C apoya el modelo de negocio. Refuerzo, cómo encajan todas entre sí.)

Léalo dos veces, porque cambia para qué sirve la lista. El Ajuste significa que una C solo cuenta si sirve a lo que su negocio de verdad hace. Una puntuación alta en Personalización en el sitio de un despacho contable de dos personas no es un buen resultado, es esfuerzo gastado en el lugar equivocado. Una puntuación alta en Comercio en un negocio que no vende nada en línea no significa nada. Las siete no son una tabla de puntos donde más es mejor. Son siete dimensiones, y un buen sitio es fuerte en las que su modelo de negocio necesita y deliberadamente ligero en el resto.

El Refuerzo es la mitad más difícil y es la que separa un buen sitio de uno solo ordenado. Pregunta si las siete apuntan en la misma dirección. Un sitio con contenido de verdad útil y un formulario de contacto que nadie responde no es parcialmente bueno, es activamente peor que un sitio más sencillo, porque crea expectativas que después rompe. Un contexto fuerte que lleva a una página vacía desperdicia la buena primera impresión. Reseñas de clientes encantados junto a un formulario de reserva que toma cuatro minutos son dos C discutiendo entre sí. Cuando la gente dice que un sitio web «se siente profesional» sin poder explicar por qué, casi siempre lo que describe es el refuerzo.

Así que, el uso honesto de este marco son dos pasadas. Primero, califique las siete. Después pregúntese de cuáles depende de verdad su negocio, y si esas coinciden entre sí. Esa segunda pasada es donde encuentra el problema real, y es por eso que tratamos un sitio como un solo sistema y no como un conjunto de páginas, ya sea que el trabajo sea un sitio nuevo o arreglar el punto donde un sitio existente pierde a la gente.

Si sus respuestas fueron mixtas, fíjese en el patrón y no en el total. Una respuesta baja entre varias fuertes suele ser el problema del refuerzo: el eslabón débil está gastando la buena voluntad que el resto del sitio se ganó.

Preguntas frecuentes sobre las 7 C del diseño web

¿Cuáles son las 7 C del diseño web?

Contexto, Contenido, Comunidad, Personalización, Comunicación, Conexión y Comercio, que se suelen atribuir al marco de comercio electrónico de Rayport y Jaworski. El Contexto es la disposición y el diseño, el Contenido es el texto y los medios de las páginas, la Comunidad es la interacción entre usuarios, la Personalización es el sitio adaptándose a los visitantes, la Comunicación es el contacto en dos sentidos, la Conexión es qué tan enlazado está el sitio con otros sitios, y el Comercio es la capacidad de completar una transacción. Tenga en cuenta que otras listas circulan con el mismo nombre.

¿Cuáles son los 7 principios del diseño web?

No hay un conjunto único acordado, por eso encontrará listas distintas según dónde busque. La mayoría de las versiones se arman con principios de diseño reales como la jerarquía, el equilibrio, el contraste, la consistencia y el espacio en blanco, pero no existen siete canónicos como sí existe el marco de las 7 C. Si alguien presenta siete principios como definitivos, pregunte de dónde vienen.

¿Cuáles son las cinco reglas de oro del diseño web?

Otra lista sin fuente fija, aunque las versiones que circulan suelen coincidir en lo sustancial: que el propósito sea obvio, que la navegación sea sencilla y consistente, que funcione en un teléfono, que cargue rápido y que el siguiente paso sea fácil de dar. Vale la pena seguir esas cinco. Presentarlas como reglas de oro es marketing, no canon.

¿Cuáles son los 5 elementos de un buen diseño web?

Los cinco que se citan con más frecuencia son la disposición, la tipografía, el color, las imágenes y la navegación, a veces con el contenido en lugar de uno de ellos. Es una división útil para mirar una página con ojo crítico. Tenga en cuenta que trata por completo de la superficie visual, por eso combina mal con un sitio cuyo problema real es que ninguna página responde la pregunta del cliente.

¿Cuáles son las 3 C del diseño?

Por lo general se dan como claridad, consistencia y contraste, y a veces como contenido, contexto y continuidad. Igual que las cinco reglas de oro, es una abreviatura fácil de recordar y no un marco con fuente. Las listas de tres C y de siete C no tienen el mismo linaje, así que no intente conciliarlas.

¿Siguen siendo relevantes las 7 C para los sitios web modernos?

Las siete dimensiones aguantan mejor de lo que cabría esperar de un marco de la era del comercio electrónico, sobre todo porque describen lo que hace un sitio y no cómo se ve. Lo que ha cambiado es el peso de cada una. La Conexión ahora incluye ser legible para los motores de respuestas, el Contexto ahora incluye la velocidad de carga y la accesibilidad, y la Personalización importa mucho menos para el sitio de una pequeña empresa de lo que el contexto original sugería.

En resumen

Las siete C canónicas son Contexto, Contenido, Comunidad, Personalización, Comunicación, Conexión y Comercio, y las definiciones que vale la pena usar son las originales y no las versiones reescritas que circulan. Otras dos listas comparten el nombre y no tienen un origen documentado, así que si le entregaron Conversión o Compatibilidad, le entregaron el conjunto propio de alguien. El paso de verdad útil es tratar cada C como una pregunta con una respuesta que puede comprobar en su navegador esta tarde, no como un concepto con el cual estar de acuerdo.

Y después use la parte que todos dejan fuera. El Ajuste pregunta si cada C sirve a lo que su negocio de verdad hace, lo que significa que una puntuación baja en el lugar correcto está bien y una puntuación alta en el lugar equivocado es dinero desperdiciado. El Refuerzo pregunta si las partes fuertes coinciden entre sí, que es donde casi todos los sitios web decepcionantes resultan tener su problema real: buen contenido detrás de una página lenta, una gran primera impresión que lleva a una página de servicio pobre, reseñas entusiastas junto a un formulario que nadie responde. Revise las siete, después revise esas dos, y tendrá algo más útil que una lista de revisión. Tendrá un diagnóstico.

Si hace la auditoría y quiere una segunda opinión sobre lo que encontró, cuéntenos qué respuestas le resultaron incómodas. En Web Leveling construimos sitios programados a mano donde esas siete apuntan en la misma dirección a propósito, y revisamos la mitad que nadie muestra en una demostración, el contraste, la carga, la entrega de formularios y los datos estructurados, con números y no a ojo. Cuéntenos qué está pasando y le responderemos en un día hábil, incluso para decirle si el arreglo es más pequeño que rehacer el sitio. Todo lo que construimos queda en cuentas registradas a su nombre, así que el sitio sigue siendo suyo.

Términos