Formular­gestaltung »cit intelliform«

Leistung
Konzept/Design, Softwareentwicklung
Kunde
cit GmbH

Ein elektronisches Formular hat zwei wichtige Zielgruppen: Der Nutzer wünscht minimalen Aufwand und maximale Unterstützung beim Ausfüllen. Der Empfänger benötigt fehlerfreie, vollständige Daten, um einen effektiven Geschäftsprozess anzustoßen.

cit intelliform ist eine Software-Produktfamilie der cit GmbH zur Umsetzung interaktiver Formulare und Assistenten. Welchen Unterschied es macht, wenn Usability-Experten am Prozess der Formulargestaltung mitwirken, zeigen die mit der neuen Generation von cit intelliform erstellten Formularanwendungen.

In intensiver Zusammenarbeit mit der cit GmbH haben wir die Interaktionselemente nicht nur entworfen, sondern auch prototypisch in HTML und CSS umgesetzt. Unser »Periodensystem der Dialog-Elemente« stellt einen kompletten Baukasten für Entwickler zur Verfügung: Formular-Elemente, Farben, Schriften und Piktogramme stehen für jede erdenkliche Formularanwendung bereit.

»Mit Sandstein als Partner bekommen unsere Web- Oberflächen ein frisches und innovatives Responsive Design. Wir schätzen die unkomplizierte und sympathische Zusammenarbeit, deren Ergebnisse sich direkt in unsere Produkte integrieren lassen.«

Jochen Schwarze, Entwicklungsleiter bei der cit GmbH

Grafik: Verschiedene Skizzen einer Webseite.
Das Interaktionskonzept entsteht - Wir holen das beste aus bestehenden Anwendungen heraus.

Interaktionskonzept

Bei der Analyse bestehender Anwendungen verfolgen wir das Prinzip der heuristischen Evaluation, die Stärken und Schwächen der Interaktionen strukturiert zusammenträgt. Die Konzeption manifestiert sich in Skizzen, die auch das responsive Ausgabeverhalten auf unterschiedlichen Endgeräten berücksichtigen.

Foto: Hand hält Smartphone mit Webseite von Sandstein.
Im Mockup stellen wir Elemente und responsives Verhalten dar.

Mockups

Auf Basis der Skizzen entwickeln wir Prototypen, die dem Kunden anschaulich aufzeigen, wie sich Elemente, Funktionen und die responsive Ausgabe verhalten.

Grafik: Verschiedene Ansichten der Webseite von Styleguide.
Der Styleguide ist fertig! Jetzt fehlt nur noch die Umsetzung.

Styleguide

Der Styleguide definiert Raster, Farben, Schriften sowie Piktogramme und demonstriert den Einsatz aller Formularelemente. Unsere Styleguides klären alle Details mit Beispielseiten und Funktionsbeschreibungen, sodass für Entwickler keine Fragen offen bleiben.

Foto: Verschiedene Displayansichten von cit intelliForm.
Prototyp nach der Front-End-Entwicklung

Entwicklung

Wir wissen, was Entwickler lieben – weil wir auch selbst programmieren. Unsere auf Front-End-Entwicklung spezialisierten Mitarbeiter können auf Wunsch einsatzbereite HTML- und CSS-Dateien erstellen. Konformität mit aktuellen Standards ist dabei selbstverständlich. Falls erforderlich, setzen wir Front-Ends auch barrierefrei um.

Unsere Referenzen

Digitale Anträge für hamburg.de
Digitale Anträge für berlin.de
Software-Lösung zur Beantragung von Bergbau-Vorhaben
Lars-Peter Kunze

Lars-Peter KunzeProjektleitung