Los menús de los sitios web suelen reflejar la organización de la empresa: departamentos, divisiones de negocio y nombres internos de productos. Sin embargo, los visitantes no tienen por qué conocer cómo se organiza tu trabajo. Llegan con sus propias preguntas. Por eso conviene diseñar la estructura como una secuencia de respuestas: qué ofreces, para quién es adecuado, cómo se realiza el trabajo, por qué pueden confiar en ti y qué deberían hacer después. La composición visual debe apoyar esa secuencia, no ocultarla.
Empieza con tres escenarios
Elige tres situaciones realistas. Un visitante nuevo quiere entender tu especialidad. Alguien que llega por una recomendación quiere ejemplos de tu trabajo. Un cliente potencial que pulsa un anuncio quiere hablar de un servicio concreto. Para cada situación, registra el punto de entrada, la información necesaria y la siguiente acción. Si todas las rutas comienzan con una larga historia de la marca, la estructura sirve a su autor y no a su lector. Las páginas importantes no deberían exigir pasos intermedios innecesarios.
Separa intenciones diferentes
Una página no siempre necesita vender todos los servicios. El desarrollo de webs corporativas, el mantenimiento y el apoyo publicitario pueden requerir explicaciones y pruebas distintas. Una página independiente se justifica cuando tiene su propio público, contenido y decisión. En cambio, varias páginas casi idénticas con una sola palabra cambiada añaden complejidad. Antes de añadir una sección, expresa su utilidad en una frase. Si resulta difícil, quizá baste con una sección en una página existente.
Da un propósito a cada sección
Una página de servicio podría seguir esta secuencia: una declaración concisa de su tema, casos de uso, alcance, proceso, ejemplos verificados, respuestas a preguntas y datos de contacto. No es una plantilla universal para copiar sin pensar. En un servicio complicado, el proceso puede importar más que una galería; en un trabajo visual, quizá convenga mostrar antes los ejemplos. Elimina las secciones que solo repiten ideas anteriores con otras palabras y comprueba si falta alguna condición importante.
Haz comprensibles las etiquetas de los enlaces
«Servicios», «Trabajos» y «Contacto» suelen ayudar más que frases creativas misteriosas. Un enlace de texto debe explicar adónde lleva. «Conoce nuestro proceso de desarrollo» comunica más que varios enlaces idénticos de «Leer más». El W3C recomienda organizar de forma lógica la estructura y los encabezados de la página. Esto favorece la orientación tanto visualmente como para quienes utilizan tecnologías de asistencia. El aspecto de un encabezado no debería sustituir su función semántica en el documento.
Prueba el mapa antes del diseño
Pide a alguien ajeno al proyecto que encuentre un servicio pertinente, las condiciones de colaboración y una forma de contactar. No lo guíes. Anota dónde duda y después mejora las etiquetas o los recorridos. Un prototipo sencillo basta para este ejercicio. Un error estructural es más fácil de corregir antes de llenar las páginas de animaciones elaboradas y del diseño visual definitivo.
Una buena estructura no obliga a leerlo todo. Permite encontrar rápidamente el nivel de explicación necesario en ese momento. Así, el sitio resulta sencillo aunque el servicio que hay detrás sea complejo.