La verdad del diseño web: renovarse o morir

Desde que Internet vio la luz, no sólo se han desarrollado nuevos lenguajes de programación y nuevas tecnologías. El diseño web se ha nutrido de ellos para realizar páginas web cada vez más complejas. Hacia 1996, cuando la Red Global daba sus primeros pasos, los lenguajes de programación web apenas estaban desarrollados y las páginas se limitaban a texto, enlaces e imágenes.

La web de la NASA: un ejemplo a seguir en diseño web

Un maravilloso ejemplo de ésta evolución es la web de la NASA. En 1996 presentaba el siguiente diseño y se limitaba a listar las últimas noticias.  La baja calidad de la imagen nos recuerda el tipo de monitores que había en aquella época. Llama especialmente la atención el fondo de la página web, ya que dificulta la lectura y actualmente sería impensable.

La verdad del diseño web: renovarse o morir 2024 Aidatün

Surgieron los que actualmente se conocen como «lenguajes de programación del lado cliente», como son CSS y Javascript. Éstos lenguajes permiten entre otras características, mejorar el diseño web.

Precisamente, el nacimiento del primero permitió que la NASA, en 2002 tuviera este otro aspecto:

La verdad del diseño web: renovarse o morir 2024 Aidatün

 

En éste diseño se comienza a apreciar el interés por que el usuario interactúe con el sitio web. Un ejemplo de ello es la barra de búsqueda y los listados de las secciones en la columna izquierda. Durante los primeros años del 2000, ésta era la estructura utilizada para la mayoría de páginas web: una sección principal con una columna lateral.

Un primitivo diseño responsive

Hacia 2007 se comenzó a diseñar un diseño que funcionaba independientemente de la resolución de pantalla del usuario: un bloque central, lleno de contenido. Se trabajaba sobre un ancho mínimo y, en los laterales, un fondo vacío.  Podría decirse que éste era un rudimentario diseño multi-dispositivo.

La verdad del diseño web: renovarse o morir 2024 Aidatün

Durante estos años se lanzaron al mercado multitud de monitores con miles de resoluciones diferentes.  Ésto obligó a las páginas a adaptarse a ellos. Se siguó trabajando esta estructura de bloque, pero sus dimensiones comenzaron a ampliarse.

La NASA continuó utilizando la estructura de bloque hasta 2013. Le confirió unos tonos más claros y una tipografía más amplia. De nuevo, las últimas novedades de CSS y Javascript permitieron darle un aspecto atractivo a la página web.

La verdad del diseño web: renovarse o morir 2024 Aidatün

Como se puede apreciar en la imagen, algunas redes sociales, como Twitter, ya estaban presentes. Eran los inicios de la integración con las redes sociales, tan crucial actualmente para estrategias de posicionamiento web.

Actualmente, en 2017, la NASA nos sorprende con páginas web como ésta:

La verdad del diseño web: renovarse o morir 2024 Aidatün

Gracias al desarrollo de los conocidos como diseños responsive, ya no es necesario utilizar un ancho fijo para ser visible por todos los usuarios. Actualmente es el diseño el que se adapta dinámicamente al dispositivo del usuario.

Como se puede apreciar, se pone especial interés en captar la atención del usuario. La interacción del usuario en nuestra página web mejora el posicionamiento SEO.

La importancia del diseño web

Actualmente, ningún usuario confiaría de una página como la de las dos primeras imágenes. Las dos siguientes sí inspiran confianza, pero recuerdan el diseño antiguo. Casi ningún usuario compraría en tiendas online con ese diseño, ya que por su antigüedad, daría la sensación de que la web es antigua y puede que actualmente esté cerrada.

Los últimos diseños, especialmente el último, reflejan el diseño web que se desarrolla actualmente: un diseño llamativo y multidispositivo que invita al usuario a adentrarse en él, desde cualquier parte.

Conclusiones

El diseño web ha evolucionado (y sigue en una constante y rápida evolución) durante todos estos años. Cada vez se desarrolla más pensando en la experiencia del usuario y es importante estar al día.  No hay que olvidar que otras empresas de la competencia sí lo estarán.

No vale sólo con tener una página web o una tienda online. Tiene que ser la mejor. Integrar funcionalidades de y para las redes sociales multiplica la interacción que tendremos con nuestros clientes. Y, con ello, mejoraremos en posicionamiento SEO.

Crear o renovar la página web de una empresa puede suponer un gasto importante, pero no hay que perder de vista el objetivo de la empresa. La página web debe ser uno de esos medios, cada vez más importante, de lograr el éxito.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos Ver más

  • Responsable: Aída García.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a Servidor Profesional Hosting que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.

For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

Información de Privacidad
  • Responsable: Aidatün 
  • Finalidad: Moderación de comentarios.
  • Legitimación: Tu consentimiento.
  • Destinatarios: Los datos serán almacenados en un servidor web Profesional Hosting. No se cederán datos a terceros, salvo obligación legal.
  • Derechos: Acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional.
  • Información Adicional: Puedes encontrar más información en nuestra Política de Privacidad.
Entradas relacionadas
¿Qué textos legales necesita tu sitio web o tienda online?
Diseño y Desarrollo Web

¿Qué textos legales necesita tu web o tienda online?

Descubre qué textos legales debes tener en tu sitio web para cumplir con la legislación Española y Europea
Certificados SSL: Qué son y cuál necesita tu sitio web
Diseño y Desarrollo Web
Posicionamiento SEO

Certificados SSL: Qué son y cuál necesita tu sitio web

Descubre los tipos de SSL que existen e identifica cual es el que necesitas para tu sitio web.
¿Qué es un CDN? ¿Lo necesito para mi sitio web?
Diseño y Desarrollo Web

¿Qué es un CDN? ¿Lo necesito para mi sitio web?

Los CDN o ofrecen diferentes ventajas, pero podría no ser recomendable para todos los sitios webs.
Por qué debes actualizar Wordpress, plugins y temas
Diseño y Desarrollo Web

Por qué debes actualizar WordPress, plugins y temas

Las actualizaciones de Wordpress y sus temas y plugins nos proporcionan nuevas funcionalidades y corrección de errores, además de seguridad contra ataques.
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Al hacer clic en el botón Aceptar, aceptas el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos.    Ver Política de cookies.
Privacidad