Doc

Componenti (personalizzazione layout)

Aggiornato April 28, 2025

Carousel

Un carousel è un elemento dell'interfaccia utente che presenta una serie di elementi scorrevoli orizzontalmente. Ogni elemento è solitamente visualizzato come una miniatura grafica e può essere scorrere attraverso lo swipe a sinistra o a destra sullo schermo, o facendo clic sui pulsanti freccia visualizzati sullo schermo. In un'app, un carousel viene spesso utilizzato per visualizzare un set di immagini o altri media che possono essere cliccati o toccati per accedere a ulteriori informazioni o per eseguire un'altra azione.

Carousel di raccolta

Un carousel di raccolta è una funzionalità che visualizza un gruppo di elementi relativi a un tema o categoria particolare. Gli elementi in un carousel di raccolta sono solitamente organizzati in un set di carte scorrevoli orizzontalmente, e l'utente può scorrere a sinistra o a destra per visualizzare gli elementi diversi. I carousels di raccolta vengono utilizzati nelle app di e-commerce per consentire agli utenti di sfogliare una selezione di prodotti organizzati per tema o categoria. Ad esempio, un'app potrebbe avere un carousel di raccolta per la “moda estiva” che visualizza una selezione di abbigliamento e accessori adatti al clima estivo.

Carousel di prodotto

Un carousel di prodotti è un tipo di carousel che mostra una selezione di prodotti in vendita. I prodotti in un carousel di prodotti sono solitamente organizzati in una serie di schede scorrevoli orizzontalmente, e l'utente può scorrere a sinistra o a destra per visualizzare i diversi articoli. I carousel di prodotti sono spesso usati nelle app di e‑commerce per permettere agli utenti di sfogliare una selezione di prodotti e vedere più informazioni su ciascun articolo. Per esempio, un'app potrebbe avere un carousel di prodotti per “nuovi arrivi” che mostra una selezione di prodotti appena rilasciati, oppure un carousel di prodotti per “più venduti” che mostra una selezione dei prodotti più popolari.

Carousel di immagini

Un carousel di immagini è un elemento funzionale che mostra una serie di immagini in una lista orizzontale, con la possibilità per gli utenti di scorrere le immagini. Le immagini in un carousel di immagini sono solitamente visualizzate come una serie di schede scorrevoli orizzontalmente, e l'utente può scorrere a sinistra o a destra per vedere le diverse immagini. I carousel di immagini sono spesso usati nelle app per permettere agli utenti di sfogliare una selezione di immagini e visualizzare più informazioni su ciascuna. Per esempio, un'app potrebbe avere un carousel di immagini per “banner in evidenza” che mostra una selezione di immagini di offerte, prodotti o promozioni, oppure un carousel di immagini per “prodotti di tendenza” che mostra una selezione di articoli popolari.
 

Elenco prodotti

Un elenco di prodotti è una funzionalità di un'app che mostra una selezione di prodotti disponibili in vendita. I prodotti in un elenco sono solitamente organizzati verticalmente, con ogni prodotto rappresentato da una scheda che include informazioni come nome, prezzo e immagine in miniatura. Gli elenchi di prodotti sono usati nelle app di e‑commerce per consentire agli utenti di sfogliare una selezione e visualizzare più dettagli su ciascun articolo. Di solito l’utente può toccare un prodotto nell’elenco per vedere informazioni più approfondite, come descrizione, immagini aggiuntive e recensioni dei clienti. Gli elenchi possono includere anche opzioni di ordinamento e filtro per aiutare gli utenti a trovare i prodotti di loro interesse.

Elenco collezioni

Un elenco di collezioni è una funzionalità di un'app che mostra diverse collezioni, tipicamente organizzate in una lista verticale, con ogni voce rappresentata da una scheda che include nome della collezione e immagine. Gli elenchi di collezioni sono spesso usati nelle app di e‑commerce per permettere agli utenti di sfogliare una selezione di prodotti organizzati per tema o categoria. Per esempio, un’app può avere un elenco di collezioni dove i clienti trovano la categoria di loro interesse durante l’acquisto; una collezione di abbigliamento o accessori è un esempio adatto.

Slider immaginiUn'immagine scorrevole è un elemento dell'interfaccia utente che visualizza un'immagine singola e consente all'utente di navigare fino ad altre immagini facendo clic sui pulsanti delle frecce o utilizzando un indicatore di navigazione a punti. Le immagini scorrevoli vengono spesso utilizzate per evidenziare un'immagine singola o un piccolo gruppo di immagini, e sono comuni sui siti web e nelle app mobili.
Nell'app, un'immagine scorrevole potrebbe essere utilizzata per visualizzare una serie di immagini di prodotti, ad esempio, o per mostrare una serie di immagini che illustrano un particolare concetto o idea. L'utente può navigare attraverso le immagini scorrendo a sinistra o a destra sullo schermo, o facendo clic sui pulsanti delle frecce visualizzati sullo schermo. Alcune immagini scorrevoli consentono inoltre all'utente di mettere in pausa la presentazione scorrevole e di selezionare manualmente un'immagine dal set di immagini che vengono visualizzate.

Testo

Il testo è una funzionalità comunemente utilizzata nelle app per visualizzare informazioni scritte all'utente. Il testo può essere utilizzato per una vasta gamma di scopi, come ad esempio visualizzare istruzioni, descrizioni, etichette o altri tipi di informazioni. Il testo può essere visualizzato in una varietà di formati, come un paragrafo, un elenco o un'intestazione, e può essere stilato con dimensioni, colori e altre opzioni di formattazione diverse. Il testo viene spesso utilizzato in combinazione con altre funzionalità, come immagini, pulsanti o collegamenti, per fornire un'esperienza utente più interattiva e coinvolgente.

Testo compressibile

​​La funzione testo comprimibile è un tipo di funzione testuale che permette agli utenti di espandere o comprimere un blocco di testo toccando un pulsante, un link o un menu a tendina. Quando il testo è compresso, viene mostrato solo un riassunto o un estratto, e l'utente può toccare il pulsante o il link per visualizzare il testo completo. Questo è utile per risparmiare spazio e facilitare la lettura e la navigazione di lunghi blocchi di testo. Il testo comprimibile viene spesso usato nelle app per mostrare informazioni non essenziali per tutti gli utenti, o che alcuni utenti potrebbero preferire saltare. Ad esempio, un'app potrebbe usare il testo comprimibile per mostrare una descrizione dettagliata di un prodotto, con la possibilità per gli utenti di visualizzare la descrizione completa se lo desiderano.

Consigli sul prodotto 

Una funzione di raccomandazione prodotti è una funzionalità dell’app che suggerisce prodotti agli utenti in base ai loro interessi o al loro comportamento passato. Le funzioni di raccomandazione prodotti sono spesso usate nelle app di e‑commerce per aiutare gli utenti a scoprire nuovi prodotti che potrebbero interessare loro e per incentivarli a effettuare acquisti aggiuntivi. Esistono diversi algoritmi e tecniche per generare raccomandazioni, come il filtraggio collaborativo, il filtraggio basato sul contenuto e la fattorizzazione di matrici. Le funzioni di raccomandazione prodotti possono basarsi su vari fattori, come i prodotti visualizzati o acquistati in passato dall’utente, le categorie o i brand di suo interesse e le valutazioni o le recensioni che ha lasciato per altri prodotti.