El diseño web es una disciplina en constante evolución que implica una combinación de creatividad, tecnología y usabilidad. A pesar de que muchas veces se destacan los éxitos, las verdaderas lecciones provienen del análisis crítico y honesto de los experimentos fallidos y de las decisiones que, por diversos motivos, no dieron el resultado esperado en la práctica. El concepto de "Design Graveyard" o "Cementerio de Diseño" se refiere precisamente a ese espacio de reflexión donde se depositan las iniciativas abandonadas para aprender de ellas y mejorar futuros proyectos. A lo largo de más de una década, un proyecto web complejo que comenzó con tecnologías como Gitit y evolucionó incorporando métodos estáticos con Hakyll ha experimentado con numerosas funcionalidades y mejoras técnicas para optimizar la accesibilidad, navegación y usabilidad. Este seguimiento revela una profunda dedicación a la mejora continua, con la implementación de pruebas A/B, renovaciones en la gestión de enlaces, bibliografía, anotaciones emergentes y una sofisticada arquitectura de popups que redefinen la forma en que un lector interactúa con textos extensos y densamente vinculados.
Uno de los aprendizajes más impactantes al revisar proyectos experimentales es entender que no todo lo que suena prometedor funciona en la realidad. Por ejemplo, la implementación original de un sistema de wiki basado en Gitit fue abandonada debido a su rigidez: exigir que cada edición generara un compromiso en el sistema de control de versiones resultó en una experiencia burocrática y agotadora, que terminó por dificultar la creación y mantenimiento continuado de contenido. La transición a un sistema estático basado en Hakyll permitió un desarrollo más ágil, manteniendo la historia, pero optimizando el flujo de trabajo. Las funcionalidades de la interfaz, que pretendían ofrecer mayor claridad y facilidad durante la lectura, también enfrentaron retos. Los scrollbars visuales estilo "jeringas" o "salchichas", que pretendían indicar la longitud parcela de cada sección del texto, resultaron ser más confusos que útiles para los usuarios, al carecer de etiquetas explicativas o indicadores claros.
Así, fueron eliminados en favor de indicadores más convencionales y amigables. En el terreno de la accesibilidad, se experimentó con la integración de ayudas para la lectura, como el Beeline Reader. Esta herramienta añade un gradiente de color en líneas de texto para guiar la vista del lector, facilitando la transición entre líneas. Sin embargo, la respuesta de los usuarios fue negativa, sin mejoras significativas en la permanencia en la página, lo que llevó a su retiro. Este caso ilustra un punto fundamental: las herramientas innovadoras deben siempre ser testeadas con usuarios reales, pues no todas las soluciones tecnológicas se traducen en mejoras perceptibles.
En cuanto al funcionamiento interno del sitio, muchas decisiones técnicas estuvieron marcadas por la evolución de las tecnologías web y las exigencias del ecosistema de navegadores. Uno de los temas recurrentes fue el manejo de URLs. Inicialmente, las URLs sofocaban al usuario y al desarrollador con su complejidad: palabras con mayúsculas, separaciones por espacios codificados en %20, y el uso múltiple de subdominios www generaban problemas de accesibilidad, errores y duplicidades en motores de búsqueda. Con la experiencia, se adoptó una estrategia más sencilla, con URLs en minúsculas, sin espacios ni caracteres especiales y sin la extensión visible, lo que facilitó la memorización, la escritura y mejoró el SEO del sitio. Otra área que dio lugar a reflexiones fue la migración de HTTP a HTTPS.
A pesar de que en sus inicios el protocolo seguro parecía innecesario para un sitio web simple y personal, múltiples razones impusieron su adopción: desde la prevención de ataques y la mejora en la privacidad, hasta la superación de advertencias molestas en navegadores que alejan a los visitantes. La implementación con Cloudflare facilitó enormemente el proceso y demostró ser imprescindible para mantener la credibilidad y seguridad del sitio. La gestión de contenido y la experiencia del lector requirieron desarrollos geniales como el sistema de anotaciones emergentes o popups. Estos permitieron que enlaces académicos, referencias e incluso fragmentos de contenido relacionados aparecieran al pasar el cursor sobre los hipervínculos, sin necesidad de abandonar la página principal. No obstante, la creación de un sistema escalable que soportara recursividad, transclusión y rápida carga demandó iteraciones sucesivas y la adopción de tecnologías como Shadow DOM para garantizar la fluidez y evitar la sobrecarga del navegador.
No todas las ideas relacionadas con la mejora de la usabilidad lograron sobrevivir. El intento de incorporar un sistema de búsqueda propia mediante Google Custom Search Engine (CSE) fue un vaivén repetido. Si bien inicialmente se retiró por su poco uso, fue reimplementado años más tarde para aprovechar la expansión del sitio, pero finalmente se eliminó definitivamente cuando problemas graves de fiabilidad y resultados erróneos deterioraron la confianza en su funcionamiento. Los elementos tipográficos y visuales también fueron objeto de experimentación constante. Por ejemplo, el uso de Google Web Fonts se descartó tras evaluar su lentitud, falta de variedad actualizada y preocupaciones de privacidad.
Optar por fuentes alojadas localmente mejoró la velocidad y permitió un mayor control sobre la presentación. Otra experiencia interesante fue con la representación de fracciones utilizando el carácter Unicode de "fraction slash", que en muchos navegadores presentaba problemas de visualización. La derrota técnica llevó a la adopción de una solución híbrida con CSS y JavaScript que ajustaba manualmente la tipografía para mantener una lectura óptima. Además, la implementación de métodos avanzados de segmentación de texto, como la hifenación y la distribución de texto mediante algoritmos de Knuth-Plass, ilustró tanto el potencial como las limitaciones operativas en los entornos actuales de navegación. Por ejemplo, aunque las técnicas de maximización del espaciado y la suavidad en la distribución tienden a mejorar la estética y legibilidad, su implementación nativa en navegadores sigue siendo limitada, lo cual restringió su uso y originó alternativas como desactivar la justificación total en pantallas angostas.
La experiencia del usuario también fue considerada en áreas no triviales. Por ejemplo, la integración y posterior retirada de sistemas de comentarios basados en plataformas externas como Disqus evidenció la evolución cultural: el auge de redes sociales y agregadores deformó el ecosistema de interacción, tornando obsoletas las secciones de comentarios tradicionales. Sin embargo, también se detectaron problemas técnicos como la desaparición inexplicada de comentarios, complicaciones en temas de privacidad, dificultades en la integración con modos oscuros y degradación del rendimiento general de la página. La adopción de prácticas tipográficas avanzadas como el uso de pequeñas capitales (smallcaps) automáticas para acrónimos fue abandonada debido al impacto negativo en el rendimiento del sitio y la complejidad del mantenimiento. Se constató que ciertos cambios ornamentales, aunque conceptualmente atractivos, suponían más distracciones y costos que beneficios, especialmente en un entorno web con altos requerimientos de eficiencia.
En materia de organización y presentación textual, se abordaron desafíos complejos como el formato óptimo para entrevistas. Dado que las entrevistas poseen una estructura jerárquica y temática difícil de plasmar fielmente en HTML o Markdown, se fueron probando diversas opciones, desde párrafos alternados y tablas, hasta listas definidas y separaciones mediante reglas horizontales con estilización posterior. La solución adoptada implicó una combinación de listas anidadas y la utilización de JavaScript para lograr una presentación alineada en columnas que facilita la identificación clara de interlocutores y la segmentación temática, además de adaptarse bien a dispositivos móviles. El análisis de métricas tradicionales, tales como el tiempo estimado de lectura, llevó a conclusiones críticas sobre su utilidad real. Se determinó que calcular el tiempo de lectura basado únicamente en la cuenta de palabras resulta engañoso en hipertextos complejos, donde la interacción no es lineal, sino que involucra múltiples accesos a anotaciones, saltos y pausas.
Por ello, se priorizó fomentar métodos que ayuden al lector a gestionar mejor su tiempo, como una sección de historial de navegación dentro de cada página que recopila las interacciones con enlaces y popups, facilitando retornar y organizar el estudio. También se aprendió que muchas características técnicas, aunque normadas y soportadas teóricamente en todos los navegadores, fallan frecuentemente en la práctica. El atributo "srcset" para imágenes responsivas es un claro ejemplo: su implementación inconsistente llevó a eliminarlo y optar por soluciones manuales de optimización, privilegiando la experiencia del usuario por encima de adherirse a estándares formales. Esta larga travesía en el "Design Graveyard" demuestra que el diseño web efectivo requiere no sólo innovación sino una capacidad permanente para reflexionar, desechar lo no funcional y reorientar el rumbo hacia soluciones pragmáticas y centradas en el usuario. Los errores y experimentos fallidos se convierten en piedras angulares para construir interfaces más limpias, rápidas y amigables.
Finalmente, subyace la importancia de documentar estos procesos, tanto para evitar la repetición de errores comunes como para promover una cultura de transparencia y aprendizaje continuo en la industria digital. Así, las tumbas del diseño se llenan no de fracasos inútiles, sino de semillas de experiencia que germinan en éxito.
