Przepływy Pracy Szablony HTML

Szablony HTML przepływów pracy z możliwością dostosowania

Zespół dokumentujący ścieżkę zatwierdzania zazwyczaj zna każdy krok na pamięć, a mimo to traci dzień na walkę z układem. Szablony HTML przepływów pracy pozwalają odzyskać ten czas. Przeglądasz kolekcję, otwierasz demo, którego sekcje są już uruchomione w kolejności, i zastępujesz przykładowy tekst własnymi nazwami etapów, właścicielami i etykietami statusu. Znacznik bazowy jest edytowalny, więc wszystko, czego brakuje w elementach wizualnych, można obsłużyć w źródle.

Sekcje etapów, które można zmieniać nazwy i kolejność

To, co odróżnia te układy od zwykłego szablonu treści, to wbudowana sekwencja. Każdy blok jest przygotowany do przechowywania jednego kroku, a kopiowanie bloku dodaje krok bez naruszania kroków po obu stronach.

Blok etapu zazwyczaj zawiera kilka elementów, które warto zachować:

• Nazwa kroku oraz krótki wiersz opisujący, co się w nim dzieje;
• Właściciel lub zespół odpowiedzialny za kontynuację pracy;
• Etykieta statusu, taka jak oczekujący, w trakcie weryfikacji lub ukończony;
• Przekazanie, które następuje później, w tym wszelkie decyzje dzielące ścieżkę.

Krótkie zatwierdzenia kontra długie procesy wdrażania

Dwa procesy o podobnej długości mogą wymagać odmiennych układów. Ścieżka zatwierdzania opiera się na punktach decyzyjnych, gdzie zatwierdzenie, odrzucenie i korekta przesyłają to samo żądanie trzema różnymi gałęziami, więc kompaktowy szablon z czterema widocznymi krokami obejmuje je wszystkie. Wdrożenie trwa dłużej i jest bardziej płaskie, rozpoczynając się od żądania i przeglądu.

Następnie następuje konfiguracja i zatwierdzenie, a dopiero wtedy nowo zatrudniony pracownik faktycznie rozpoczyna pracę, dlatego powtarzalne sekcje i miejsce na notatki pomocnicze mają w tych obszarach większe znaczenie. Świadczenie usług znajduje się pomiędzy nimi, przechodząc od przyjęcia do przetwarzania, gdzie kontrola jakości decyduje o tym, czy praca zostanie zrealizowana, czy cofnięta o jeden etap.

Karty, osie czasu, numerowane kroki na wąskich ekranach

Warto celowo wybrać ten format wizualny. Numerowane kroki dobrze wyglądają w przypadku krótkiej procedury, karty pasują do etapów, z których każdy zawiera kilka pól, a pionowa oś czasu spaja długą ścieżkę, nie przeciążając jej. Element Nicepage Grid utrzymuje karty etapów w responsywnych komórkach, a poradnik projektowania responsywnych stron internetowych omawia elementy sterujące dopasowujące zawartość do szerokości ekranu.

Kolejność to podstawa na telefonie, ponieważ rząd etapów zmienia się w kolumnę, a sekwencja musi przetrwać przeniesienie. W takim przypadku najpierw cierpią zależności, ponieważ krok, którego nikt nie może rozpocząć, a który nadal wygląda na dostępny, nawet po utracie sąsiadujących z nim etapów. Otwórz wersję demonstracyjną na wąskim ekranie przed zatwierdzeniem i sprawdź, czy krok czwarty nadal jest widoczny jako krok czwarty.