Design component template screenshot preview

Modello Componente di progettazione

Creato da:

Atlassian logo

Crea una libreria di componenti della progettazione accuratamente documentati

Categorie

  • Progetta

FUNZIONALITÀ PRINCIPALI

  • Documentazione

  • Requisiti

  • Knowledge base

Design component template screenshot preview

Tenere traccia di tutti i componenti utilizzati nei progetti dal team può essere complesso, soprattutto se il team è in crescita. Il modello Componente di progettazione ti aiuta a documentare ciascun componente, dagli elementi di base (funzioni e anatomia) alle specifiche (aspetto e prestazioni in contesti diversi). È disponibile persino una sezione per le indicazioni aggiuntive, in cui puoi illustrare le regole specifiche del componente relative a contenuti, accessibilità, dispositivi mobili e molto altro. Crea una libreria dei componenti da zero!

Come utilizzare il modello Componenti di progettazione

  1. 1

    Inizia dagli elementi di base

    Prima di esaminare nei dettagli le specifiche del componente, occorre definirne gli elementi di base. Inizia compilando le righe in Elementi di base dei componenti: assegna un nome al componente, descrivine le funzionalità e carica un diagramma della sua anatomia con callout numerati. Utilizza questi callout per creare una chiave e definire ciascun elemento dell'anatomia del componente. Lo scopo di questa sezione consiste nel fornire alle persone che utilizzano il componente un quadro generale del suo funzionamento.

  2. 2

    Esponi le specifiche

    Qui puoi iniziare a descrivere i diversi modi di utilizzo di un componente all'interno dei progetti nell'ambito di una funzionalità più ampia. Descrivi in che modo viene utilizzato il componente, incluso il suo scopo all'interno del progetto nel suo insieme e passa quindi a illustrarne l'aspetto e il comportamento in contesti diversi. Utilizza il codice in tempo reale dal repository del sistema di progettazione per visualizzare le diverse varianti. Infine, descrivi lo stile visivo del componente. Accertati di includere esempi di cosa fare e cosa non fare.

  3. 3

    Documenta suggerimenti, trucchi e best practice

    Ogni componente ha le sue peculiarità. Annotale in Linee guida aggiuntive. Inizia dai contenuti: ci sono regole di punteggiatura specifiche per questo componente? Etichette standard? Annotale insieme ai problemi di accessibilità e ai suggerimenti specifici del componente relativi alla sua applicazione negli ambienti mobili. Se ci sono best practice standard del settore sull'utilizzo del componente, elenca anche quelle. Infine, aggiungi link a eventuali schemi o componenti correlati.

Modelli correlati

Progetta

glossario per la progettazione dei contenuti

Insegna agli autori come usare i nomi dei prodotti, i termini di settore e altri contenuti con una guida dalla A alla Z.

Progetta

strategia dei contenuti

Mappa il tuo piano strategico per i contenuti e organizza il calendario editoriale.

Gestione del prodotto

Report su intervista con il cliente

Trasforma le interviste con i clienti in informazioni utili con il report sull'intervista con il cliente.