Index
Evolucíón del Diseño Web
Años 90: El Inicio de la Web
El diseño web comenzó de forma básica con páginas estáticas, texto plano y limitaciones técnicas.
La primera Web
Se publicó la primera versión del HTML que solo permitía lo esencial, con poca estática y funcionalidad.
En 1991 surge la primera página web de la historia que aún es accesible hoy en día .
¿Quién la creo?
Era parte de un proyecto para el CERN y estaba destinada a explicar los fundamentos de lo que él llamó la World Wide Web (WWW).
Su contenido describía qué era la web, cómo se podía acceder a documentos y cómo crear páginas propias utilizando HTML.
Años 2000s: La Aparición del CSS
Todo más bonito
La llegada del CSS permitió separar el contenido de la presentación, mejorando el diseño visual.
Aparecen tablas y marcos para organizar la información.
Animaciones
Empezo a usarse Flash, que permitio introducir animaciones y elementos interactivos.
Mediados de Los 2000s: La Web 2.0
La web se vuelve cada vez más dinámica e interactiva. A continuación se destacan los puntos principales:
-
Diseño centrado en el usuario
Uso de botones, formularios y navegación intuitiva.
-
Interactividad creciente
Interfaces más responsivas y adaptadas al comportamiento del usuario.
-
Contenido generado por usuarios (UGC)
Comentarios, publicaciones y participación activa.
-
Impacto de las redes sociales
Mayor personalización del contenido presentado al usuario.
Web 2.0
La combinación de interactividad y personalización está definiendo la experiencia digital moderna.
Años 2010s: El Diseño Responsivo
-
Con el auge de los dispositivos móviles(1), surge el diseño responsive, que permite que las páginas web se adapten a distintos tamaños de pantalla.
- Tambien se creo el Mobile First (En Telefono Mobil Primero), pero no se generalizo hasta 2018.
Success
HTML5 y CSS3 revolucionan con nuevas capacidades gráficas y multimedia.
Actualidad: Minimalismo y UX
El enfoque actual está en:
- La simplicidad
- La velocidad
- La accesibilidad
OJITO
Se prioriza la experiencia de usuario (UX) y la optimización para móviles. Frameworks(1) como Bootstrap y el uso de tecnologías como JavaScript mejoran la interactividad y la personalización.
- Un framework es una estructura o conjunto de herramientas, bibliotecas y convenciones predefinidas que simplifican y aceleran el desarrollo de software.
El Futuro: La IA y Web 3.0
Nuevas Técnologias
Se espera que la IA, el aprendizaje automático(1) y las tecnologías inmersivas (AR/VR) jueguen un papel clave, transformando la manera en que interactuamos con las interfaces web.
- Con IAs generativas, o el uso del Deep Learning
La Evolucion de los Logotipos
¿Veís algun patrón?
¡Así es! al comienzo, eran todos muy simples, después sufrieron un intento de asemejarse a la realidad, y por último de vuelta a la simplicidad.