Flussi Di Lavoro Modelli HTML

Modelli HTML personalizzabili per i flussi di lavoro

Un team che documenta un percorso di approvazione di solito conosce a memoria ogni passaggio, ma spesso perde una giornata a causa del layout. I modelli HTML per i flussi di lavoro ti permettono di risparmiare tempo. Puoi sfogliare la raccolta, aprire una demo le cui sezioni sono già in sequenza e sostituire il testo di esempio con i tuoi nomi di fase, responsabili ed etichette di stato. Il markup sottostante è modificabile, quindi qualsiasi elemento omesso dai controlli visivi può essere gestito direttamente nel codice sorgente.

Sezioni di fase rinominabili e riordinabili

Ciò che distingue questi layout da un normale modello di contenuto è la sequenza predefinita. Ogni blocco è predisposto per contenere una fase e la copia di un blocco aggiunge una fase senza alterare quelle adiacenti.

Un blocco di fase di solito contiene alcuni elementi importanti da conservare:

• Il nome della fase e una breve descrizione di ciò che accade al suo interno;

• Il responsabile o il team incaricato di portare avanti il lavoro;

• Un'etichetta di stato come "in sospeso", "in revisione" o "completato";

• Il passaggio di consegne successivo, inclusa qualsiasi decisione che divida il percorso. ## Flussi di lavoro di approvazione brevi contro flussi di lavoro di onboarding lunghi

Due processi di lunghezza simile possono richiedere layout opposti. Un percorso di approvazione si basa sui suoi punti decisionali, dove approvare, rifiutare e rivedere inviano la stessa richiesta attraverso tre rami diversi, quindi un modello compatto con quattro passaggi visibili li copre tutti. L'onboarding è più lungo e lineare, iniziando con una richiesta e una revisione.

Seguono la configurazione e l'approvazione, e solo allora il nuovo assunto inizia effettivamente a lavorare, motivo per cui sezioni ripetibili e spazio per note di supporto sono più importanti in queste aree. L'erogazione del servizio si colloca tra i due, passando dalla ricezione all'elaborazione, dove i controlli di qualità decidono se il lavoro viene consegnato o se deve tornare indietro di una fase.

Schede, cronologie, passaggi numerati su schermi stretti

Vale la pena scegliere il formato visivo intenzionalmente. I passaggi numerati sono facili da leggere per una procedura breve, le schede sono adatte a fasi che contengono diversi campi e una cronologia verticale mantiene un percorso lungo senza comprimerlo orizzontalmente. L'elemento Griglia di Nicepage mantiene le schede delle fasi allineate all'interno di celle responsive, e la guida al Responsive Web Design illustra i controlli per adattare i contenuti alle diverse larghezze dello schermo.

Su smartphone, l'ordine è fondamentale, perché una riga di fasi si trasforma in una colonna e la sequenza deve rimanere invariata. Le dipendenze sono le prime a risentirne, poiché una fase che nessuno può ancora avviare risulta comunque disponibile anche dopo aver perso le fasi adiacenti. Prima di procedere con la versione definitiva, apri una demo su uno schermo stretto e verifica che la fase quattro sia ancora leggibile come tale.