Zeitraum
10/2023 – 02/2024
Team
3 Studierende
Rolle
UX/UI Design · Frontend
Technologien
React · Node.js · Figma
Kontext
Für wissenschaftliche Studien müssen zahlreiche Dokumente wie Einwilligungserklärungen, Datenschutzinformationen oder Studienunterlagen erstellt werden. Obwohl sich viele Inhalte zwischen Studien wiederholen, werden diese Dokumente häufig manuell angepasst und gepflegt.
Im Rahmen eines Bachelor-Projekts entwickelten wir deshalb Dateiwerk – eine Webanwendung zur automatisierten Erstellung studienbezogener Dokumente. Ziel war es, Forschende bei administrativen Aufgaben zu entlasten, wiederkehrende Informationen effizient wiederzuverwenden und die Qualität der Dokumentation zu verbessern.
Meine Rolle
- UX/UI Design
- User Research
- Frontend-Entwicklung mit React
- Konzeption und Prototyping
- Planung und Durchführung von Nutzertests
- Iterative Weiterentwicklung der Anwendung
Der Designprozess
Research
Personas · Use Cases
Design
Wireframes · Figma
Build
React · Node.js
Evaluate
Tests · SUS · UEQ · AttrakDiff
Visuelle Entwicklung
Von ersten Ideen zur Informationsarchitektur
Zu Beginn entstanden Wireframes und erste Interface-Konzepte, um Informationsarchitektur und Arbeitsabläufe zu strukturieren.
Interaktiver Prototyp
Auf dieser Grundlage entwickelten wir einen interaktiven Figma-Prototypen und verfeinerten Navigation, Layout und visuelle Gestaltung.
Iterative Entwicklung der Anwendung
Dateiwerk führt Forschende schrittweise durch die Erstellung studienbezogener Dokumente. Gemeinsam genutzte Informationen werden zentral erfasst und automatisch in verschiedene Dokumente übernommen.
Die Anwendung wurde schrittweise erweitert und anhand von Nutzerfeedback kontinuierlich verbessert.
Startseite und Formular
Zentrale Erfassung aller studienrelevanten Informationen.
Vorlagenfinder
Ein geführter Prozess unterstützt Forschende dabei, die passenden Dokumentvorlagen für ihre Studie auszuwählen.
Übersicht und Export
Alle Informationen werden zentral verwaltet und können als fertige Dokumente exportiert werden.
Ergebnis
Mit Dateiwerk entstand eine Webanwendung, die die Erstellung studienbezogener Dokumente deutlich vereinfacht und standardisiert.
✓ Zentrale Datenerfassung
✓ Wiederverwendung von Informationen
✓ Automatisierte Dokumentenerstellung
✓ PDF-Export
Learnings
01
Komplexe Prozesse vereinfachen ohne wichtige Informationen zu verlieren
02
Frühes Nutzerfeedback spart spätere Entwicklungsaufwände
03
Iterative Prototypen beschleunigen fundierte Designentscheidungen
