Guida ai Componenti

Guida ai Componenti

I Componenti sono i principali mattoni utilizzati per assemblare le pagine in FaceFlow.

Se una pagina necessita di una sezione strutturata del sito web come una sezione hero, un'area prezzi, una FAQ, una galleria, una sezione CTA, una griglia di servizi o un blocco contatti, un Componente è solitamente lo strumento giusto.

Quando usare un Componente

Usa un Componente quando hai bisogno di:

  • una sezione visibile della pagina con la propria struttura
  • una sezione ripetibile che può comparire in molte pagine
  • contenuti che devono rimanere all'interno di un pattern di design coerente
  • una sezione con diversi campi modificabili come titolo, testo, immagine, link o azioni

Buoni esempi includono:

  • sezioni hero
  • griglie di funzionalità
  • schede dei servizi
  • sezioni prezzi
  • FAQ
  • sezioni di testimonianze
  • sezioni contatti
  • blocchi di conversione basati su moduli

Quando non usare un Componente

Non usare un Componente quando:

  • il contenuto è solo un piccolo frammento condiviso
  • il contenuto appartiene a un singolo campo di pagina e non richiede la struttura di una sezione
  • hai bisogno solo di riutilizzare un breve frammento come un avviso, un'etichetta o un dettaglio di supporto

In questi casi, una Variabile potrebbe essere più adatta.

Flusso di lavoro consigliato

  1. Parti dall'obiettivo della pagina
  2. Scegli le sezioni che supportano quell'obiettivo
  3. Riutilizza Componenti esistenti prima di richiederne o crearne di nuovi
  4. Compila i campi con cura
  5. Controlla l'ordine delle sezioni nella pagina
  6. Visualizza in anteprima prima di pubblicare

Come scegliere componenti migliori

Chiediti:

  • Questa sezione aiuta il visitatore a procedere?
  • Esiste già un Componente collaudato per questa esigenza?
  • Questa sezione appartiene al percorso della pagina o è solo rumore visivo?

Le migliori scelte di Componenti di solito nascono dall'obiettivo della pagina, non solo dalla preferenza visiva.

Casi d'uso comuni

  • sezioni di landing page
  • panoramiche dei servizi
  • aree di prezzi e comparazione
  • sezioni FAQ
  • sezioni di prova e recensioni
  • blocchi CTA guidati da moduli

Errori comuni

  • aggiungere troppe sezioni a una singola pagina
  • scegliere sezioni che ripetono lo stesso messaggio
  • creare Componenti quasi duplicati per piccole differenze di contenuto
  • sovraccaricare una sezione con troppe informazioni non correlate
  • dimenticare di rivedere l'ordine e la transizione tra le sezioni

Linee guida del team

  • preferire il riuso alla quasi-duplicazione
  • mantenere i nomi dei Componenti comprensibili
  • scegliere la sezione più semplice che soddisfi l'obiettivo della pagina
  • considerare Moduli e Recensioni come parte del percorso della pagina, non come aggiunte

Correlati