In-App Bug Reporting (Work in progress)
UI/UX-Design, User Research, Design Thinking
Verwendete Tools: Figma
Projekt Nr. 1 für das Google UX Design Professional Certificate
Einleitung und Problemstellung
Kurze Vorstellung des Projekts
Für mein erstes Portfolio-Projekt im Rahmen des Google UX Design Professional Certificate beschäftige ich mich momentan mit der Entwicklung einer benutzerfreundlichen In-App Funktion sowie einem Bereich auf einer Webseite für einen fiktiven Softwareanbieter für Finanzplanung.
Meine Rolle umfasst dabei den gesamten UX-Designprozess, von der anfänglichen Forschung über das Wireframing bis hin zum Usability Testing und der finalen Gestaltung.
Beschreibung des Problems
Ich habe dieses Projekt gewählt, da die Gestaltung einer effektiven Fehlerberichtsplattform eine interessante Herausforderung darstellt. Es geht nicht nur um die Erstellung einer Funktion, sondern darum, den Nutzern eine intuitive und nachvollziehbare Methode zur Verfügung zu stellen, um ihre Anliegen mitzuteilen und deren Status zu verfolgen.
Kontext und Ziel des Projekts
Dieses Projekt zielt darauf ab, eine App und eine responsive Website zu gestalten, die es Nutzern einer Budgetierungssoftware ermöglicht, Fehlerberichte abzugeben und die Reaktionen der Entwickler zu verfolgen. Das Design stellt sicher, dass Nutzer nahtlos in der App oder über die Website Bugs melden können.
Empathize
Zielgruppe und deren Bedürfnisse
Die Zielgruppe umfasst Nutzer einer Budgetierungssoftware, die auf einfache Weise Fehler melden und den Status ihrer Meldungen verfolgen möchten. Ein besonderer Schwerpunkt lag darauf, die Benutzerfreundlichkeit sowohl in der App als auch auf der responsiven Website zu gewährleisten.
Forschungsmethoden
Erstellung von User Personas, um die Bedürfnisse und Ziele der Zielgruppe zu definieren.
Nutzung von Storyboards, um typische Nutzungsszenarien darzustellen, z. B. die Meldung eines Fehlers während der Budgetplanung.
Durchführung eines Competitive Audits, um bestehende Lösungen zu analysieren und Best Practices zu identifizieren.
Erkenntnisse
Nutzer benötigen eine schnelle, intuitive Möglichkeit, Fehler zu melden, ohne dass dies viel Aufwand für den Nutzer bedeutet. Zudem ist es wichtig, dass sie den Status ihrer Meldung jederzeit nachvollziehen können.
Define
Problem Statement
Nutzer benötigen eine einfache Methode um Probleme zu melden, da Fehler in der Software dazu führen kann, da diese Fehler das alltägliche Leben der Nutzer negativ beeinflusst.
Goal Statement
Eine App- und Weblösung zu entwickeln, die:
- Eine intuitive Fehlerberichterstattung ermöglicht.
- Den Status von Fehlerberichten transparent macht.
- Die Kommunikation zwischen Nutzern und Entwicklern verbessert.
Hypothese
Eine App- und Weblösung zu entwickeln, die:
- Eine intuitive Fehlerberichterstattung ermöglicht.
- Den Status von Fehlerberichten transparent macht.
- Die Kommunikation zwischen Nutzern und Entwicklern verbessert.
Ideate
Kreativmethoden
Brainstorming: Entwicklung erster Ideen für die Fehlerberichterstattung und das Status-Tracking.
User Journey Map: Erstellung von Szenarien, wie ein Nutzer Fehler meldet und deren Bearbeitungsstatus einsehen kann.
Lösungsansätze
Ein In-App-Formular für die Fehlerberichterstattung mit Screenshot-Upload.
Eine Statusanzeige, die den Fortschritt jedes gemeldeten Fehlers (z. B. “In Bearbeitung” oder “Gelöst”) anzeigt.
Eine Landingpage mit zusätzlicher Möglichkeit zur Fehlerberichterstattung direkt auf der Website.
Prototype
Low-Fidelity Prototypen
- Erstellung erster Papier-Wireframes, um die grundlegenden Layouts und Workflows zu testen.
- Skizzierung von Key-Screens wie der Fehlerberichterstattung und der Statusübersicht.
- Design von digitalen Low-Fidelity Wireframes in Figma, um die grundlegende Struktur und Funktionalität der App und Website zu testen.
Nächste Schritte: Vorbereitung und Durchführung einer Usability Study, um die Prototypen mit realen Nutzern zu testen und Optimierungen basierend auf deren Feedback vorzunehmen.