Fases del diseño web

Un proyecto de diseño web pasa por siete fases. Son el encargo, la arquitectura de contenidos, el diseño visual, el desarrollo, la carga de contenidos, las pruebas y la publicación con su mantenimiento. Cada fase termina con un entregable que el cliente aprueba antes de pasar a la siguiente, y así se evita rehacer trabajo.

Las 7 fases del diseño web, de un vistazo.

El orden importa más que los nombres. Cada fase se apoya en la anterior, y cambiar de idea en la sexta sobre algo de la segunda obliga a deshacer mucho.

Fase 1. Encargo y objetivos.

Es la conversación más importante del proyecto. Se acuerda para qué sirve la web, a quién se dirige y cómo se medirá si funciona.

El entregable es un documento corto con el alcance. Dice qué entra, qué no entra y qué queda para más adelante. Si la web va a recoger datos de clientes, aquí se decide cómo. El RGPD pide proteger los datos desde el diseño, no como parche al final.

Fase 2. Arquitectura y bocetos.

Primero se ordena el contenido y después se dibuja. Se define el mapa del sitio, con las páginas y cómo se enlazan, y un boceto en gris de cada tipo de página.

Los bocetos no llevan colores a propósito. Así la discusión se centra en qué va en cada sitio y no en si el azul gusta. Las piezas que componen cada página las explicamos en partes de una página web.

Fase 3. Diseño visual.

Con la estructura aprobada, se diseñan las páginas clave. Suelen ser el inicio, una página de servicio y el contacto. A partir de ellas se fija la guía de estilo con los componentes que se repiten.

Pide verlo primero en el móvil. Y comprueba el contraste del texto, porque la accesibilidad se gana o se pierde en esta fase. La referencia son las pautas WCAG 2.2 del W3C.

Fase 4. Desarrollo.

El equipo técnico convierte el diseño en una web que funciona. Puede ser con un gestor de contenidos, con código a medida o con una mezcla. La elección depende de lo que haga la web, como explicamos en lenguajes de programación web.

Todo se hace en un entorno de pruebas, con una dirección privada. El cliente puede ir viendo avances sin que la web antigua deje de funcionar.

Fase 5. Contenidos.

Es la fase que más retrasa los proyectos. Los textos y las fotos casi siempre llegan tarde. Lo ideal es empezar a escribir en la fase 2, en cuanto el mapa del sitio está aprobado.

Cada formulario necesita su texto informativo. El RGPD fija qué información hay que dar cuando los datos se recogen del propio interesado. También hacen falta el aviso legal con los datos que exige la LSSI y la política de cookies.

Fase 6. Pruebas.

Antes de publicar se revisa la web entera con una lista cerrada.

• Que se ve bien en varios móviles y navegadores.
• Que los formularios llegan a quien deben.
• Que se puede usar solo con el teclado.
• Que carga rápido. Google recomienda que el contenido principal aparezca en 2,5 segundos o menos.
• Que no hay enlaces rotos ni páginas sin título.

Si el cliente es una administración pública, la revisión es más estricta. El Real Decreto 1112/2018 obliga a publicar una declaración de accesibilidad de sus webs.

Fase 7. Publicación y mantenimiento.

La publicación se planifica para un momento tranquilo. Se conecta el dominio, se activan las redirecciones desde las direcciones antiguas y se da de alta la web en Google Search Console.

Una web no se termina al publicarla. El mantenimiento incluye actualizaciones de seguridad, copias, revisión de lo que funciona y cambios de contenido. Conviene acordarlo antes de publicar, no cuando surge el primer problema.

Fases de desarrollo de un sitio web con método ágil.

Las siete fases no siempre van en fila. En proyectos grandes, como una plataforma con área de clientes, se trabaja por entregas cortas. Cada entrega pasa por diseño, desarrollo y pruebas de una parte concreta.

Así el cliente ve la web crecer y corrige el rumbo antes. Explicamos estos enfoques en metodologías de desarrollo de software y en fases del desarrollo de software.

Si quieres ver el proceso resumido desde el lado de quien encarga la web, empieza por cómo crear páginas web. En OverFuture seguimos estas fases en cada proyecto. Nuestro fundador desarrolla desde 2013 y llevamos más de 100 proyectos. Te lo contamos en diseño web profesional.

Preguntas frecuentes.