šŸ‡©šŸ‡Ŗ Deutsch šŸ‡ŗšŸ‡ø English šŸ‡ŖšŸ‡ø EspaƱol šŸ‡«šŸ‡· FranƧais šŸ‡®šŸ‡¹ Italiano šŸ‡³šŸ‡± Nederlands šŸ‡µšŸ‡¹ PortuguĆŖs
šŸ‡©šŸ‡Ŗ Deutsch šŸ‡ŗšŸ‡ø English šŸ‡ŖšŸ‡ø EspaƱol šŸ‡«šŸ‡· FranƧais šŸ‡®šŸ‡¹ Italiano šŸ‡³šŸ‡± Nederlands šŸ‡µšŸ‡¹ PortuguĆŖs

Guía de Diseño

Guƭa de DiseƱo

Los DiseƱos definen el marco compartido de la pƔgina utilizado a lo largo de una o varias PƔginas.

Si los Componentes son las secciones visibles dentro de una pƔgina, los DiseƱos son el sistema estructural que las rodea. Ayudan a los equipos a mantener la consistencia de familias de pƔginas sin reconstruir la estructura de la pƔgina cada vez.

CuƔndo usar un DiseƱo

Usa un DiseƱo cuando varias PƔginas deban compartir la misma experiencia estructural, como:

  • un diseƱo estĆ”ndar del sitio
  • un marco para pĆ”gina de destino
  • una familia de pĆ”ginas de campaƱa
  • un diseƱo de documentaciĆ³n o base de conocimiento
  • un tipo de pĆ”gina con regiones laterales compartidas, navegaciĆ³n o Ć”reas de soporte

Si la estructura debe mantenerse consistente en varias PƔginas, normalmente pertenece a un DiseƱo.

CuƔndo no usar un DiseƱo

No uses un DiseƱo para:

  • mensajes puntuales en una pĆ”gina
  • una Ćŗnica secciĆ³n que pertenece dentro del contenido de la pĆ”gina
  • pequeƱas diferencias visuales que no justifican un nuevo marco de pĆ”gina

Esos suelen pertenecer a Componentes o directamente dentro del flujo de composiciĆ³n de PĆ”ginas.

Flujo de trabajo recomendado

  1. Definir la familia de pƔginas
  2. Decidir quƩ debe permanecer compartido
  3. Crear o elegir el DiseƱo
  4. Asignarlo a las PƔginas correctas
  5. Revisar el impacto antes de cambiar un DiseƱo activo

QuƩ caracteriza a un buen DiseƱo

Los DiseƱos sĆ³lidos suelen:

  • mantenerse estructurales en lugar de ser especĆ­ficos del mensaje
  • soportar una familia de pĆ”ginas repetible
  • mantener el encuadre compartido en un solo lugar
  • evitar incluir texto puntual de campaƱas o pĆ”ginas

Cuanto mƔs claro sea el DiseƱo, mƔs fƔcil serƔ que las PƔginas se mantengan consistentes.

Casos de uso comunes

  • diseƱo del sitio principal de la empresa
  • diseƱo de pĆ”gina de destino
  • diseƱo de documentaciĆ³n
  • diseƱo de recursos

Errores comunes

  • crear demasiados DiseƱos con diferencias muy pequeƱas
  • poner contenido de campaƱas puntuales en un DiseƱo compartido
  • usar DiseƱos para resolver problemas a nivel de secciĆ³n
  • editar un DiseƱo compartido sin comprobar todas las PĆ”ginas afectadas

GuĆ­a para el equipo

  • limitar deliberadamente el nĆŗmero de DiseƱos activos
  • diseƱar los DiseƱos pensando en familias de pĆ”ginas, no en una sola pĆ”gina
  • revisar el impacto posterior antes de cambios estructurales
  • usar Componentes para secciones de contenido, no para sobrecargar la estructura

Relacionado