Construyendo sitios web con el futuro en mente

Publicado: 2020-10-09

El diseño web está cargado de preguntas existenciales. Uno de los más importantes es: ¿Puedo crear un sitio web hoy que seguirá siendo relevante (tanto en estilo como en función) mañana?

La respuesta probablemente depende de a cuántos mañanas en el futuro te refieras. Pero una buena regla general es que, cuanto más tiempo pasa, menos relevantes se vuelven el diseño y la funcionalidad de un sitio web. El futuro siempre trae cambios, a menudo en formas que no anticipamos.

Esto es probablemente algo bueno, ya que nos mantiene ocupados con el trabajo de rediseño. Pero si estamos refactorizando un sitio existente, eso puede ser un verdadero desafío.

La clave para asumir ese desafío está en diseñar y construir sitios web que miren hacia el futuro. A continuación se presentan algunos consejos para hacer precisamente eso.

Usar sistemas establecidos

Los sistemas de gestión de contenido (CMS) han llegado a dominar el panorama. Y aunque todos conocemos a los grandes jugadores como WordPress y Drupal, hay una cantidad incalculable de competidores. Eso ni siquiera tiene en cuenta la gran cantidad de servicios de creación de sitios de bricolaje que existen también.

Si bien muchos de los sistemas emergentes suenan convincentes, existe una pregunta seria con respecto a su potencial de longevidad. En pocas palabras: pueden o no existir en unos pocos años. Esto ni siquiera es una cuestión de calidad. La realidad es que es una batalla cuesta arriba y seguramente habrá algunas bajas en el camino.

Para sus proyectos más pequeños, esto puede no ser un factor decisivo. Pero para sitios web más grandes, la estabilidad es clave. Tener que mudarse a un nuevo CMS porque su plataforma actual está languideciendo (o peor) es una tarea importante.

Por eso, antes de crear un diseño o escribir una sola línea de código, elegir un CMS es la decisión más importante que debe tomar. Elegir sabiamente.

Y, una vez que haya elegido el CMS perfecto, querrá pensar detenidamente sobre los complementos que pretende usar. Esto es especialmente importante cuando esos complementos impulsarán la funcionalidad principal, como el comercio electrónico, la administración de miembros, etc. Nuevamente, el objetivo es evitar la gran interrupción de tener que cambiar más adelante.

Pantalla del complemento de WordPress

Diseño y código para la flexibilidad

Una forma de garantizar prácticamente un problema futuro es encasillarse con características inflexibles. Esto incluye tanto los elementos de diseño creados para cualquier muestra de contenido que haya proporcionado un cliente como el código personalizado que no es fácilmente extensible en el futuro.

Diseño

Los sitios web evolucionan con el tiempo. Se agrega nuevo contenido y su formato siempre está sujeto a cambios. Sin embargo, esto puede ser muy difícil de prever. Y así, tendemos a diseñar para el aquí y ahora.

Aún así, esto no significa que no podamos prepararnos para esta inevitabilidad. Una forma sencilla de hacerlo es utilizar algunas de las nuevas y asombrosas funciones de diseño de CSS. Flexbox, por ejemplo, ofrece diseños de varias columnas que se pueden estirar para coincidir con la columna más alta del grupo. Y CSS Grid se puede modificar en diseños complejos casi infinitos con solo un poco de código.

La navegación es otra área que parece sobrepasar siempre su intención inicial. Podemos prepararnos para esto siguiendo las tendencias, como colocar al menos algunos elementos detrás del buen menú de hamburguesas. Esto permite el crecimiento y no requiere necesariamente ningún cambio de diseño radical.

Sobre todo, busque soluciones que sean tanto creativas como prácticas. Esto lo ayudará a evitar toparse con una pared de diseño hecha a sí misma.

Código

Así como el contenido necesita cambiar, también lo hacen los requisitos de funcionalidad. Por lo tanto, probablemente valga la pena anticipar y aceptar que el código que escribimos hoy va a cambiar en algún momento.

Dependiendo del lenguaje que esté usando y su nivel de experiencia, escribir código que permita ajustes futuros puede ser un verdadero desafío. A veces, solo hacer que funcione para la necesidad más inmediata requiere toda nuestra capacidad intelectual.

Además, hay muchas maneras de lograr el mismo resultado. Esto, sin embargo, es algo bueno. Una vez que haya logrado su objetivo de funcionalidad inicial, tiene la oportunidad de echar un segundo vistazo.

A partir de ahí, piense en formas de simplificar lo que ha hecho y vea qué tan fácil será extenderlo más adelante. Pregúntese cómo puede hacer que su código sea lo más eficiente posible. Tomar esos pasos ahora podría evitar un desastre futuro.

Un hombre escribiendo código.

Busque áreas de crecimiento potencial

A veces, crear sitios web para clientes es un juego de adivinanzas. A menudo, implica tratar de descifrar solicitudes vagas y anticipar cómo reaccionarán a sus ideas. Puede ser difícil estar en la misma longitud de onda.

Por eso es importante hacer las preguntas correctas. Esto puede ser muy útil cuando se trata de detectar áreas de un proyecto que podrían expandirse con el tiempo.

Por ejemplo, supongamos que un cliente le dice que está buscando un sitio de comercio electrónico simple (que, por cierto, no existe). Esta es un área preparada para el crecimiento.

Lo más probable es que se agreguen nuevos productos y características en algún momento. Al comprender esto, puede diseñar y construir anticipando la posibilidad. Un ejemplo podría ser implementar un carrito de compras que se pueda extender fácilmente para hacer una multitud de cosas, en lugar de uno con un enfoque limitado.

Un hombre que trabaja en un escritorio.

No puedes detener el futuro, pero puedes intentar construirlo

Si bien predecir el futuro del diseño web y las necesidades de nuestros clientes no es una ciencia exacta, sigue siendo un esfuerzo que vale la pena. Ciertamente, habrá momentos en los que adivinemos mal. Pero implementar prácticas con visión de futuro en nuestro flujo de trabajo nos ayudará a adaptarnos a la mayoría de los cambios.

Sobre todo, se trata de tomar decisiones inteligentes en cada paso del camino. Ya sea al elegir un CMS o escribir un CSS, es importante pensar en cómo afecta la capacidad de un sitio web para adaptarse al futuro.

Nada de lo que creamos va a durar para siempre en su forma actual. Pero con preparación, podemos ayudar a que su evolución sea lo más fluida posible.