Wireframes

#

Startseite

#

Eine Übersicht aller Aufgaben, mit einer Suchleiste um nach bestimmten Aufgaben suchen zu können. Auch kann man nach den vorgegebenen Filter filtern. Die Filter können individuell aus und eingeschaltet werden. Mit einem Klick auf den Button “Filter Anwenden” kann man wie der Name schon sagt, die ausgwählten Filter anwenden.

Falls der Benutzer noch nicht angemeldet ist, steht neben dem Profilbild nicht der Benutzername, sondern der Schriftzug “Anmelden”:

Log In & Sign Up

#

Wenn man nicht angemeldet ist und auf der Startseite der Schriftzug Anmelden anstatt des Benutzernamen steht, kann man diesen anklicken um zur Login-Seite zu gelangen.

Falls man noch keinen Account hat, kann man sich einen auf der SignUp-Seite erstellen. Dort hin gelangt man indem man auf den Sign Up Schriftzug klickt.

Um zurück zur Login-Seite zu kommen wird das gleiche Prinzip verwendet. Auf beiden Seiten kommt man durch das Drücken des Abbrechen Button unter dem Login Formular, zurück zur Startseite. Unter jedem Input-Feld ist jeweils Platz für Errorhandling.

Profilseite

#

Durch eine klick auf den Benutzernamen bzw. auf das Profilbild gelangt man zur Profilübersicht. Auf dieser sind die angenommenen Aufgaben und die eigens erstellten Aufgaben in einer übersichtlichen Slideshow zu sehen.

Falls noch keine Aufgaben erstellt oder angenommen worden sind, ist der Schriftzug “Keine Aufgaben angenommen” und/oder “Keine Aufgaben erstellt” zu sehen:

Durch einen Klick auf den Button “Startseite” kommt man zurück zur Startseite.

Aufgabenerstellung

#

Klickt man auf einen der Buttons mit dem Schriftzug “Neue Aufgabe” kommt man zu einem Fenster bei dem man die Infos zu einer Aufgabe ausfüllen und die Aufgabe zu erstellen.

Aufgaben-Detailansichtsseite

#

Auf der Detailansicht der einzelnen Aufgaben sind alle für die Helfer relevanten Informationen zu finden.

Dazu zahlt:

• der Titel der Aufgabe
• Eine Beschreibung der Aufgabe
• Wo die Aufgabe zu erledigen ist. (in Form eines Ortes inklusive PLZ)
• Die zu erwartende Belohnung
• Mit welchem Aufwand zu rechnen ist. (Auf einer Skala von 1 bis 10)

Um sich bei dem Auftrag ersteller zu melden, gibt es einen Button “Bewerben”

Um Zurück auf die Startseite zu kommen, gibt es eine klickbaren Pfeil unter dem Beschreibungstext.

Zusammanhang der einzelnen Seiten

#

Ein Überblick der einzelnen Seiten und wie diese zusammenhängen.