Rutas para el éxito con los componentes principales

Los componentes principales son potentes, flexibles y fáciles de usar y personalizar. Seguir algunas directrices clave como se describe en este documento garantizará que el proyecto con los componentes principales sea un éxito.

Dos rutas para el éxito

Existen dos enfoques básicos para la aplicación de los componentes básicos, que pueden dar lugar al éxito pero tienen sus propios compromisos que deben considerarse proyecto por proyecto.

  1. Asigne sus diseños a los componentes principales y tome el HTML que proporcionan. O bien
  2. Si tiene que cumplir con estándares HTML ya definidos, necesitará más esfuerzo y no obtendrá todas las ventajas de los componentes principales.

Problemas comunes en la implementación de componentes

Dos problemas comunes que hacen que los proyectos no tengan éxito con los componentes principales son:

  • Diseños finalizados : Estos pueden incluso ser aprobados a nivel C y entregados al equipo de desarrollo para ser implementados en píxeles perfectos sin preocuparse por la tecnología subyacente.
  • Guía de estilo HTML para toda la empresa : estas guías demasiado a menudo deben ser seguidas dogmáticamente por los componentes que aplican estilos desde una perspectiva descendente.

En ambos casos, los requisitos realizados para los componentes son tan estrictos y específicos que es difícil hacer que los componentes principales o cualquier componente listo para usar los cumplan, lo que conduce al desarrollo masivo de componentes personalizados.

Inicio temprano

En lugar de tener en cuenta únicamente los componentes principales en la fase de implementación del proyecto, ya comience con los componentes principales durante la fase de wireframing y diseño.

Usar la biblioteca de componentes

Haga referencia a la Biblioteca de componentes que ya se encuentra en la fase de diseño. Los componentes principales son potentes y flexibles y pueden llevarle lejos como punto de partida. Añada únicamente componentes personalizados cuando exista una necesidad empresarial real que realmente no se pueda lograr razonablemente con un componente principal.

Usar el kit de IU para Adobe XD

Tan pronto como exista una necesidad comprobada de un componente personalizado, aproveche el kit de interfaz de usuario para Adobe XD para que los diseñadores puedan empezar a crear los modelos de alambres y los diseños con los componentes principales como componentes básicos.

No pase por alto las funciones potentes

Las características de AEM y los componentes principales pueden ser muy potentes, pero también muy sutiles y las posibilidades de determinadas funciones podrían no ser inmediatamente aparentes para un diseñador.

Fragmentos de contenido

Los fragmentos de contenido le permiten crear contenido neutro con respecto al canal, además de variaciones (posiblemente específicas del canal). Después se pueden usar estos fragmentos, y sus variaciones, al crear páginas de contenido.

Junto con el exportador JSON actualizado, los fragmentos de contenido estructurados también se pueden utilizar para distribuir contenidos de AEM mediante servicios de contenido a canales en lugar de páginas de AEM.

Plantillas de fragmento de experiencia

Si un creador desea reutilizar partes (un fragmento de una experiencia) de una página. Sin fragmentos de experiencias, el autor tendría que copiar y pegar ese fragmento. Crear y mantener estas experiencias de copia y pegado es un proceso laborioso y es posible que el usuario cometa errores. Los fragmentos de experiencias eliminan la necesidad de copiar y pegar.

El componente Incrustar

El componente incrustado no solo permite incluir simplemente recursos externos como contenido de vídeo de YouTube, sino que también se puede ampliar para que quepa contenido específico para las necesidades de un proyecto.

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now