Arbetsflöden HTML-mallar

Anpassningsbara HTML-mallar för arbetsflöden

Ett team som dokumenterar en godkännandeväg kan vanligtvis varje steg utantill och förlorar ändå en dag på att kämpa mot layouten. HTML-mallar för arbetsflöden tar tillbaka den dagen. Du bläddrar i samlingen, öppnar en demo vars avsnitt redan körs i sekvens och ersätter exempeltexten med dina egna scennamn, ägare och statusetiketter. Den underliggande markupen är redigerbar, så allt som de visuella kontrollerna utelämnar kan hanteras i källan istället.

Scenavsnitt som du kan byta namn på och ordna om

Det som skiljer dessa layouter från en vanlig innehållsmall är att deras sekvens är inbyggd. Varje block är förberett för att innehålla ett steg, och att kopiera ett block lägger till ett steg utan att störa stegen på någon sida.

Ett scenblock innehåller vanligtvis några element som är värda att behålla:

• Stegnamnet plus en kort rad som beskriver vad som händer inuti det;
• Ägaren eller teamet som ansvarar för att driva arbetet framåt;
• En statusetikett som väntar, granskas eller slutförs;
• Överlämningen som följer, inklusive eventuella beslut som delar upp rutten.

Korta godkännanden kontra långa onboarding-arbetsflöden

Två processer av liknande längd kan kräva motsatta layouter. En godkännandeprocess baseras på sina beslutspunkter, där godkännande, avslag och revidering skickar samma begäran ner till tre olika grenar, så en kompakt mall med fyra synliga steg täcker alla. Onboardingprocessen är längre och smidigare, med början med en begäran och en granskning.

Installation och godkännande följer, och först då börjar den nyanställda faktiskt, vilket är anledningen till att repeterbara avsnitt och utrymme för stödjande anteckningar är viktigare i dessa områden. Tjänsteleveransen ligger mellan de två, från intag till bearbetning, där kvalitetskontroller avgör om arbetet skickas eller går tillbaka ett steg.

Kort, tidslinjer, numrerade steg på smala skärmar

Det visuella formatet är värt att välja medvetet. Numrerade steg är bra för en kort procedur, kort passar steg som vart och ett bär flera fält, och en vertikal tidslinje håller ihop en lång process utan att klämma ihop den i sidled. Nicepage Grid Element håller stegkorten justerade inom responsiva celler, och Responsive Web Design Guide täcker kontroller för att anpassa innehåll över skärmbredder.

Ordning är något man bör hålla koll på på en telefon, eftersom en rad med steg förvandlas till en kolumn, och sekvensen måste överleva flytten. Beroenden drabbas först när det händer, eftersom ett steg som ingen kan starta men ändå ser tillgängligt ut när det förlorar sina grannar. Öppna en demo på en smal skärm innan du genomför, och kontrollera om steg fyra fortfarande läses som steg fyra.