La web de hace veinte años no se parecía en nada, en absolutamente nada a lo que podemos ver hoy, eran un lío aún más grande de fuentes, gifs animados, marquesinas, relojes, contadores de visitas y gráficos que dejaban bastante que desear y es que los diseñadores de la época se estaban adaptando de a poco a este nuevo medio y es así como fueron mutando las páginas de las ahora gigantescas compañías alrededor del mundo.
Podemos ver todas esas mutaciones en el museo del diseño web, un sitio web que cuenta con captura de pantallas de muchos sitios web famosos y algunos no tanto de la época y hasta tiene una linea de tiempo para cada uno así podemos ir viendo como X sitio fue evolucionando.
¿Serías capaz de adivinar que sitio web estás viendo pero sin sus gráficos y colores? Por lo general identificamos gran parte de los sitios web que visitamos gracias a los gráficos que han sido utilizados durante su diseño, los vemos desde lejos y ya sabemos que es por ejemplo Twitter, Facebook, Google, etc. Dedesigntheweb.com nos ofrece un divertido juego online para que intentemos adivinar el sitio web pero sin estos gráficos ni colores ¿Cuántos adivinaste?
Bueno, vaya que me costó escribir este título, todo gracias a la palabra “Skeumorfismo” que se trata de un objeto o diseño que mantiene la forma o apariencia del objeto original, comenzamos a ver este tipo de diseño hace un tiempo ya, principalmente de la mano de Apple quienes se han empeñado al menos hasta la salida de OS X Mavericks y IOS7 en mantener la apariencia original de ciertos elementos en los diseños de las aplicaciones de acompañan estos sistemas operativos, tales como agendas, relojes, etc. Luego del lanzamiento de las versiones más reciente de sus sistemas operativos, este diseño ha sido suplantado por uno llamado “Plano” pero no fue Apple la primera gran compañía que inició esto en sus productos si no Microsoft con Windows 8 y Windows Phone, las ventajas de este tipo de diseño son:
Fácil de usar.
Apariencia moderna.
Percibido como más “honesto”
Mejores tiempos de carga.
Diseño responsivo más eficiente.
Y las desventajas:
Bastante diferente a lo que la gente está acostumbrada a usar.
Difícil de distinguir las áreas activas para hacer clic.
Falto de personalidad.
Aburrido.
De difícil ejecución.
Bastante difícil de decidir ¿no? Lo mejor del diseño “Skeumorfico” es que a simple vista el usuario sabe cómo se utiliza la aplicación pero esto requiere mucho gráfico y las paginas, al menos en la edición web, tienden a ser mucho más pesadas que sus pares “Planos” que se basan principalmente en CSS más que en gráficos.
La siguiente infografía nos resume bastante bien las ventajas y desventajas de ambos tipos de diseños.
Muchos de ustedes recordarán los principios de la web, de sus páginas en un gran porcentaje basadas en puro texto con enlaces comunes y corrientes, con el tiempo todo esto fue cambiando, las resoluciones de pantalla soportadas se fueron agrandando y la complejidad de los sitios web también, más colores, diseños más osados nos invitaban y nos invitan a diario a experimentar diferentes formas de navegar sitios web.
Con los años los estilos fueron cambiando, allá por los 90 por ejemplo el diseño web responsivo NI existía, la usabilidad y experiencia de usuario eran casi meros conceptos, todo esto fue evolucionando increíblemente a lo largo de los años, hasta llegar a la actualidad con diseños en muchos casos, por demás simplísimos que recurren por ejemplo, al sentido común del usuario.
A continuación, esto es lo que pasa cuando un usuario con poco o nada de conocimiento sobre diseño web, se lanza a crear su propio sitio web, el de un familiar o hasta el de su propio negocio, muchos dolores de cabeza para leer el contenido, paginas imposibles de navegar o de cargar y mucho más, así que les dejo un pequeño compilado con los 10 de los peores sitios web que podemos encontrar en internet actualmente.
