Caminhos para o sucesso com os componentes principais

Os componentes principais são poderosos, flexíveis e fáceis de usar e personalizar. Seguindo algumas diretrizes principais, como descritas neste documento, você garantirá que seu projeto com os Componentes principais seja um sucesso.

Dois caminhos para o sucesso

Existem duas abordagens básicas para a implementação dos componentes principais, que podem levar ao sucesso, mas têm suas próprias soluções que precisam ser consideradas projeto a projeto.

Mapeie seus designs para os Componentes principais e use o HTML que eles fornecem. Ou
Se você tiver que cumprir os padrões HTML já definidos, precisará de mais esforço e não terá todos os benefícios dos componentes principais.

Armadilhas comuns na implementação do componente

Dois problemas comuns que levam ao fracasso dos projetos com os Componentes principais são:

Designs finalizados - Eles podem até ser aprovados no nível C e são entregues à equipe de desenvolvimento para serem implementados perfeita em pixels, sem preocupação com a tecnologia subjacente.
Um guia de estilo HTML em toda a empresa - Essas guias com muita frequência devem ser seguidas dogmaticamente pelos componentes que aplicam estilos de uma perspectiva de cima para baixo.

Em ambos os casos, os requisitos feitos para os componentes são tão rígidos e específicos que é difícil fazer com que os Componentes principais ou qualquer componente pronto para uso sejam compatíveis com eles, o que resulta no desenvolvimento maciço de componentes personalizados.

Start antecipado

Em vez de considerar apenas os Componentes principais na fase de implementação do seu projeto, já está start com os Componentes principais durante a fase de wireframing e design.

Usar a Biblioteca de componentes

Consulte a Biblioteca de componentes já em fase de design. Os componentes principais são poderosos e flexíveis e podem levar você a um ponto de partida. Adicione apenas componentes personalizados quando houver uma necessidade real de negócios que não possa ser razoavelmente alcançada com um Componente principal.

Usar o kit de interface do usuário para Adobe XD

Assim que houver uma necessidade comprovada de um componente personalizado, aproveite o kit de interface do usuário para Adobe XD para que os designers possam criar start para a construção dos wireframes e dos designs com os Componentes principais como blocos de construção.

Não ignorar recursos avançados

Os recursos do AEM e dos componentes principais podem ser muito poderosos, mas também muito sutis e as possibilidades de determinadas funcionalidades podem não ser imediatamente aparentes para um designer.

Fragmentos de conteúdo

Fragmento de conteúdo Permite criar conteúdo neutro ao canal, juntamente com variações (possivelmente específicas ao canal). Em seguida, é possível usar estes fragmentos e suas variações ao criar suas páginas de conteúdo.

Juntamente com o exportador JSON atualizado, os fragmentos de conteúdo estruturados também podem ser usados para fornecer o conteúdo do AEM através do Content Services a canais diferentes das páginas do AEM.

Modelos de fragmento de experiência

Se um autor quiser reutilizar partes (um fragmento de uma experiência) de uma página. Sem Fragmentos de experiência, o autor precisaria copiar e colar esse fragmento. Criar e manter essa experiências de copiar/colar é um processo demorado e pode causar erros feitos pelo usuário. Os fragmentos de experiência eliminam a necessidade de copiar/colar.

O componente incorporado

O Componente incorporado não permite apenas a inclusão de recursos externos, como conteúdo de vídeo do YouTube, mas também é extensível para permitir que ele acomode conteúdo específico às necessidades de um projeto.