fbpx Skip to content

8 Tendencias Web Muertas Sin las cuales Estaríamos Mejor

Muchas personas muy inteligentes han dicho que los que no aprenden de la historia están condenados a repetirla. Otras personas dicen que el cebo de la nostalgia…ahem…las “retrospectivas” reciben muchos clics. Ambos tienen razón, y pensé que sería divertido y educativo echar un vistazo a algunas de las convenciones de interfaz de usuario muertas de antaño.

Es bueno recordar por qué vivieron, cómo y por qué murieron. Nos da una idea de cómo nacieron las mejores prácticas y por qué son las “mejores” prácticas que tenemos. Nos da el contexto para construir el futuro de la web. Y además, la industria consigue novatos cada año, y ellos también deberían saber algunas de estas cosas.

Me alegro de que no tengan que sufrir lo que nosotros sufrimos, pero deberían saber lo que nosotros sufrimos. Amigos, compatriotas, romanos: no venimos aquí a lamentar estas convenciones de interfaz de usuario y características del navegador, sino a enterrarlas.

Shhhh…. shhhhh… está bien. No hay problema. Está muerto, y ya no puede hacerte daño.

Para todos los que no tuvieron una reacción visceral en este momento, la etiqueta hizo que las cosas hicieran exactamente eso: parpadear. De vez en cuando, allí y no allí. Es casi como si hubiera sido diseñado para herir tus ojos. Inventado durante el apogeo de las primeras guerras de navegadores, la etiqueta era un ejemplo temprano de etiquetas específicas de navegadores, y tenía la intención de dar a Netscape Navigator una ventaja sobre el entonces naciente Internet Explorer.

No estoy diciendo que esta decisión mató a Netscape Navigator, o que NN merecía morir por ello, pero eso es exactamente lo que estoy diciendo.

(La captura de pantalla no se proporciona por razones obvias.)

Menús Flash

Yo era culpable de esto. Así es, al principio, no podía conseguir la mano de los menús de navegación animados (léase: menús que tienen un estado flotante ) construido con JavaScript. O DHTML, como se llamaba en Dreamweaver. Así que utilicé Macromedia Flash para crear menús súper elegantes con botones animados, y los incrusté en cada encabezado de sitio web que hice.

Yo no era el único. Durante un tiempo, las plantillas de menú basadas en Flash fueron una industria artesanal por sí solas. Consejo: Nunca, NUNCA hagas un menú de sitio web que no puedas cambiar con sólo editar un archivo de texto. El costo de mantenimiento por sí solo era un dolor de cabeza masivo, y los motores de búsqueda nunca se acostumbraron a revisar los archivos Flash.

Gracias a Dios por :hover .

Marcos, el Original AJAX

Así es, chicos. Antes de que usáramos JavaScript para cargar todos nuestros datos en aplicaciones web progresivas, el navegador hacía todo el trabajo, y presumiblemente todavía puede hacerlo. Usted sabe iframes ? Tenían un hermano mayor que se llamaba “Frames”, y eso es lo que usábamos para los diseños básicos antes de que aparecieran Tables.

El problema era que aunque permitían que el navegador actualizara sólo parte de una página en lugar de cargar una nueva (más o menos), también rompían varias características fundamentales del navegador, entre ellas:

  • Los botones Atrás y Adelante;
  • Historial del navegador en general;
  • Era más difícil copiar-pegar enlaces a páginas específicas de un sitio;
  • Recargar un sitio web ciertamente se hizo un poco al azar, y por lo general lo llevaría de vuelta a la “página de inicio”, por así decirlo.

Finalmente, toda la característica del conjunto de marcos fue obsoleta, y la gente usa principalmente iframes para cargar contenido incrustado como vídeos de YouTube.

Botones de imagen

No hace mucho tiempo, el diseño plano tomó el mundo por asalto, incitando a la gente a decir cosas como: “Espera… ¿es eso un botón? ¿Puedo hacer clic en él? “¿Por qué usarías un cursor personalizado?” Antes de eso, todo el mundo se interesaba por los botones de aspecto tridimensional. Porque eran elegantes. Mira, empezó a principios de los 90, y no cuestionamos nada de lo que pasó entre 1980 y 2005. Eran tiempos diferentes.

Por supuesto, CSS3 ha eliminado casi por completo el botón basado en imágenes. Cuando el texto se horneaba en la imagen, los botones eran imposibles de manejar, y cuando no lo era, teníamos que usar miles de trucos para hacerlos incluso semireflexivos. ¿Alguien recuerda haber hecho un botón que era una parte de loooooong PNG, y una parte de las esquinas a la derecha? ¿O tener un PNG separado para cada esquina de un botón?

Dios, lo tenemos bien, hoy en día.

Carpa

Érase una vez, antes de que todo el mundo empezara a decir que los deslizadores de imágenes eran malos, el HTML tenía un elemento incorporado para hacer que las cosas se deslizaran por la página. Se llamaba la etiqueta Marquee, y la gente la odiaba mucho antes de que muriera. Se implementó en Internet Explorer en respuesta a la etiqueta , y sólo fue un poco menos perjudicial para los ojos.

Fue abandonado y desaprobado por ser demasiado distractor para los usuarios.

Demostraciones disponibles aquí: https://www.quackit.com/html/codes/html_marquee_code.cfm_marquee_code.cfm

Separadores de fantasía/divisor de páginas

Antes de que empezáramos a hacer el diseño adecuado, la gente necesitaba una manera de dividir las páginas largas de texto para hacerlas menos incómodas de leer. El elemento se sintió un poco demasiado claro para algunos, por lo que los diseñadores del día recurrieron -como tantas veces lo hicieron- a los GIFs. Eran sólo barras horizontales en el fondo, pero mientras fueran imágenes, podrían ser tan elegantes como quisieras.

Esta fue otra tendencia que cayó a CSS/CSS3. Además, cuando el divisor es mucho más visualmente excitante que el texto, eso puede resultar un poco conflictivo para el usuario.

El mapa del sitio

El Mapa del Sitio solía ser el todo y el fin de la navegación. Antes de que los sitios web tuvieran sus propias funciones de búsqueda, se utilizaba el mapa del sitio para encontrar lo que se necesitaba en un sitio determinado. Era simple: todo el contenido estaba allí, y sólo había que desplazarse.

Hoy en día, muchos sitios son demasiado grandes, o demasiado pequeños, para necesitar un mapa del sitio como elemento de interfaz de usuario. Por lo general, siguen siendo autogenerados por muchos CMS, pero se utilizan para ayudar a los motores de búsqueda a rastrear el sitio más rápido. Para los sitios web de tamaño mediano, creo que esta es una característica que podría volver, y no le haría daño a nadie.

Disposición de la tabla

Ah, el diseño de la mesa. Algunos se burlan de él en chistes, otros lo mencionan sólo en susurros silenciosos. Fue la tendencia que impulsó el diseño web, y la que no pudo morir lo suficientemente rápido. Combinaba estilos en línea, una gran cantidad de confusión y archivos.GIF de 1 píxel que de alguna manera mantenían los diseños juntos.

Nunca entendí esa parte.

Murió porque la CSS tenía flotadores. Y aunque eso fue un truco sucio y medio, en realidad fue mejor. Sólo usamos tablas durante un tiempo porque los navegadores ( cough IE cough ) tardaron en ponerse al día con el soporte de CSS, pero finalmente llegaron allí.

Lo raro es que CSS Grid es como tener tablas de nuevo, pero así que mucho mejor.

Sí, tuve que usar la máquina de regreso. La búsqueda en Google de diseños de tablas te da un montón de artículos sobre por qué no deberías usarlos.