User stories
| Seite | Funktion/Beschreibung | User Story | Story Card | Priorität | Folie | |||
|---|---|---|---|---|---|---|---|---|
| Navigation | Als (eingeloggter) User möchte ich direkt auf die wichtigsten Funktionen "Pflanzen", "Entdecken" und "Mein Konto" zugreifen können, um Zeit zu sparen. Pflanzen führt direkt zu "online pflanzen" | Angenommen ich klicke auf "Pflanzen", dann gelange ich direkt auf die Seite "online pflanzen". | 1 | 2 | ||||
| Suche | Als (eingeloggter) User möchte ich eine Suche nutzen können, um Inhalte oder Funktionen aufzurufen. | Angenommen es gibt ein kleines Dropdown-Menü, welches die Suche auf den gewählten Bereich einschränkt, dann erhalte ich nur entsprechende Ergebnisse.Angenommen im Dropdown-Menü ist auf der Startseite "alles" voreingestellt, so erhalte ich globale Ergebnisse.Angenommen im Dropdown-Menü wähle ich "Projekte", so kann ich nur nach Projekten suchen. | 2 | 2 | ||||
| Startseite | Slideshow mit Bildern von 1. aktuellen Pflanzungen, 2. aktuellen Projekten, 3. besten Spendern und 4. aktuellstem Blog-Beitrag. | Als User möchte ich schnell über Neuigkeiten informiert werden, um zu wissen was mit meinen (potenziellen) Spenden geschieht. | 2 | 2 | ||||
| Startseite | Pflanzoptionen: online Baum pflanzen, Baum-Abo, selbst gepflanzten Baum einstellen | Als User möchte ich auf einem Blick verstehen, dass es verschiedene Möglichkeiten gibt Bäume zu pflanzen. | 1 | 2 | ||||
| Footer | Links in vier Kategorien:1. über uns: Idee, Team, Finanzen, Jobs, Statistiken, Partner, Unterstützen2. Kontakt: FAQs, Kontakt, Blog, Facebook, Twitter, Presse, Fläche anbieten3. Tools: Quittungen, Abonnements, Gutscheine, Zertifikate, Widgets, Banner, CO2-Rechner4. Rechtliches: Datenschutz, Cookies, Impressum | Als User benötige ich keine Detailinformationen, um online Bäume zu pflanzen. | 2 | 3 | ||||
| Footer | Sprachauswahl: Länder-Icon/Dropdown | Angenommen ich möchte die Sprache wechseln, wenn ich auf das Länder-Icon klicke, dann erscheint die jeweils andere verfügbare Sprache.Angenommen ich möchte die Sprache wechseln und es sind mehr als zwei Sprachen verfügbar, wenn ich auf das Dropdown klicke, dann kann ich eine alternative Spache auswählen. | 3 | 3 | ||||
| online pflanzen | Pflanzkorb, Projekt-Kacheln | Als User habe ich noch Informationsbedarf, will aber trotzdem nicht vom Wesentlichen abgelenkt werden.Als eingeloggter User möchte ich ohne Umwege pflanzen können, weil ich weiß wie der Hase läuft. | Angenommen ich bin nicht eingeloggt, dann helfen Info-Icons mit Popup-Texten, es gibt einen vorbereiteten Pflanzkorb (mit geringem Wert) oder ich kann alternativ selbst einen erstellen indem ich Projekt, Baumarten und Anzahl wähle.Angenommen ich bin eingeloggt, so gibt es einen vorbereiteten Pflanzkorb (mit einem Wert, der sich an meinem bisherigen Spendenverhalten orientiert) oder ich kann alternativ selbst einen erstellen indem ich Projekt, Baumarten und Anzahl wähle. | 1 | 5 | |||
| verschiedene | Projekt-Kacheln: wie bei https://www.ecocrowd.de/en werden Projekte in Kacheln dargestellt mit Bild, kurzer Beschreibung, Fortschrittsbalken (Anteil gepflanzter Bäume am Gesamtvolumen), Ortsangabe, Ziel (Anzahl Bäume), Größe in ha | Als User möchte ich einen schnellen Überblick über die Projekte gewinnen, um mich für eines zu entscheiden. | Angenommen ich interessiere mich für ein Projekt, dann klicke ich auf die Kachel und gelange auf die Projektseite. | 1 | 6 | |||
| Baum-Abo | Schieberegler | Als User bevorzuge ich interaktive Elemente, weil es Spaß macht und praktisch ist. | Angenommen ich möchte die Anzahl der Bäume erhöhen, dann bewege ich den Regler nach rechts. Dabei bewegt sich der Regler für die Kosten mit nach rechts.Angenommen ich möchte das Abo über die Kosten erstellen, dann bewege ich den Kosten-Regler. Dabei verändert sich die Position des Reglers für die Baumanzahl entsprechend. | 2 | 6 | |||
| Baum-Abo | Checkbox | Als User möchte ich flexibel sein, um die Kosten an meine Bedürfnisse anzupassen. | Angenommen ich möchte den Zyklus ändern, dann setze ich ein Häkchen (Checkbox) bei "täglich", "wöchentlich", "monatlich" oder "jährlich". Die Position des Kosten-Reglers ändert sich entsprechend. | 1 | 6 | |||
| Baum-Abo | Visualisierung Bäume und Münzststapel | Als User bevorzuge ich Visualisierungen, weil sie das Thema plastischer machen und meinen Spieltrieb ansprechen. | Angenommen ich möchte die Anzahl der Bäume erhöhen, dann bewege ich den Regler nach rechts, so dass die Anzahl (sowie ggf. Größe) der Bäume links zunimmt und der Münzstapel wächst (jeweils nach Logik römischer Zahlen).Angenommen ich möchte das Abo über den Preis erstellen, dann bewege ich den Kosten-Regler, so dass die Anzahl (sowie ggf. Größe) der Bäume links zunimmt und der Münzstapel wächst.Angenommen ich möchte den Pflanzzeitraum ändern, dann setze ich ein Häkchen (Checkbox) bei "täglich", "wöchentlich", "monatlich" oder "jährlich". Das beeinflusst die Darstellung der Bäume und des Münzstapels entsprechend. | 3 | 6 | |||
| selbst gepflanzten Baum einstellen | Popup Kalender | Als User möchte ich angeben, wann ich den Baum gepflanzt habe, damit der CO2-Zähler die Einsparung berechnen kann. | Angenommen ich klicke auf das Kalender-Icon, dann öffnet sich ein kleiner Kalender, in dem ich das Datum eingeben muss um zum nächsten Schritt zu gelangen. | 2 | 7 | |||
| selbst gepflanzten Baum einstellen | Dropdown für Baumarten | Als User möchte ich über ein Dropdown die Baumart(en) und Stückzahlen angeben damit der CO2-Zähler die Einsparung berechnen kann. | Angenommen ich möchte einen Ahorn und drei Buchen angeben, wenn ich über das Dropdown Ahorn gewählt habe, kann ich "1" eingeben und anschließend Buche wählen und "3" eingeben, dann gelange ich zum nächsten Schritt. | 2 | 7 | |||
| selbst gepflanzten Baum einstellen | Foto-Upload: Drag & Drop Feld | Als User möchte ich ein Foto von meiner Pflanzung hochladen, um anderen den Baum zu präsentieren. | Angenommen ich möchte die Drag & Drop Funktion nutzen, wenn ich das Bild in das entsprechende Feld ziehe und loslasse, dann startet der Upload.Angenommen ich lade kein Bild hoch, wenn diesen fakultativen Schritt also überspringe, dann erscheint die Pflanzung nicht unter "aktuelle Pflanzungen" in der Slideshow. | 3 | 7 | |||
| selbst gepflanzten Baum einstellen | Foto-Upload: Dateibrowser | Als User möchte ich ein Foto von meiner Pflanzung hochladen, um anderen den Baum zu präsentieren. | Angenommen ich möchte den Dateibrowser nutzen, wenn ich den Button "Foto wählen" klicke, dann kann ich die Datei über das OS suchen, wählen und nach Bestätigung hochladen.Angenommen ich lade kein Bild hoch, dann erscheint die Pflanzung nicht unter "aktuelle Pflanzungen" in der Slideshow. | 2 | 7 | |||
| selbst gepflanzten Baum einstellen | Texteingabefeld | Als User möchte ich die Pflanzung beschreiben, um auch andere User zum Selbstpflanzen zu bewegen. | 3 | 7 | ||||
| selbst gepflanzten Baum einstellen | interaktive Karte: Ort suchen | Als User möchte ich den Ort der Pflanzung angeben, damit sie auf der Karte angezeigt wird. | Angenommen ich möchte den Ort nicht über die Karte sondern über die Suche finden, wenn ich den Ort in das Karten-Suchfeld eingebe, springt der Karten-Ausschnitt an die richtige Position. | 2 | 7 | |||
| selbst gepflanzten Baum einstellen | Marker setzen/löschen | Als User möchte ich den Ort der Pflanzung angeben, damit sie auf der Karte angezeigt wird. | Angenommen ich möchte den Marker setzen, wenn ich auf den Button "Marker setzen" klicke, dann erscheint dieser in der Mitte der Karte und kann per drag&drop platziert werden.Angenommen ich möchte den Marker löschen, wenn ich auf den Button "Marker löschen" klicke, dann wird der Marker wieder gelöscht. | 2 | 7 | |||
| selbst gepflanzten Baum einstellen | Social Media Anbindung | Als User möchte ich meinen Freunden und Bekannten von meiner Pflanzung erzählen, um sie auch zum Pflanzen zu bewegen. | Angenommen ich bin bei Twitter oder Facebook angemeldet, wenn ich auf das jeweilige Icon klicke, dann erscheint ein kurzer Default-Text mit Link zur Pflanzung so dass ich direkten teilen kann.Angenommen ich bin bei Twitter oder Facebook registriert aber nicht angemeldet, wenn ich auf das jeweilige Icon klicke, dann erscheint ein kurzer Default-Text mit Link zur Pflanzung, so dass ich nach einem Login teilen kann. | 3 | 7 | |||
| Entdecken | Projekt-Kacheln (aktuelle Projekte, erfolgreiche Projekte), Openstreetmap | Als User möchte ich einen Überblick über die Projekte haben, um zu wissen welche Projekte ich unterstützen kann. | Angenommen ich befinde mich im Bereich "Entdecken", wenn ich scrolle werden mir zunächst die aktuellen, dann die erfolgreichen Projekte und schließlich die Openstreetmap angezeigt. | 2 | 8 bis 10 | |||
| Profil | Profil bearbeiten | Als User möchte ich mein Profil bearbeiten können, um es aktuell zu halten. | Angenommen ich möchte mein Profilbild ändern, wenn ich auf den Button "Profil bearbeiten" klicke, dann kann ich auf mein Foto klicken und es wechseln oder löschen.Angenommen ich möchte meinen Profiktext ändern, wenn ich auf den Button "Profil bearbeiten" klicke, dann kann ich auf meinen Text klicken und editieren. | 2 | 15 | |||
| Profil | Einstellungen bearbeiten | Als User möchte ich meine Einstellungen bearbeiten können, um sie aktuell zu halten. | Angenommen ich möchte meine E-Mail-Adresse ändern, wenn ich auf den Button "Profil bearbeiten" klicke, dann kann ich auf meine E-Mail-Adresse klicken und sie ändern. | 2 | 16 | |||
| Profil | Einstellungen bearbeiten: Dropdown | Als User möchte ich meine Einstellungen bearbeiten können, um sie aktuell zu halten. | Angenommen ich möchte den Nutzertyp ändern, wenn ich auf das das Feld klicke, dann öffnet sich das Dropdown und ich kann die Änderung vornehmen. | 2 | 16 | |||
| Profil | Meine Pflanzungen | Als User möchte ich meine Pflanzungen sehen und präsentieren, um einen Überblick zu haben und auch andere zu motivieren. | Angenommen ich oder ein anderer User klickt auf mein Profil, wenn man runterscrollt, dann sieht man meine letzten Pflanzungen. | 2 | ||||
| Team | Team bearbeiten | Als Leiter möchte ich mein Team bearbeiten können, um es aktuell zu halten. | Angenommen ich möchte das Teambild ändern, wenn ich auf den Button "Team bearbeiten" klicke, dann kann ich auf das Bild klicken und es wechseln oder löschen.Angenommen ich möchte den Team-Text ändern, wenn ich auf den Button "Team bearbeiten" klicke, dann kann ich auf den Text klicken und editieren. | 2 | 17 | |||
| Bestenliste | Nutzertypen: Kacheln | Als User bevorzuge ich eine einfache Übersicht, um mir einen Überblick über die Unterstützer zu verschaffen. | Angenommen ich befinde mich auf der Bestenliste, wenn ich auf die Kachel "Beste Organisationen" klicke, dann erscheinen die besten Non-Profit-Organisationen und Schulen in einer Übersicht (weitere Kategorien wie bisher: alle, privat, Unternehmen, Teams) | 1 | ||||
| Bestenliste | Lazy Loading | Als User möchte ich nicht von einer langen Liste mit mehreren Seiten "erschlagen" werden, um mir einen Überblick über die Unterstützer zu verschaffen. | Angenommen ich befinde mich auf der Bestenliste, wenn ich mehr als die Top Unterstützer sehen möchte scrolle ich runter und weitere werden angezeigt. | 2 | 17 | |||
| Bestenliste | Visualisierung Bäume | Als User bevorzuge ich Visualisierungen, weil sie das Thema plastischer machen und meinen Spieltrieb ansprechen. | Angenommen ich will wissen wie viele Bäume ich im Vergleich zu anderen gepflanzt habe, wenn ich auf der Bestenliste bin, dann wird neben jedem User die Anzahl der Bäume jeweils nach Logik römischer Zahlen angezeigt (entweder wie im Profil absolut oder relativ?) | 2 | ||||
| Blog | Pingback/Trackback | Als Blogger möchte ich mich vernetzen, um mit anderen Bloggern in Kontrakt zu treten und mein Blog bekannt zu machen. | Angenommen mein Blog wurde im IPAT-Blog verlinkt, wenn ich per Pingback/Trackback darüber informiert werde, kann ich darauf reagieren (Blog-Beitrag, Kommentar). | 3 | ||||
| Blog | Kommentarfunktion | Als User möchte ich kommentieren, um öffentlich meine Meinung zu zu äußern. | Angenommen ich möchte einen Kommentar schreiben, wenn ich nur Name und E-Mail-Adresse angeben mussen, dann bin ich eher bereit zu kommentieren. | 2 | ||||
| Blog | RSS | Als User möchte ich interessante Blogs abonnieren, um über neue Beiträge informiert zu werden. | Angenommen ich abonniere das RSS-Feed, wenn ich auf das Lesezeichen klicke, dann werden neue Beiträge automatisch angezeigt. | 3 | ||||
| Blog | Benutzerrollen | Als User möchte ich einen Gast-Beitrag im IPAT-Blog schreiben, um mein Wissen mit anderen zu teilen und dabei auf meine Webseite/mein Business zu verweisen. | Angenommen ich schreibe für IPAT einen Blog-Beitrag, wenn ich einen (beschränkten) Zugang erhalte, dann kann ich den Beitrag unter meinem Namen selbst im Dashboard einstellen. | 3 | ||||
| Projektseite | Updates | Als User möchte ich durch die Updates und unterschiedliche Medientypen (Videos, Fotos, Texte) "blättern" können, um die für mich interessanten Inhalte auszuwählen. | Angenommen es gibt für ein Projekt mehrere Updates, wenn ich auf auf den rechten Pfeil klicke, dann werden in chronologischer Reihenfolge (rückwärts) die letzten Updates zur Fläche (Videos, Fotos, Texte) angezeigt. | 2 | 11, 12 | |||
| Projektseite | Kommentare | Als User möchte ich ein Projekt kommentieren, um Fragen zu stellen oder meine Meinung zu sagen. | Angenommen ich bin eingeloggt und habe das Projekt unterstützt, wenn ich kommentiere, dann wird mein Kommentar mit meinem Profilbild und Namen sofort angezeigt. | |||||
| Projektseite | Aktuelle Unterstützer | Als Unterstützer möchte ich auf der Projektseite erscheinen, um meine Sichtbarkeit zu erhöhen. | Angenommen ich habe ein Projekt unterstützt, wenn ich danach auf die Projektseite gehe, dann erscheint mein Profil unter "Aktuelle Unterstützer". | |||||
| Spendenquittungen | Als User möchte ich Spendenquittungen abrufen, um sie beim Finanzamt geltend zu machen. | Angenommen ich habe gespendet und möchte meine Spendenquittung runterladen, wenn ich unter Tools im Reiter "Quittungen" auf eine kleine Vorschau-PDF klicke, dann kann ich die Datei runterladen. | ||||||
| Gutscheine: Schieberegler | Als User bevorzuge ich interaktive Elemente, weil es Spaß macht und praktisch ist. | Angenommen ich möchte die Anzahl der Bäume erhöhen, dann bewege ich den Regler nach rechts. Dabei bewegt sich der Regler für die Kosten mit nach rechts.Angenommen ich möchte den Gutschein über die Kosten erstellen, dann bewege ich den Kosten-Regler. Dabei verändert sich die Position des Reglers für die Baumanzahl entsprechend. | 2 | 21 | ||||
| Gutscheine: Visualisierung Bäume und Münzststapel | Als User bevorzuge ich Visualisierungen, weil sie das Thema plastischer machen und meinen Spieltrieb ansprechen. | Angenommen ich möchte die Anzahl der Bäume erhöhen, dann bewege ich den Regler nach rechts, so dass die Anzahl (sowie ggf. Größe) der Bäume links zunimmt und der Münzstapel wächst (jeweils nach Logik römischer Zahlen).Angenommen ich möchte den Gutschein über den Preis erstellen, dann bewege ich den Kosten-Regler, so dass die Anzahl (sowie ggf. Größe) der Bäume links zunimmt und der Münzstapel wächst. | 2 | 21 | ||||
| Gutscheine verwalten | Als User möchte ich meine Codes flexibel verwalten können, um sie entweder selbst einzulösen oder zu verschenken.Als Unternehmen möchte ich meine Code flexibel verwalten können, um sie an meine Kunden weiterzureichen. | Angenommen ich habe einen Code zur Verfügung, wenn ich im Dropdown "einlösen" wähle, dann wird die Pflanzung mir zugeordnet.Angenommen ich habe einen Code zur Verfügung, wenn ich im Dropdown "per E-Mail verschicken" wähle, dann öffnet sich ein Fenster in dem ich die Empfänger-Adresse und einen Text eingeben kann.Angenommen ich habe einen Code zur Verfügung, wenn ich im Dropdown "PDF generieren" wähle, dann wird ein Gutschein-PDF mit dem Code generiert. | 2 | 22 | ||||
| Suche: Backspace | Als "fortgeschrittener" User nutze ich lieber die Tastatur als die Maus, um Einstellungen zu ändern. | Angenommen im Dropdown-Menü ist "Projekte" voreingestellt, wenn ich Backspace drücke, dann wird der Filter aufgehoben und ich kehre zur globalen Suche zurück. | 3 | |||||
| Zertifikate: Pflanzkörbe | Als User möchte ich Zertifikate erstellen, um anderen zu zeigen wie viele Bäume ich gepflanzt habe.Als Unternehmen möchte ich individuelle Zertifikate für einzelne Pflanzkörbe erstellen, um für meine Kunden Zertifikate ausstellen zu können. | Angenommen ich möchte für zwei von X Pflanzkörben ein Zertifikat erstellen, wenn ich auf die jeweiligen Pflanzkorb-Icons klicke (erkennbar durch Datum, Wert und Anzahl der Bäume), dann wird die Summe der Bäume direkt angezeigt. | 2 | 23 | ||||
| Zertifikate: Zeichenzähler | Als User möchte ich wissen wieviel Text ich noch eingeben kann, um diesen ggf. in der Länge anzupassen. | Angenommen ich möchte einen individuellen Text eingeben, wenn ich in das Textfeld einen Text eingebe, werden während der Eingabe die verbleibenden Zeichen angezeigt. | 2 | 23 | ||||
| Zertifikate: Text | Als User möchte ich einen individuellen Text eingeben, um meine Motivation und mein Ziel zum Ausdruck zu bringen.Als Unternehmen möchte ich einen individuellen Text eingeben, damit dieser zur Kommunikation des Unternehmens passt. | Angenommen mir fällt nichts ein, wenn ich keinen Text eingebe, dann wird der (graue) Standard-Text übernommen: "Mein Beitrag gegen den Klimawandel, für Artenvielfalt und eine lebenswerte Zukunft." | 2 | 23 | ||||
| Widgets | Als Webseiten-Betreiber möchte ich ein Widget nutzen, um anderen zu zeigen wie viele Bäume ich gepflanzt habe. | Angenommen ich möchte ein Widget erstellen, wenn ich ein Widget mit den passenden Ausmaßen wähle, meine Domain eingebe, die Sprache einstelle und auf den Button "Widget generieren" klicke, dann wird der Code erzeugt, angezeigt und automatisch in die Zwischenablage kopiert. | 2 | 24 | ||||
| Banner | Als Webseiten-Betreiber möchte ich ein Banner nutzen, um für I Plant A Tree auf meiner Webseite zu werben. | Angenommen ich habe ein passendes Banner gefunden, wenn ich auf "Code kopieren" klicke, dann wird der Code angezeigt und automatisch in die Zwischenablage kopiert. | 3 | 25 | ||||
| CO2-Rechner: Pflanzkorb | Als User möchte ich einen CO2-Rechner nutzen, um meinen individuellen Fußabdruck auszurechnen und direkt zu kompensieren. | Angenommen ich habe alle Fragen beantwortet, wenn ich auf "CO2-Verbrauch berechnen" klicke, dann wird mir neben der CO2-Menge gleich die benötigte Baumanzahl zur Kompensation angezeigt und ein Pflanzkorb vorbereitet. | 1 | |||||
| CO2-Rechner: Widget | Als User möchte ich einen CO2-Rechner nutzen auch ohne dass ich IPAT kenne, um einen Ausgleich zu meinem Fußabdruck zu schaffen. | Angenommen ich nutze das CO2-Rechner Widget auf einer externen Seite, wenn ich auf "Kompensieren" klicke, dann werde ich nach iplantatree.org auf den Bereich "online pflanzen" mit einem vorbereiteten Pflanzkorb weitergeleitet. | 2 | |||||
| CO2-Rechner: Widget erstellen | Als Webseiten-Betreiber möchte ich ein Widget nutzen, um anderen die Möglichkeit zu geben den CO2-Rechner zu nutzen. | Angenommen ich möchte ein Widget erstellen, wenn ich ein Widget mit den passenden Ausmaßen wähle, meine Domain eingebe, die Sprache einstelle und auf den Button "Widget generieren" klicke, dann wird der Code erzeugt, angezeigt und automatisch in die Zwischenablage kopiert. | 2 | |||||
| CO2-Rechner: Widget Customizer | Als Webseiten-Betreiber möchte ich den CO2-Rechner an mein Layout anpassen, um ein einheitliches Layout zu gewährleisten. | Angenommen ich möchte das Widget an das Layout meiner Webseite anpassen, wenn ich die Farbe über einen Farbkreis und/oder die Hexadezimalzahl bestimmen kann, dann lässt sich der CO2-Rechner nahtlos integrieren. | 3 | |||||
| Beta: Hinweis | Als User möchte ich den laufenden Relaunch begleiten, um Änderungen besser nachvollziehen zu können. | Angenommen wir haben einen Beta-Hinweis auf iplantatree.org, wenn User darauf klicken, dann gelangen sie auf beta.iplantatree.org und können dort die bereits implementierten Funktionen nutzen. | ||||||
| Beta: Feedback | ||||||||
| Als User möchte ich den laufenden Relaunch begleiten, um Feedback geben zu können. | ||||||||
| Angenommen es befindet sich auf jeder Seite ein Feedback-Button mit Bewertungsfunktion und Texteingabefeld, wenn User diesen Nutzen, dann erfahren wir welche Seite wir wie optimieren müssen. | ||||||||
