PIPELINEGuías
¿Cómo funciona el diseño web profesional? Explicación sin jerga técnica
Qué sucede técnicamente cuando el diseño web profesional está en funcionamiento, explicado para quienes toman decisiones, no para desarrolladores. Incluyendo los puntos donde todavía se necesitan personas.
El diseño web funciona en esencia así: llega una consulta, se verifica contra contenidos y reglas almacenadas y se responde directamente o se transfiere a una persona con el contexto completo. El verdadero trabajo no está en la técnica, sino en definir dónde está exactamente ese límite.
01 — Funcionamiento
Cómo funciona técnicamente el diseño web profesional
Un lenguaje visual que encaja con vuestra empresa, se mantiene en todas las páginas y sigue funcionando cuando dentro de dos años agregues contenidos.
Visto desde fuera ocurre lo siguiente: llega una solicitud — a través de la web, el teléfono, un formulario o un sistema existente. Se registra, se verifica contra las reglas y contenidos almacenados y se responde directamente o se transfiere con contexto completo a una persona. La parte decisiva no es la técnica, sino definir dónde está ese límite.
A menudo el diseño se trata como decoración. El resultado son páginas que quedan bien en el portafolio pero que en el día a día no ayudan a nadie. Precisamente este punto determina cómo se configura el sistema, no una promesa de producto genérica.
02 — Componentes
De qué se compone el sistema
- Sistema de rejilla, tipografía y color como sistema coherente
- Diseños para los tipos de página, no para cada página individual
- Modo claro y oscuro considerados desde el principio
- Verificación de contraste y legibilidad según WCAG
- Biblioteca de componentes para que puedan crearse nuevas páginas sin diseñador
- Documento de entrega con las reglas que otros también pueden seguir
03 — Proceso
Los pasos en detalle
Análisis de situación
Qué hay ya de logotipo, colores, lenguaje visual, y qué de eso funciona.
Definir la dirección
Dos o tres direcciones en un tipo de página, para que la decisión se tome sobre algo concreto.
Desarrollar el sistema
De la dirección elegida surge el sistema para todos los tipos de páginas.
Entrega
Los componentes y las reglas se documentan y se entregan.
04 — Preguntas
Preguntas frecuentes
¿Necesitamos realmente diseño propio?
No obligatoriamente. Si necesitáis un sitio con cinco subpáginas y no tenéis ambiciones de marca, un sistema base limpiamente adaptado es la elección más sensata. El diseño propio vale la pena cuando debéis diferenciaros de competidores o gestionáis muchas páginas.
¿Recibimos varios bocetos?
Dos a tres direcciones en un tipo de página. Diez variantes no ayudan a nadie — solo trasladan la decisión al cliente en lugar de tomarla.
¿Qué pasa si no nos gusta ninguna de las direcciones?
Entonces volvemos al inventario — normalmente significa que algo importante sobre la empresa aún no se ha entendido. Pasa rara vez, pero mejor empezar de nuevo que forzar un diseño.
¿Qué pasa con la accesibilidad en el diseño?
Contrastes, tamaños de fuente, representación del foco y áreas clicables los comprobamos contra WCAG 2.1 AA. En el diseño es notablemente más barato que después en la implementación.
¿Se verá bien también en el móvil?
Diseñamos primero la vista estrecha, porque ahí llega la mayor parte de los visitantes. La vista ancha es el caso más fácil, no al revés.
¿Cuántas rondas de corrección están incluidas?
Dos rondas por boceto son habituales y normalmente suficientes, porque la decisión de dirección ya se toma tras la primera presentación. Más rondas son posibles, pero alargan notablemente el plazo.
¿De quién son los archivos?
Vuestros. Recibís los archivos fuente y la documentación. Si más adelante trabajáis con otra persona, puede continuar con ellos.
05 — Decisión
Cómo seguir adelante
El siguiente paso más económico es una conversación, no un presupuesto. Veinte minutos suelen bastar para aclarar si un proyecto tiene sentido, en qué marco se mueve y si somos los indicados para ello.
Si no es así, lo decimos. Un no honesto cuesta menos que un proyecto que se cancela después de tres meses — para ambas partes.
06 — Continuar
Páginas relacionadas
- Diseño web — Vista general
- Diseño web — Requisitos
- Diseño web — Hacerlo tú mismo
- Diseño web — Ejemplos prácticos
- Diseño web — Por dónde empezar
- Diseño web — Errores típicos
- Diseño web — Proceso
- Diseño web — Pequeñas empresas
- Crear sitio web
- Landing page
- Rediseño de sitio web
- Todas las guías
Diseño web por región
Siguiente paso
Hablemos brevemente de si esto vale la pena para vosotros.
Una conversación de veinte minutos suele bastar para aclarar si un proyecto tiene sentido. Si no, lo decimos: es más barato para ambas partes que una oferta que nadie necesita.