Design & Gestaltung

Nutzerführung, Oberflächen und digitale Produkte gestalten: OTOKO® verbindet Ihre Anforderungen mit einer klaren, konsistenten Bedienung.

Kunden möchten Vorgänge erledigen, Außendienstteams brauchen Informationen am Einsatzort und Fachabteilungen einen verlässlichen Überblick.

Klick-Prototyp und Nutzertest mit Fachbereich oder Kunden vor der Entwicklung Web-Frontend mit React, Next.js oder Vue, Barrierefreiheit nach WCAG 2.2 Mobile Apps mit React Native oder nativ in Kotlin und Swift, inklusive Veröffentlichung in den Stores Anmeldung über OpenID Connect, Sitzungsschutz und Zertifikats-Pinning nach OWASP MASVS Offline-Fähigkeit, Push-Benachrichtigungen und Telemetrie mit Einwilligung nach DSGVO

Veröffentlichte App und Web-Anwendung mit Quellcode Design-System und Barrierefreiheitsbericht Sicherheitsprüfbericht nach OWASP MASVS

Nutzergruppen und wichtigste Aufgaben Vorhandene Anmeldung und Rollenmodell Benötigte Endgeräte und Offline-Situationen

Ein Partnerportal ersetzt Anfragen per E-Mail. Partner sehen nur ihre Vorgänge, laden Unterlagen hoch und erhalten Rückfragen im Prozess. Die interne Bearbeitung nutzt dieselben Daten, aber andere Rollen und Freigaben.

React Next.js Vue React Native Kotlin Swift

Ein Portal ist dann hilfreich, wenn Nutzer ihr Ziel ohne Umwege erreichen. Wir entwerfen vollständige Abläufe für Anmeldung, Dateneingabe, Upload, Rückfragen und Statusverfolgung. Fehlerfälle gehören ins Konzept: abgelaufene Sitzungen, unvollständige Unterlagen oder eine unterbrochene Verbindung dürfen nicht zum Verlust bereits erfasster Arbeit führen. Klickbare Prototypen machen diese Abläufe vor der Implementierung prüfbar. Rückmeldungen aus Fachbereich und Nutzergruppe fließen in Navigation, Formulare und verständliche Rückmeldungen ein. Ein gemeinsames Komponentensystem sorgt dafür, dass neue Funktionen dieselbe Bedienlogik verwenden.

Die Wahl folgt dem Einsatz. Ein browserbasiertes Portal erleichtert den Zugang ohne Installation. Eine progressive Web-App kann für bestimmte mobile Abläufe ausreichen; native oder plattformübergreifende Apps kommen infrage, wenn Geräteschnittstellen, Hintergrundverarbeitung oder Offline-Anforderungen dies erfordern. Wir prüfen die benötigten Fähigkeiten anhand realer Geräte. Offline-Daten brauchen Regeln für lokale Speicherung, Synchronisation und Konflikte. Bei einer Außendienst-App muss etwa geklärt sein, welche Änderung Vorrang hat, wenn zwei Personen denselben Vorgang bearbeiten. Diese Fragen beeinflussen Backend und Berechtigungen ebenso wie die Oberfläche.

Tastaturbedienung, erkennbare Fokuszustände, verständliche Fehlermeldungen und skalierbare Schrift sind Teil der Oberflächenarbeit. Den erforderlichen Prüfrahmen für Barrierefreiheit stimmen wir mit Ihnen ab. Ein visueller Entwurf oder ein automatischer Scan allein ist kein vollständiger Nachweis der Zugänglichkeit. Zugriffe prüfen wir serverseitig für jede Rolle und jeden Vorgang. Datei-Uploads, Sitzungen und Datenfreigaben bekommen eigene Schutzmaßnahmen. Für den Rollout planen wir Testgeräte, gegebenenfalls Store-Freigaben, Supportwege und die Einführung bei Ihren Nutzern.

Ein Kundenkonto besteht aus mehr als einem Login. Einladungen, Organisationswechsel, verlorene Zugänge, Vertretungen und das Ausscheiden von Mitarbeitenden müssen in das Berechtigungsmodell passen. Wir klären, wer neue Nutzer freigeben darf und welche Schritte eine erneute Bestätigung benötigen. Zentral verwaltete Identitäten können angebunden werden; die fachliche Entscheidung über einen konkreten Auftrag bleibt trotzdem Aufgabe des Portals. Bei Antragsstrecken und Uploads betrachten wir den gesamten Weg bis zur internen Bearbeitung. Dateigröße, erlaubte Inhalte, Quarantäne und Freigabe werden ebenso geplant wie verständliche Statusmeldungen. Ein erfolgreicher Upload bedeutet noch nicht, dass ein Dokument geprüft oder angenommen wurde. Entwürfe, automatische Speicherung und Fortsetzen auf einem anderen Gerät benötigen klare Regeln zur Sichtbarkeit. Sensible Informationen sollen nicht versehentlich in Benachrichtigungen, URLs oder Diagnosemeldungen erscheinen.

Eine mobile Anwendung im Lager oder Außendienst kann nicht von einer dauerhaft stabilen Verbindung ausgehen. Wir unterscheiden lesbare Offline-Daten von lokal erfassten Änderungen und legen fest, wie lange diese gültig bleiben. Große Datenbestände werden nicht wahllos auf jedes Gerät kopiert. Benutzerrechte, Gerätespeicher und der Umgang mit einem verlorenen Gerät fließen in das Konzept ein. Beim erneuten Verbinden kann sich derselbe Datensatz bereits auf dem Server geändert haben. Eine pauschale Regel „letzte Änderung gewinnt“ ist für viele Fachprozesse ungeeignet. Wir definieren, welche Felder automatisch zusammengeführt werden können und welche Konflikte eine Entscheidung erfordern. Ausstehende Übertragungen bleiben für Nutzer sichtbar. Tests umfassen Verbindungsabbrüche während des Sendens, mehrfaches Wiederholen, abgelaufene Sitzungen und Änderungen an Berechtigungen zwischen Erfassung und Synchronisation.

Ein Portal wird nicht nur auf einem großen Entwicklungsmonitor genutzt. Lange Namen, Übersetzungen, vergrößerte Schrift, Bildschirmtastaturen und langsame Geräte verändern das Layout. Wir prüfen deshalb vollständige Aufgaben auf relevanten Geräten und mit unterschiedlichen Eingabemethoden. Fehlermeldungen erklären, was korrigiert werden muss, und führen zur passenden Stelle. Ein Formular darf seine Eingaben nicht verlieren, nur weil die Anmeldung erneuert werden muss. Für die Einführung planen wir einen begrenzten Nutzerkreis, erreichbare Hilfe und Rückmeldungen aus echten Arbeitsabläufen. Bei mobilen Apps können ältere Versionen weiter installiert bleiben; das Backend muss die vereinbarte Übergangszeit berücksichtigen. Nutzungsmessungen sollten konkrete Verbesserungsfragen beantworten, etwa an welcher Stelle ein Vorgang abbricht. Welche Messungen eingesetzt werden dürfen und welche Informationen dafür erforderlich sind, wird vor der Implementierung geklärt.

Anwendungslandschaft, Anforderungen, Risiken Fachbereich, IT, Informationssicherheit, OTOKO® Softwarearchitekt Bewertete Vorhaben, Bestandsaufnahme, Sicherheits- und Betriebsanforderungen

Architektur, Technologie, Betriebsmodell Fachbereich, Architektur, Datenschutz, Informationssicherheit Zielarchitektur, Bedrohungsmodell, Teststrategie, Betriebsmodell, Meilensteine