---
title: "Principios del diseño web (I): Introducción"
url: "https://kike.piensalab.com/principios-del-diseno-web-i-introduccion/"
language: es-ES
published: "2009-05-12T10:18:23+02:00"
updated: "2026-10-05T00:00:00+02:00"
author: "Piensaenweb"
category: "Otros"
summary: "Un buen diseño de una web autogestionable debe tener en cuenta siete cosas: la naturaleza de Internet, el posicionamiento en buscadores, el CMS o panel de administración, el briefing, la accesibilidad, la seguridad y la legalidad, y la usabilidad. Son las lindes generales para que un diseño se adecue al formato de Internet."
publisher: "Piensaenweb"
---

# Principios del diseño web (I): Introducción

> Un buen diseño de una web autogestionable debe tener en cuenta siete cosas: la naturaleza de Internet, el posicionamiento en buscadores, el CMS o panel de administración, el briefing, la accesibilidad, la seguridad y la legalidad, y la usabilidad. Son las lindes generales para que un diseño se adecue al formato de Internet.

Como muchos ya sabéis, en Piensaenweb ofrecemos servicio de [diseño web como marca blanca](https://kike.piensalab.com/diseno-web/) para diseñadores gráficos, agencias y freelances. Para que cada proyecto sea un éxito y no sólo una forma de ganar dinero, es conveniente dar al diseñador unas lindes generales para que sus diseños se adecuen al “formato” de Internet.

## Un buen diseño de una web autogestionable debe tener en cuenta varias cosas

**1.- La naturaleza de Internet**: una web no es un folleto ni un cartel.

**2.- El posicionamiento en buscadores**. Un buen diseño debe conocer la estrategia de posicionamiento y distribuir el texto en la web para que el motor de búsqueda de Google al pasar por allí diga oh yeah.

**3.- CMS o Panel de Administración**. Es la herramienta para que el cliente final introduzca el contenido felizmente. El diseño debe estar preparado para que la información que introduzca el cliente sea creativa, no problemática, y escalable hasta el infinito.

**4.- El briefing**. El diseño debe presentar de manera creativa los elementos estrictamente publicitarios y de marketing que el diseñador ha analizado junto con el cliente final.

**5.- La accesibilidad**. El diseñador debe saber a la perfección cuándo una web es accesible y cuándo no. Los conceptos más técnicos de maquetación son cosa de Piensaenweb, pero el diseñador debe diseñar entornos accesibles.

**6.- Seguridad y legalidad**. El diseñador debe conocer los límites de seguridad y legalidad, por ejemplo cosas básicas como no utilizar imágenes con derechos de autor, facilitar el acceso al Aviso legal, etc.

**7.- Usabilidad.** Dicen que el sentido común es suficiente para que una web sea fácil de usar, pero yo creo que con el sentido común sólo logramos crear webs correctas: Hay que leer sobre [usabilidad](https://es.wikipedia.org/wiki/Usabilidad).

Este es el primer post de una serie en la que iré escribiendo uno por uno sobre principios generales del diseño para tratar de actualizarlos a este momento de Internet.

> **Serie «Principios del diseño web».** I. Introducción (estás aquí) → [II. La indulgencia](https://kike.piensalab.com/principios-del-diseno-web-ii-la-indulgencia/) → [III. Ley de Hick-Hyman](https://kike.piensalab.com/principios-del-diseno-web-iii-ley-de-hick-hyman/)

> **Entrada de 2009.** Los siete puntos siguen vigentes. Lo que ha cambiado es la accesibilidad: hoy se mide con las pautas WCAG del W3C ([la versión 2.2 es de 2023](https://www.w3.org/WAI/news/2023-10-05/wcag22rec/)) y, [desde el 28 de junio de 2025](https://accessible-eu-centre.ec.europa.eu/content-corner/news/new-era-inclusion-begins-eaa-enters-force-2025-06-27_en), la Ley Europea de Accesibilidad la exige a muchos servicios digitales, como el comercio electrónico.

## Preguntas frecuentes sobre los principios del diseño web

### ¿Qué es una web autogestionable?

Es una web con un CMS o panel de administración desde el que el propio cliente publica y edita el contenido sin tocar código. Por eso el diseño tiene que aguantar textos e imágenes que no se conocían al diseñarlo.

### ¿Por qué el diseño web no es como diseñar un folleto?

Porque una web es interactiva, se ve en pantallas de tamaños muy distintos, la leen buscadores y la usan personas con capacidades diferentes. El diseño tiene que funcionar en todos esos casos, no solo verse bien.

**¿Diseñamos tu web teniendo en cuenta estos principios?**

Cuidamos la usabilidad, la accesibilidad y el posicionamiento desde el primer boceto.

[Ver diseño web](https://kike.piensalab.com/diseno-web/)

---

Fuente: [Principios del diseño web (I): Introducción](https://kike.piensalab.com/principios-del-diseno-web-i-introduccion/), por Piensaenweb.