Mobiles Entscheidungsunterstützungsmuster

Mobiler Prozess Coach

Ein mobil-first Interaktionsmuster, das einen Prozess in geführte, antippbare Entscheidungsunterstützung verwandelt, anstatt eine weitere Scroll-und-Vergessen-Checkliste zu sein.

Muster ausprobieren Kopiere Startercode

Was es ist

Ein besserer Weg, Prozesse zu lehren, die Menschen tatsächlich nutzen müssen.

Die meisten Prozessschulungen sind im Grunde genommen eine aufgemotzte Checkliste. Schritt eins. Schritt zwei. Schritt drei. Herzlichen Glückwunsch, Sie haben jetzt eine Liste im Business Casual gesehen.

Der Mobile Process Coach ist anders. Er zerlegt einen Workflow in kleine, antippbare Momente, die erklären, was zu tun ist, worauf man achten sollte, was schiefgehen kann und wie gutes Urteilsvermögen in jedem Schritt aussieht.

Verwenden Sie es, wenn Lernende mehr als nur Anweisungen benötigen. Verwenden Sie es, wenn sie Anleitung brauchen.

Am besten geeignet für

Operative Workflows

Mehrstufige Prozesse, bei denen Lernende die Reihenfolge, den Zweck, Entscheidungspunkte und häufige Reibungen verstehen müssen.

Auch nützlich für

Leistungsunterstützung

Arbeitshilfen, Onboarding-Unterstützung, Troubleshooting-Leitfäden, Ressourcen von der Politik zur Praxis und mobilfreundliche Auffrischungen.

Designziel

Den Prozess coachen

Helfen Sie Lernenden zu verstehen, was in jedem Schritt wichtig ist, anstatt sie zu bitten, eine Reihenfolge auswendig zu lernen.

Live-Vorschau

Probieren Sie den mobilen Prozesscoach aus.

Dieses Beispiel verwendet einen generischen Support-Workflow, aber dieselbe Struktur kann für Sicherheitsprüfungen, Onboarding-Aufgaben, Kundenunterstützungsmomente, Gespräche mit Managern, Liefer-Workflows oder interne Prozessanleitungen funktionieren.

Prozesscoach

Triage von Supportanfragen

1/5 Schritte
Schritt 01

Das Signal lesen

Beginnen Sie damit, herauszufinden, was die Anfrage wirklich verlangt. Suchen Sie nach dem Hauptsignal, nicht nach jedem Detail auf einmal.

Was zu tun ist

Identifizieren Sie die Hauptanfrage, die betroffene Person und das sofort benötigte Ergebnis.

Prozessdebriefing

Es geht nicht um die Schritte. Es geht um besseres Urteilsvermögen in jedem Schritt.

Eine nützliche Prozessinteraktion zeigt nicht nur die Reihenfolge. Sie hilft Lernenden, Signale zu bemerken, häufige Fehler zu vermeiden, einen Pfad zu wählen, klar zu kommunizieren und den Kreis zu schließen.

Warum das funktioniert

Prozesse sind selten nur Prozesse.

Ein Prozess enthält normalerweise verborgenes Urteilsvermögen. Was ist zuerst wichtig? Was kann warten? Was muss eskaliert werden? Welcher Kontext ändert den nächsten Schritt? Was sollte jemand kommunizieren, bevor er weitermacht?

Dort beginnt eine normale Checkliste zu wackeln. Sie zeigt die Reihenfolge, verpasst aber oft das Denken.

Der Mobile Process Coach macht dieses Denken sichtbar. Er gibt jedem Schritt einen Zweck, ein Risikosignal und eine praktische Handlung, die Lernende in die Arbeit mitnehmen können.

Entwurfshinweise

Verwenden Sie dies, wenn der Prozess Coaching benötigt, nicht nur Dokumentation.

Stattdessen

Eine statische Checkliste

Schritt eins, Schritt zwei, Schritt drei. Der Lernende sieht die Reihenfolge, aber nicht das Urteilsvermögen dahinter.

Versuch es

Ein geführter Prozesscoach

Jeder Schritt erklärt die Handlung, das Risiko, das Entscheidungssignal und den nächsten nützlichen Schritt.

Starter-Code

Kopiere, passe an und mach es dir zu eigen.

Verwenden Sie dies als Ausgangspunkt für Rise-Blöcke, Storyline-Webobjekte, S3-gehostete Lernwerkzeuge, interne Wissensseiten oder Portfolio-Beispiele. 

<div class="mobile-process-coach" data-current-step="1">

  <div class="mobile-process-coach-shell">

    <div class="mobile-process-coach-topbar">
      <div>
        <p>Process Coach</p>
        <h3>Support request triage</h3>
      </div>

      <div class="mobile-process-coach-progress">
        <strong id="processStepCount">1/5</strong>
        <span>steps</span>
      </div>
    </div>

    <div class="mobile-process-coach-meter">
      <div id="processProgressFill"></div>
    </div>

    <div class="mobile-process-coach-step-list">
      <button class="process-step-pill active" type="button" data-step="1">
        <span>01</span>
        Read the signal
      </button>

      <button class="process-step-pill" type="button" data-step="2">
        <span>02</span>
        Check context
      </button>

      <button class="process-step-pill" type="button" data-step="3">
        <span>03</span>
        Choose path
      </button>
    </div>

    <div class="mobile-process-coach-card">
      <div class="mobile-process-coach-card-header">
        <span id="processStepLabel">Step 01</span>
        <h4 id="processStepTitle">Read the signal</h4>
      </div>

      <p id="processStepBody">
        Start by identifying what the request is really asking for.
      </p>

      <div class="mobile-process-coach-tabs">
        <button type="button" class="active" data-view="do">What to do</button>
        <button type="button" data-view="watch">Watch for</button>
        <button type="button" data-view="try">Try this</button>
      </div>

      <div class="mobile-process-coach-guidance" id="processGuidancePanel">
        <span>What to do</span>
        <p>Identify the main request and the immediate outcome needed.</p>
      </div>
    </div>

  </div>

</div>

Anpassung

Mach es passend für deinen Workflow.

Ersetze die Beispielschritte durch deinen eigenen Prozess. Halte jeden Schritt kurz, aber reduziere die Anleitung nicht auf Etiketten. Der Wert liegt in der Coaching-Ebene.

Für jeden Schritt schreibe drei Anleitungen:

01

Was zu tun ist

Die konkrete Handlung, die der Lernende ergreifen sollte.

02

Achten Sie auf

Der häufige Fehler, das Risiko oder das Signal, das Lernende möglicherweise übersehen.

03

Probieren Sie dies

Ein praktischer Satz, eine Handlung, eine Frage oder der nächste Schritt.

Design Lab

Lernen sollte den Menschen helfen, mit mehr Klarheit durch die Arbeit zu gehen.

Der Mobile Process Coach ist für Momente konzipiert, in denen Menschen den Weg, den Zweck und das Urteil hinter jedem Schritt verstehen müssen.

Zurück zum Design Lab Folge den Updates