Diseño web estratégico en 10 pasos

Algunas estrategias para diseñar proyectos de sitios web

Taller de Rediseño 1 / Entornos virtuales / EDINBAL

Laura Angeles Solano / 2024

1. Objetivos del proyecto

2. Perfiles de las personas objetivo

3. Contenido y funcionalidad

4. Arquitectura de la Información

5. Prototipado

6. Experiencia de usuario

7. Desarrollo web

8. Diseño visual

9. Publicación

10. Analítica y evaluación de resultados

• Construir la web a partir del diseño básico del prototipo
• Reutilizar software para funciones similares a otras webs
• Programación a medida de la funcionalidad exclusiva

Implementaciónde la funcionalidad del sitio web

Plantear la el sitio web como una inversión rentable, los objetivos deben ser medibles y evaluables, tras el éxito podemos medir nuevos objetivos.

¿Qué quieres conseguir con el sitio web?

Conocer lo que le interesa a nuestro cliente objetivo, ¿Qué busca en Internet y qué palabras claves utiliza?, ¿Qué comparte en su entorno virtual?

¿A qué público estará dirigido el sitio web?

• Analítica web: recopilar y medir datos de los usuarios
• Evaluar los resultados y la consecución de los objetivos
• Proponer mejoras y nuevas estrategias de contenido

Evaluar los datos de los usuarios y optimizar el sitio

• Diseñar pruebas de uso para cada perfil de usuario
• Evaluar las especificaciones de usabilidad y accesibilidad
• Mejorar el modelo propuesto hasta que sea satisfactorio

Evaluar la utilidad y el comportamiento de los usuarios

Definir el estilo visual de la web y diseñar cada elementoMaquetar y programar el diseño en la webVolver a evaluar la experiencia de usuario

Diseñar y construir la comunicación visual del sitio web

Una guía de estilo permite ser reconocible, tener consistencia y unidad en todo el sitio web y como marca, con elementos gráficos, textuales, imágenes, videos, colores y todos los aspectos que en armonía van a crear un espacio agradable en el que los visitantes querrán navegar.

La maquetación debe hacerse de manera funcional y atractiva para las personas, además de ser flexible para permitir que el contenido se adapte a diferentes dispositivos y pantallas y, ser estable para que el sitio se cargue rápidamente y sin errores.

La experiencia de los usuarios se evalúa de diversas formas y una de ellas son las encuestas, que permiten hacer preguntas a las personas desde lo básico y fácil de responder hasta darles tiempo para que puedan explayarse e informar de su experiencia con todo detalle. Ver más...

• Diseñar el contenido para el usuario objetivo
• Optimización SEO para las palabras clave que utiliza
• Estrategia de comunicación y difusión social

¿Cómo adaptar el contenido para la audiencia?

• Alojamiento, monitorización y copias de seguridad
• Actualizaciones de seguridad de la aplicación web
• Publicación frecuente de nuevo contenido y difusión

Publicación, difusión y mantenimiento

Diseño de interacción para cada perfil de usuarioEsquema de organización, funcionamiento y navegaciónEspecificaciones de usabilidad (experiencia y navegación) y accesibilidad (acceso a los contenidos fácilmente)

Ayudar a las personas a encontrar la información

Se enfoca en la interacción entre el usuario y el producto, generalmente en aplicaciones o sitios web. Planifica y desarrolla todos los elementos que permiten la interacción con el producto a través de la interfaz.

La estructura de un sitio web se refiere a la disposición y organización jerárquica de las páginas de un sitio, creando una hoja de ruta que guía tanto a las personas como a los motores de búsqueda.

La usabilidad favorece la experiencia y navegación de las personas dentro de la página digital, mientras que la accesibilidad busca que todos los usuarios, sin importar sus experiencias previas puedan entrar a la página y acceder a sus contenidos.

• Diseñar un modelo en papel o formato imagen
• Desarrollar un modelo interactivo en formato web
• Implementar el contenido y simular la funcionalidad

Diseñar un prototipo para evaluar la usabilidad