Visita el museo del diseño web y mira como eran las páginas web hace 20 años

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.

Adivina el sitio web sin sus gráficos y colores

adivina el sitio web sin su diseño grafico - unpocogeek.com

¿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?

Diseño plano Vs. Skeumorfismo

diseño web plano vs diseño web skeumorfo -f- unpocogeek.com.jpg

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.

diseño web plano vs diseño web skeumorfo - unpocogeek.com

Vía | WebDesignerDepot

Un poco de historia sobre el diseño web

10 anios de disenio web - unpocogeek.com

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.

Veamos que pasó en 10 años de diseño web.

la evolucion del disenio web - unpocogeek.com

Los peores sitios web de Internet en el 2013

worst sites of 2013 - unpocogeek.com

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.

Clic en cada imagen para ir a cada sitio.

worst sites of 2013 -2- unpocogeek.com

worst sites of 2013 -3- unpocogeek.com

Mira el resto aquí