Se cree que el concepto de "Internet" o "World Wide Web" se remonta a 1946, cuando Murray Leinster lo describió por primera vez en un cuento. Cualquiera sea el caso, al físico Tim Berner-Lee se le atribuye su verdadero (pero no intencional) desarrollo en 1989. Usó hipertexto para crear un archivo de páginas en el marco mientras creaba un conjunto de datos de programación para un cliente. A la larga, esto se convirtió en lo que ahora conocemos como bandos. La era oscura del diseño web estuvo marcada por los diseñadores que rompieron las pantallas oscuras con píxeles.
Fotos y eventos componían los planos (también llamada tecla TAB). Aunque ahora podemos ver este ciclo del diseño web como algo aproximado, muchos planificadores en realidad se motivan en los gustos de los años 80 y hoy en día. En 1990, se puso a disposición el primer sitio web del mundo. En relación con dónde nos encontramos ahora, es realmente notable ver hasta dónde hemos llegado. En este artículo conoceremos la línea de tiempo histórica del diseño web y cómo ha evolucionado con el tiempo. ¡Ahora profundicemos en ello!
Cronología histórica del diseño y desarrollo web
A pesar de que el diseño web es un fenómeno relativamente nuevo. Está relacionado con otros campos como el diseño gráfico, la experiencia de usuario y el arte multimedia, pero se ve mejor desde una perspectiva tecnológica. Se ha convertido en una parte importante de la vida cotidiana de las personas. Es difícil imaginar Internet sin gráficos animados, diferentes estilos tipográficos, fondos, vídeos y música.
Diseño y desarrollo web de 1990 a 1995
Fue entonces cuando se distribuyó el primer sitio web del mundo. Aparte de algunos textos y enlaces, no había mucho más. En cualquier caso, el navegador público disponible en aquella época no era gráfico, sino de texto, y se denominaba programa "modo de línea". Así se veía la página.
1992
La imagen principal fue publicada en Internet. Se utilizó Photoshop para modificarlo (sí, ¡teníamos Photoshop en 1992!) antes de subirlo a la web.
1993
Mosaic, la primera aplicación de gráficos abiertos del mundo, estuvo disponible. Muchas organizaciones iniciaron sus propios sitios web. En ese momento se presentó la página de presentación y el plan. MTV también fue el primero en hacer esto. Este fue el punto al que llegaron.
1994
Se lanzó "Netscape", uno de los programas más famosos y famosos del mundo. El público obtuvo fácil acceso a Internet. Incluye elementos gráficos como una imagen GIF vívida, organización del texto y una tabla. El W3C también se estableció para el año en curso para crear estándares comunes para el desarrollo web.
1995
Generalmente se acepta el uso de tablas para diseñar estructuras HTML. Para este año también se presentó JavaScript. El período de la sustancia inteligente ha comenzado.
Diseño y desarrollo web desde 1996-1999
Durante este tiempo, se presentó y aceptó CSS1. Anteriormente, todos los estilos se codificaban directamente en HTML. CSS es el primer paso para aislar contenido y mostrarlo, y ha evolucionado hasta convertirse en la base de la composición y el avance de los sitios web modernos. El uso de una mesa para disponer la tela se ha convertido en la norma. Debido a que el área límite no estuvo disponible hasta diez años después del hecho, la imagen de la esquina ajustada se convirtió en un patrón extremadamente familiar. JavaScript se utilizó principalmente para crear efectos secundarios como nevadas o fuegos artificiales. (¿Recuerdas DHTML?) Flash también fue una innovación revolucionaria para el tráfico de sitios web en aquel entonces.
Se demostraron ActionScript 1.0 y 2000 Streak 5. Esto marcó el comienzo de la sustancia animada y de la llama. Este año también se distribuyó el borrador principal de los detalles de CSS3. El diseño SVG se introdujo en 2001. Este es el diseño de imagen vectorial principal del sitio, que se puede escribir en XML.
Diseño y desarrollo web de 2003 a 2006
Para el año en curso se creó la primera versión de WordPress. Indica el comienzo del contenido dinámico y la publicación de contenido para un período de blog en lugar de una página HTML estática.
2004
Se demostró el uso de CSS Sprite. Reúna imágenes más pequeñas en una y luego use la posición base para elegir qué imagen mostrar para reducir la cantidad de consultas HTML y el tamaño. Esto permite a los especialistas del sitio incluir contenido más realista en la página.
2006
Este año se creó Sass, el principal preprocesador de CSS. CSS se expande para incluir más funciones y permitir a los especialistas del sitio crear efectos más complejos. El diseño CSS Grid se introdujo en 2007. Se establecieron el final de la tabla y el tiempo de diseño del div de conducción (pero los navegadores necesitan bastante tiempo para mantenerlo por completo). El concepto CSS Flexbox se introdujo en 2009 y permite a los diseñadores de sitios web crear formatos personalizables sin preocuparse por la disposición y la división. Este año también debutó el concepto Minimal Site Composition.
Diseño y desarrollo web de 2010 a 2016
El debut del Diseño Responsivo. En lugar de crear su propio sitio web móvil, se puede utilizar contenido similar en diferentes formatos según el tamaño de la pantalla. Este año, se lanzó Google Font. Concepto de tipografía inspiradora para la composición de sitios web. En 2011, se conoció un plan metro o nivel como resultado del impacto de Windows 8. Este año también se lanzó la estructura Bootstrap CSS, que aceleró enormemente la composición y la velocidad de desarrollo del sitio web. En 2012 se presentaron consultas de los medios. Un elemento central del diseño responsivo es la capacidad de CSS de seguir el tamaño de la pantalla.
Fue también cuando se vio por primera vez el concepto de mirada de paralaje. 2014 es el año 3D. Se lanzó una versión consistente y completa de WebGL. Permite renderizado 3D con potencia de GPU a través de JavaScript. Este año también se estaba dando a conocer el cambio CSS 3D.
En 2015, HTML5 se utilizó ampliamente y YouTube decidió dejar el reproductor de racha en favor del reproductor HTML5, en igualdad de condiciones. La vivacidad y el progreso de CSS3 se demostraron para el año en curso, permitiendo botones y menús fluidos y responsivos. En 2016, el diseño web minimalista estaba en auge. Muchos especialistas en sitios web a menudo reducen todo a lo absoluto. Para este año, también se adoptaron ampliamente los planos portátil primero y pulgar.
2017 hasta hoy
Debido al desarrollo de herramientas de configuración, comenzamos a ver muchos métodos de diseño web diferentes que despertaron nuestro interés. Diseño inconsistente, formato de matriz roto, base animada con vídeo o WebGL. De la misma manera, la estrategia mínima sigue vigente.
¿Estamos en los días oscuros del diseño web?
Aunque existen muchas webs avanzadas, podemos tener la impresión de que el diseño web prima sobre las pautas de usabilidad. Al navegar y admirar estas extraordinarias piezas de diseño web moderno en los sitios actuales, muchos de estos sitios son extremadamente lentos, independientemente de si tenemos velocidades web más rápidas. Algunos de ellos son incluso lentos y utilizan todos los recursos de nuestra PC indefensos. También tienen largos tiempos de apilamiento. Aunque sólo uno de cada sitio extraño tiene la velocidad y confiabilidad de Amazon o Google, no hay duda de que estas "páginas motivadoras" se vuelven cada vez menos valiosas a medida que pasa el tiempo.
La gran mayoría de ellos son sitios de cartera o tribuna, pero los desarrolladores notaron que este horrible patrón de "espera de 10 segundos" comenzó a respetar también a los sitios de comercio electrónico; Además, a medida que avanza la innovación, también se espera que mejoremos las reuniones y nos damos cuenta de que las personas son extremadamente letárgicas:permanecer de pie durante más de 3 segundos suele ser excesivo para la mitad de los clientes.
Impacto de la crisis económica en el trabajo de los entusiastas del diseño web
Si bien el contraste y los primeros tiempos, ser diseñador cambió dramáticamente. En aquel entonces, era necesario conocer un lenguaje de programación para potenciar las interfaces de usuario y SQL para la informacionalidad para encontrar una nueva línea de trabajo. Será beneficioso saber cómo almacenar sistemas para RDBMS conocidos como Oracle, Sybase o MS SQL Server. Eso es todo. Un currículum que incluya Visual Basic, MS SQL Server, PowerBuilder y Oracle le dará fácilmente un trabajo. Por supuesto, es necesario comprenderlos a fondo. Si estuviera familiarizado con la programación de shell de Unix (¡Dios mío!), tendría varias ofertas de trabajo en poco tiempo.
Mediados de los noventa. ¿Sabe cómo manejar un evento de clic en un botón en Visual Basic y cómo escribir una declaración SQL que pueda buscar duplicados en una tabla de conjunto de datos? ¡Tienes trabajo! Las personas que sabían cómo deletrear COBOL y CICS (en la segunda mitad de la década de 1990) recibirían muchas ofertas debido al Y2K RD &D.
Después del pánico del año 2000
Es el año 2000. El mundo está presa del pánico del año 2000. Ejércitos de artistas, taxis y diseñadores de construcciones se convirtieron en ingenieros de programación, y la mayoría de ellos pudieron conservar sus empleos bien remunerados. Reconocer HTML o JavaScript no era un recurso:simple y poco auténtico. Debido a la reciente recesión económica y al creciente interés de las organizaciones por páginas funcionales simples y asequibles, ser diseñador se ha convertido en los últimos años en un trabajo "típico" de baja calidad. Las oficinas de correspondencia comenzaron a inundar el mercado para capitalizar la afluencia de innovación.
Sin embargo, el aumento de los impuestos y la recesión los obligaron a buscar trabajos a pequeña escala. Hoy en día, el proceso de nómina y trabajo se parece mucho al trabajo en línea de montaje, donde hay que "codificar" tres sitios de WordPress por mes con una disminución sostenida tanto en dinero como en calidad. La reducción de salarios y la subasta de empleos en TI causan muchas dificultades financieras a los trabajadores administrativos de hoy, y la demanda constante de ellos probablemente chocará con una línea divisoria cuando la gente vea cómo funciona el negocio.
Efecto de productos virtuales sin codificación
La mentalidad de no codificación que prevalece hoy también mata a los dos planificadores y diseñadores. Todo comenzó con Dreamweaver, pero ahora programas como WordPress, EditorX, Webflow y Anima señalan cómo "dejar que las PC codifiquen por sí mismas". Forrester predice que el mercado del progreso sin código evolucionará de 3.800 millones de dólares cada 2017 a 21.200 millones de dólares en 2022. Google ha adquirido recientemente AppSheet y no tiene ningún avance de código para la nube de Google en un desarrollo que sigue demostrando la capacidad de sin código como esquema de mejora de programación estándar.
Impacto en los entusiastas del diseño y desarrollo web
La educación avanzada tiene un impacto significativo en la industria de TI porque el patrón de entrega de programación o sistemas potenciales es rápido, a diferencia del pasado, cuando era necesaria una comprensión sólida de cálculos e informática compleja para contratar a un ingeniero decente.
Pero también debemos considerar las opiniones opuestas. ¿Los dispositivos sin código reemplazarán completamente a los diseñadores? La respuesta corta es no. La diferencia fundamental es que los creadores y diseñadores de sitios web pueden trabajar juntos para crear sitios web. A pesar del desarrollo de CSS, Javascript ha evolucionado de manera similar, si no mayor. El requisito de que los ingenieros de front-end controlen todas las capacidades no tiene ton ni son. Sin embargo, el desarrollo del no-code a lo largo de los años ha permitido a los creadores crear sus propios planes. Es una situación en la que todos ganan, donde los desarrolladores pueden centrarse en crear lógica y los autores tienen más control sobre la experiencia y el estilo del cliente.
Dulce con amargo
Mencionamos anteriormente que la antigua edad oscura resultó en muchas cosas maravillosas, por lo que esperamos que el actual período sombrío de creación de sitios web tenga algunas ventajas comparativas. Este aforismo tiene validez en el siglo XXI. Los Z-Gen son enérgicos, entusiasmados e inclinados a convertirse en dueños de negocios:su deseo de tener éxito, ganar y tener una perspectiva pública positiva los hace efectivos.
Mira las páginas de awwwards. ¡Son hermosos! Incluir a los autores directamente en el avance crea los espectáculos más bellos controlados por computadora. Debido a la dura competencia por las profesiones, los entusiastas del diseño y desarrollo web están construyendo la web más emocionante jamás creada, similar a la artesanía gótica.
El futuro del desarrollo web y el diseño web
La forma en que interactuamos con Internet evoluciona con el tiempo. La industria del desarrollo web está en constante evolución. Aunque no podremos informarles sobre los cambios diarios a medida que ocurren, es fácil mirar hacia atrás en los últimos meses y ver que muchas de las cosas que hacemos ahora son completamente diferentes de lo que hemos hecho en el pasado.
Debido a que se trata de una de las industrias de más rápido crecimiento, los desarrolladores y diseñadores deben anticipar y aprender sobre lo que surge o corren el riesgo de quedarse en el polvo del desarrollo web. Si bien esto puede parecer abrumador al principio, en realidad es bastante fácil ver dónde estaremos en los próximos meses/años. Los planes web y de colaboración están experimentando un enorme desarrollo como resultado de la introducción de nuevos avances como la simulación generada por computadora, las ilustraciones inteligentes en 3D y la realidad aumentada.
Si la actitud de no codificar destruye por completo el mercado para mejorar la mala calidad, los ingenieros volverán a beneficiarse de la educación avanzada y se centrarán en temas complejos de TI. Es casi seguro que los creadores transformarán rápidamente sus planos Figma en bonitos arquitectos y sitios web energéticos sin la necesidad de módulos con errores o programación adicional, y querrán explorar y descubrir cómo la realidad aumentada se volverá más común.
