Framsteg HTML-mallar

Tydliga HTML-mallar för förlopp

En HTML-mall för förlopp ger dig en sida som redan innehåller plats för ett mål, mätvärdet som följer det och milstolparna längs vägen. Byt ut exempelsiffrorna mot dina egna, döp om etapperna och anpassa utseendet i Nicepage. Du behöver inte redigera HTML-källkoden för att anpassa en mall. De exporterade filerna finns kvar och kan redigeras direkt om en utvecklare kliver in senare.

Sektioner som väntar på dina egna siffror

Designen varierar, men många delar någon variant av dessa sektioner:

• ett sammanfattande block som anger målet och visar det aktuella läget idag;
• ett statusområde som kopplar samman färdigställandegraden i procent med en kommentar om kvarvarande uppgifter;
• en milstolpsrad eller tidslinje som skiljer avslutade faser från aktiva;
• ett block för kommande delmål och tidsfrister, med utrymme för att markera eventuella förseningar.

Eftersom varje del utgör en separat sektion innebär anpassningen av mallen till ett verkligt projekt främst att döpa om, duplicera eller ta bort block. Ett mjukvaruteam kan till exempel namnge sina milstolpar Planering, Produktion och Testning. En fjärde plats för leverans kan läggas till senare utan att resten av sidan påverkas. Långa namn på faser förstör ofta en prydlig tidslinje på mobiler, så testa milstolpsraden med dina faktiska etiketter.

Där förloppsindikatorer slutar och räknare tar vid

I en insamlingskampanj mäter Progress Bar Element läget i förhållande till ett mål, till exempel 38 000 dollar insamlade mot ett mål på 60 000 dollar. Counter Elements passar bättre för resultat som saknar en bestämd mållinje, såsom de 412 personer som har donerat hittills.

Oavsett vilket visar siffran var du befinner dig, och texten bredvid förklarar varför och vad som sker härnäst. Den anteckningen är som viktigast nära slutet. Den sista tiondelen av ett mål går ofta långsammast. En mätare som står stilla på 90 % i flera veckor oroar besökare mer än en enda uppriktig mening om orsaken till dröjsmålet.

Nya siffror i samma layout

Förloppssidor uppdateras betydligt oftare än de designas om. Så snart HTML-layouten är fastställd kräver en ny uppdatering bara några få värden, ett datum och en statusrad. Återkommande besökare hittar allting precis där de lämnade det.

Du kan också duplicera sidan för en annan typ av insats. Ett utbildningsprogram för personal kan innehålla sektioner för slutförda moduler, kommande steg och datumet då gruppen ska vara klar. När sidan är färdig exporterar Nicepage den som HTML-filer för din egen server eller för en utvecklare. Varje ny uppsättning siffror utgår från samma fil, och det enda läsarna ser förändras är hur långt du har kommit.