Workflows HTML-sjablonen

Aanpasbare HTML-sjablonen voor workflows

Een team dat een goedkeuringsproces documenteert, kent meestal elke stap uit het hoofd, maar verliest toch een dag aan het uitzoeken van de lay-out. HTML-sjablonen voor workflows besparen u die tijd. U bladert door de collectie, opent een demo waarvan de secties al in de juiste volgorde staan en vervangt de voorbeeldtekst door uw eigen fasenamen, verantwoordelijken en statuslabels. De onderliggende markup is bewerkbaar, dus alles wat de visuele besturingselementen weglaten, kan in de broncode worden aangepast.

Fasesecties die u kunt hernoemen en herschikken

Wat deze lay-outs onderscheidt van een gewoon contentsjabloon, is dat de volgorde is ingebouwd. Elk blok is voorbereid om één stap te bevatten en door een blok te kopiëren, voegt u een stap toe zonder de stappen ernaast te verstoren.

Een faseblok bevat meestal een aantal elementen die de moeite waard zijn om te behouden:

• De stapnaam plus een korte beschrijving van wat er binnenin gebeurt;

• De verantwoordelijke of het team dat verantwoordelijk is voor de voortgang van het werk;

• Een statuslabel zoals in behandeling, ter beoordeling of voltooid;

• De overdracht die volgt, inclusief eventuele beslissingen die het proces splitsen.

Korte goedkeuringsprocessen versus lange onboardingworkflows

Twee processen van vergelijkbare lengte kunnen om tegengestelde lay-outs vragen. Een goedkeuringsproces draait om beslissingsmomenten, waarbij goedkeuren, afwijzen en herzien hetzelfde verzoek door drie verschillende takken leiden. Een compacte template met vier zichtbare stappen dekt ze daarom allemaal. Onboarding is langer en minder complex, beginnend met een verzoek en een beoordeling.

Instellen en goedkeuren volgen, en pas daarna begint de nieuwe medewerker daadwerkelijk. Daarom zijn herhaalbare secties en ruimte voor ondersteunende notities in deze fase belangrijker. Servicelevering bevindt zich tussen de twee in, van intake tot verwerking, waar kwaliteitscontroles bepalen of het werk wordt verzonden of terug naar een eerdere fase.

Kaarten, tijdlijnen en genummerde stappen op smalle schermen

De visuele opmaak is de moeite waard om bewust te kiezen. Genummerde stappen zijn overzichtelijk voor een korte procedure, kaarten zijn geschikt voor fasen met elk meerdere velden, en een verticale tijdlijn houdt een lang proces overzichtelijk zonder het te complex te maken. Het Nicepage Grid Element zorgt ervoor dat de stagekaarten binnen responsieve cellen uitgelijnd blijven, en de Responsive Web Design guide beschrijft de besturingselementen voor het aanpassen van de inhoud aan verschillende schermbreedtes.

De volgorde is belangrijk op een telefoon, omdat een rij stages verandert in een kolom en de volgorde behouden moet blijven. Afhankelijkheden hebben hier als eerste last van, omdat een stap die nog niet gestart kan worden, er nog steeds beschikbaar uitziet, zelfs nadat de aangrenzende stappen verdwenen zijn. Open een demo op een smal scherm voordat je de wijzigingen doorvoert en controleer of stap vier nog steeds als stap vier wordt weergegeven.