En muchos proyectos digitales ocurre algo curioso: antes de saber qué necesitan la personas a quienes va dirigida, antes de definir los objetivos, antes incluso de entender bien el contenido, ya estamos hablando de botones, colores, menús o páginas.
“¿Ponemos este botón aquí? Pincha en el menú y muestra…”
“¿Hacemos una sección con estos materiales descargables?”
“¿Diseñamos la home así?”
“¿Y si lo resolvemos con una landing?”
La pregunta parece práctica, pero muchas veces llega demasiado pronto. Y cuando una organización empieza un proyecto digital directamente por la solución visual, se está saltando la parte más importante: el proceso de diseño.
Desde Micelia lo vemos a menudo, especialmente en proyectos de comunicación, educación, cultura o impacto social. Organizaciones con equipos muy preparados en su ámbito —educación, cooperación, participación, comunicación, pedagogía— pero que no siempre conocen cómo se diseña un producto digital. Y eso puede generar un problema de fondo: se confunde el contenido con la experiencia, la web con un contenedor y el diseño con la colocación estética de piezas.
Pero una web o un producto digital no es un fichero descargable con enlaces. Tampoco es una presentación bonita publicada en internet. Una web es un sistema vivo de información, interacción, accesibilidad, usabilidad, tecnología y toma de decisiones.
Diseñar una web no consiste en ordenar elementos en una pantalla, sino en construir una experiencia útil, comprensible, accesible y sostenible para las personas que van a usarla.
¿Por qué sigue costando entender qué es un prototipo?
Una de las señales más claras de que un proyecto digital necesita una fase de diseño es cuando la palabra “prototipo” suena extraña.
Y, sin embargo, el prototipo es una herramienta básica en cualquier proceso de Experiencia de usuario (UX) y por extensión en cualquier proyecto de diseño, ya sea material, digital o conceptual. No es una versión final del producto digital. No es “la web ya hecha”. No es una maqueta decorativa. Es una representación funcional o visual que permite pensar, probar, corregir y tomar decisiones antes de invertir tiempo y presupuesto en desarrollo.
El prototipo sirve para responder preguntas esenciales:
¿La estructura se entiende?
¿La persona que lo usa sabe qué hacer?
¿El recorrido tiene sentido?
¿El contenido está bien jerarquizado?
¿Las llamadas a la acción aparecen donde deben?
¿La navegación acompaña o confunde?
¿Estamos resolviendo una necesidad real o solo trasladando una idea interna de la organización?
¿Cumple con el propósito y resuelve el problema preexistente?
En design thinking, prototipar no es un lujo, sino una fase clave del proceso. Nielsen Norman Group describe el design thinking como un marco que pasa por comprender, explorar y materializar, con fases como empatizar, definir, idear, prototipar, testear e implementar. La Interaction Design Foundation también sitúa el prototipo como una fase central para transformar ideas en soluciones que puedan evaluarse antes de desarrollarse.
Dicho de forma sencilla: prototipar es más barato que equivocarse.
El error de empezar por el contenido cerrado
En proyectos educativos, sociales o culturales es habitual que el contenido tenga mucho peso. Y es lógico. Un buen contenido es fundamental. Pero el problema aparece cuando se crean contenidos cerrados en multiples formatos, antes de haber definido la experiencia digital.
Esto ocurre más de lo que parece: primero se encargan materiales, fichas, documentos descargables o recursos pedagógicos, y después se intenta encajar todo eso en una web. El resultado suele ser una plataforma pesada, poco flexible y centrada más en la lógica interna de la organización que en las necesidades de quien la va a usar o del proyecto.
La pregunta no debería ser solo “¿qué contenidos tenemos?”, sino:
¿Quién va a utilizar estos contenidos?
¿En qué contexto?
¿Desde qué dispositivo?
¿Con qué nivel de atención?
¿Con qué barreras de acceso?
¿Qué necesita encontrar primero?
¿Qué acción queremos facilitar?
¿Qué parte debe ser descargable y qué parte debería convertirse en contenido web navegable?
¿Qué impacto ambiental tiene convertirlo todo en archivos pesados?
Cuando el contenido se diseña al margen del producto digital, la web queda condicionada desde el inicio. Y eso no es un detalle técnico: es una decisión estratégica.
Design thinking: pensar antes de construir
El design thinking no es una moda ni una palabra bonita para vender consultoría. Es una metodología de trabajo que ya tiene una larga tradición, y que ayuda a resolver problemas complejos desde una perspectiva centrada en las personas.
Su valor está precisamente en que evita empezar por la solución. Antes de decidir cómo será una página, intenta entender qué problema hay que resolver. Antes de diseñar una interfaz, observa las necesidades, expectativas y dificultades de quienes van a usarla. Antes de construir, prueba.
La Interaction Design Foundation define el design thinking como un proceso iterativo y no lineal que permite comprender a las personas usuarias, cuestionar supuestos, redefinir problemas y crear soluciones que se prototipan y testean.
En una web, esto significa que el diseño no empieza en Figma ni en WordPress. Empieza mucho antes.
Empieza en el brief.
Empieza en las entrevistas.
Empieza en las preguntas incómodas.
Empieza cuando alguien se atreve a decir: “quizá esta estructura no responde a lo que necesita el público”.
Empieza cuando se distingue entre lo que la organización quiere contar y lo que la persona usuaria necesita entender.
El brief no es un trámite: es el primer acto de diseño
En Micelia damos mucha importancia al brief porque es el documento donde se empieza a ordenar el proyecto. No lo entendemos como un formulario burocrático, sino como una herramienta de pensamiento.
Un buen brief ayuda a definir los objetivos de la web, los públicos, los mensajes principales, las funcionalidades, la estructura editorial, los contenidos, las necesidades de gestión interna y los criterios de éxito.
También permite detectar contradicciones. Por ejemplo: una organización puede decir que quiere una web sencilla, pero al mismo tiempo proponer veinte secciones, varios públicos prioritarios, múltiples documentos descargables, un área de recursos, formularios, noticias, mapa, agenda y contenidos multilingües. Nada de eso es imposible, pero necesita jerarquía, estrategia y diseño.
Sin brief, todo parece importante.
Con brief, empezamos a tomar decisiones.
Y diseñar es precisamente eso: tomar decisiones con criterio.
UX no es “hacerlo bonito”
Una de las confusiones más frecuentes es pensar que UX significa mejorar la apariencia de una web. Pero la experiencia de usuario va mucho más allá de lo visual.
UX tiene que ver con cómo una persona usa un producto digital, lo entiende, lo navega, decide, se orienta, encuentra información, completa una tarea o abandona frustrada una página. Tiene que ver con la arquitectura de la información, la usabilidad, la accesibilidad, el lenguaje, la velocidad de carga, la coherencia de los patrones de interacción y la confianza que genera el sistema.
Una web puede ser visualmente atractiva y funcionar mal. Puede tener buenas ilustraciones y una navegación confusa. Puede tener una paleta preciosa y ser inaccesible. Puede tener grandes textos y no ayudar a nadie a encontrar lo que busca.
Por eso, cuando una organización asume el “diseño de la web” antes de que intervenga un equipo especializado en producto digital, está reduciendo el diseño a una capa superficial. Y esa reducción suele pagarse después: en cambios, retrasos, frustración, sobrecostes y pérdida de calidad.
Usabilidad: que la web se entienda sin instrucciones
La usabilidad es uno de los pilares del diseño UX. Una web usable no obliga a pensar más de la cuenta. No es simplista, pero sí clara. No infantiliza, pero acompaña. No lo muestra todo a la vez, sino que organiza la información de forma que la persona pueda avanzar con seguridad.
En proyectos educativos esto es especialmente importante. Muchas veces hablamos a públicos diversos: docentes, alumnado, familias, entidades sociales, ciudadanía general, administraciones o equipos técnicos. Cada grupo llega con una motivación diferente y con distinto nivel de conocimiento.
Si una web no tiene una arquitectura clara, esos públicos se pierden. Si el lenguaje no está bien trabajado, el mensaje se diluye. Si las llamadas a la acción no están jerarquizadas, nadie sabe cuál es el siguiente paso.
Una buena experiencia digital no consiste en impresionar, sino en facilitar.
Accesibilidad: diseñar para más personas desde el principio
La accesibilidad no debería llegar al final como una revisión técnica. Debe estar presente desde las primeras decisiones de estructura, contenido, diseño y desarrollo.
Las WCAG 2.2 del W3C explican cómo hacer que los contenidos web sean más accesibles para personas con discapacidades visuales, auditivas, físicas, cognitivas, del habla, del lenguaje, del aprendizaje o neurológicas. Además, sus criterios se organizan bajo cuatro principios: que el contenido sea perceptible, operable, comprensible y robusto.
Esto afecta a decisiones muy concretas:
- Cómo se redacta un enlace.
- Cómo se estructura un encabezado.
- Cómo se contrasta un color.
- Cómo se navega con teclado.
- Cómo se etiquetan formularios.
- Cómo se describen imágenes.
- Cómo se organizan los PDFs.
- Cómo se evita que la interacción dependa solo de elementos visuales.
Cuando se diseña una web para una organización la accesibilidad no es un extra. Es coherencia ética. Si el objetivo es llegar a más personas, sensibilizar, educar o transformar, no podemos construir barreras digitales en el propio canal que debería abrir el acceso.
Sostenibilidad digital: menos peso, más sentido
Una web también tiene impacto ambiental. Cada archivo, cada imagen, cada vídeo, cada script innecesario y cada PDF pesado suma consumo de datos, almacenamiento, procesamiento y energía.
Por eso, desde Micelia defendemos que la sostenibilidad digital no consiste solo en medir emisiones al final, sino en diseñar mejor desde el principio. Una web sostenible suele ser también una web más rápida, más clara, más ligera y más fácil de mantener.
Las Web Sustainability Guidelines del W3C ofrecen recomendaciones para que los equipos digitales tomen decisiones más sostenibles considerando el impacto sobre las personas, el planeta y la prosperidad. El propio grupo de sostenibilidad web del W3C plantea estas guías como buenas prácticas basadas en investigación medible y orientadas a profesionales, organizaciones, responsables de políticas y equipos educativos.
En la práctica, esto implica preguntarse:
- ¿Necesitamos realmente este vídeo en portada?
- ¿Este PDF debería ser una página HTML accesible?
- ¿Estamos subiendo imágenes optimizadas?
- ¿La arquitectura reduce pasos innecesarios?
- ¿La web será fácil de mantener dentro de dos años?
- ¿Estamos creando contenido reutilizable o piezas cerradas que pronto quedarán obsoletas?
Sostenibilidad no es hacer menos. Es hacer mejor.
El diseño digital también es pedagogía
En proyectos educativos, el diseño web tiene una dimensión pedagógica muy clara. La forma en que organizamos la información condiciona cómo se comprende.
Una web educativa no debería limitarse a almacenar materiales. Debería crear recorridos, niveles de lectura, puertas de entrada, relaciones entre contenidos y acciones claras. Debería ayudar a docentes, mediadores y estudiantes a saber por dónde empezar, qué recurso elegir, cómo utilizarlo y qué hacer después.
Aquí el diseño UX y la pedagogía no compiten. Se necesitan.
Pero cada disciplina tiene su lugar. Una persona especialista en pedagogía puede crear un contenido excelente, pero eso no significa que esté diseñando correctamente la experiencia digital completa. Del mismo modo, una diseñadora UX no sustituye a una pedagoga en la elaboración didáctica de contenidos. El valor aparece cuando ambas miradas trabajan juntas dentro de un proceso bien definido.
El problema surge cuando una parte ocupa el lugar de la otra sin conocer sus implicaciones.
Una organización no necesita “una web”: necesita un producto digital bien pensado
Muchas organizaciones siguen hablando de “hacer una web” como si se tratara de producir un objeto cerrado. Pero una web actual es más que una entrega visual. Es un producto digital.
- Tiene públicos
- Tiene objetivos
- Tiene flujos
- Tiene contenidos
- Tiene administración interna
- Tiene mantenimiento
- Tiene criterios de accesibilidad
- Tiene rendimiento
- Tiene posicionamiento SEO/GEO
- Tiene medición
- Tiene impacto ambiental
- Tiene vida después del lanzamiento
Por eso, cuando se diseña sin proceso, se multiplican los riesgos. Se toman decisiones prematuras, se fijan estructuras equivocadas, se crean contenidos difíciles de adaptar y se desarrolla sobre supuestos no validados.
En cambio, cuando el proceso está bien planteado, cada fase ayuda a reducir incertidumbre:
Primero entendemos.
Después definimos.
Luego ideamos.
Más tarde prototipamos.
Probamos.
Ajustamos.
Y solo entonces construimos.
Ese orden no ralentiza el proyecto. Lo protege.
El coste de saltarse el proceso
Saltarse el proceso de UX suele parecer más rápido al principio. Pero casi nunca lo es.
Cuando no hay brief, aparecen cambios de alcance.
Cuando no hay arquitectura, la navegación se improvisa.
Cuando no hay prototipo, las decisiones se descubren demasiado tarde.
Cuando no hay testeo, los errores llegan a producción.
Cuando no hay accesibilidad desde el inicio, corregir después cuesta más.
Cuando no hay mirada sostenible, la web nace pesada.
Cuando no hay estrategia, cada persona opina desde su gusto personal.
Y aquí está una de las claves: el diseño profesional no elimina la conversación, pero la ordena. No impone decisiones arbitrarias, sino que crea un marco para decidir mejor.
Porque en un proyecto digital siempre habrá opiniones. La diferencia está en si esas opiniones se contrastan con objetivos, usuarios, datos, criterios técnicos y buenas prácticas, o si terminan decidiendo la web por acumulación de preferencias personales.
Diseñar es cuidar el proyecto antes de construirlo
En Micelia entendemos el diseño web como una responsabilidad. No solo hacemos pantallas. Diseñamos sistemas digitales que deben ser útiles, accesibles, sostenibles y coherentes con la misión de cada organización.
Por eso defendemos el proceso. Aunque a veces parezca menos vistoso que enseñar una pantalla final. Aunque requiera hacer preguntas difíciles. Aunque obligue a revisar ideas iniciales. Aunque frene la tentación de empezar por “poner un botón aquí”.
El proceso no es una capa adicional. Es el pilar que permite que la web tenga sentido.
Una organización que trabaja por la educación, la cultura, los derechos humanos, la sostenibilidad o la transformación social no puede permitirse que su presencia digital sea solo un escaparate. Necesita una herramienta clara, inclusiva y eficaz.
Y eso no se consigue improvisando una interfaz.
Se consigue diseñando.
¿Vas a crear una web? Empieza por las preguntas adecuadas
Antes de hablar de colores, botones o plantillas, conviene detenerse y preguntar:
¿Qué problema tiene que resolver esta web?
¿A quién sirve?
¿Qué necesita entender esa persona?
¿Qué acción queremos facilitar?
¿Qué contenidos son realmente necesarios?
¿Qué barreras podemos eliminar?
¿Qué impacto tendrá a nivel técnico, ambiental y de mantenimiento?
Esa conversación es el inicio del diseño.
En Micelia acompañamos a organizaciones sociales, culturales, educativas y ambientales en la creación de productos digitales pensados desde la estrategia, la experiencia de usuario, la accesibilidad y la sostenibilidad.
Si tu organización está pensando en crear o renovar su web, podemos ayudarte a empezar por donde realmente importa.
Puedes conocer mejor nuestro enfoque en la página de diseño web sostenible, nuestro trabajo en accesibilidad web o nuestra visión sobre sostenibilidad digital.