Hackschool Workshop: Rapid UI Prototyping feat. E-Government

Hier findest du alle Unterlagen, Links und weiterführende Informationen zum Hackschool Rapid UI Prototyping Workshop.

Infos zum Event selbst: https://www.meetup.com/Hackschool-Rhein-Neckar/events/254736555/

Hier geht es zu den Slides.

Tools und Benutzerkonten

Im Workshop arbeiten wir mit dem Ionic Creator (kostenlose Version) und Adobe Experience Design sowie otional Zeplin. Für beide Tools werden entsprechende Benutzerkonten benötigt, welche hier erstellt werden können:

Ionic Creator

Neues Konto erstellen: https://creator.ionic.io/app/signup

Dokumentation: https://docs.usecreator.com/

Adobe Experience Design

Neues Konto erstellen: https://www.adobe.com/de/products/xd.html

Dokumentation: https://helpx.adobe.com/xd/user-guide.html

Zeplin

Neues Konto erstellen: https://app.zeplin.io/register

Weiterführende Links

• https://developer.mozilla.org/de/
• https://www.codecademy.com/
• https://nodeschool.io/de/

Stencils / UI Schablonen

Eine Vorauswahl von Stencils bzw. UI Schablonen für Adobe XD, Powerpoint und Keynote findest du diesem Git Repository (siehe Ordner fonts für nützliche Schriftarten und stencils)

Ideen und Beispiel Anwendungsfälle

Der Workshop steht im Kontext von E-Government. Im praktischen Teil wollen wir daher UI-Prototypen für E-Government Prozesse umsetzten. Zur Inspiration skizzieren wir hier ein paar Anwendungsfälle mit ihren Herausforderungen.

1. Authentifizierung für digitale Bürgerservices

• Registrierung mit E-Mailadresse und Personalausweisnummer
• Digitale Unterschrift direkt auf dem Device
• ggf. über ein Live Video Chat Verifizierung der Daten (analog zum Bankidentity-Verfahren z.B: https://www.comdirect.de/cms/videoident.html)
• Vor Ort Authentifizierung im Bürgerdienst

2. An- und Ummeldung Wohnsitz

• Dokumentenupload (Mietvertrag/Wohnungsgeberbescheinigung)
• Authentifizierung (Personalausweis oder Authentifizierungsverfahren)
• Familienanmeldung / Zuzug Anmeldung
• Terminvereinbarung zur Personalausweisanpassung

3. Parkplatzsperrung für Umzug

• Datum von-bis mit automatischer Kostenberechnung (Verknüpfung mit E-Payment)
• Standorte angeben (Maps)
• Größe des Fahrzeugs
• Buchungsoption: Aufstellen der Schilder durch Betriebshof (Eigenbetrieb)

4. Bewohnerparkausweis beantragen

• Plausibilitätsprüfung gültiges Kfz Kennzeichen (max. 3 Buchstaben an erster Stelle, keine Sonderzeichen, letzte Position eine Ziffer,...)
• Plausibilitätsprüfung gültige Mannheimer Adresse/ Straße

5. Führungszeugnis beantragen

• Eingabe der erforderlichen Daten
• Welches Führungszeugnis
• E-Payment

6. Frauennachttaxi

• Authentifizierung (Überprüfung des Geschlechts und ggf. Wohnsitz)
• Uhrzeitprüfung (nur in einem bestimmten Zeitraum nutzbar)
• Standortbestimmung (Maps)
• Verfügbarkeit von Taxis anzeigen
• Dauer bis das Taxi da ist (Live Tracking des Standorts)
• E-Payment (vorher oder nachher Bezahlung der Buchung) ggf. wie ÖPNV Ticket: nach der Bezahlung QR Code Übermittlung und Prüfung durch Fahrer