search

demokratie-live / democracy-client

DEMOCRACY App Client
https://www.democracy-deutschland.de/#!prototyp
Apache License 2.0
138 stars 28 forks source link

🌟 [EPIC] In-App-Tutorial #372

Open visionmakery opened 6 years ago

visionmakery commented 6 years ago

🚀 Feature

In-App-Tutorial

mit Ausgrauen und Highlighten arbeiten – Screens

Sollte generell vermieden werden. Die App muss selbsterklärend sein.

  1. Detail
    • Upvoten + Nummer
    • Glocke
    • Dokumente
    • Abstimmung

Remarks

Dieses Issue bezieht sich auf die Rückmeldung eines Prototyp-Testers. Dieser merkt an, dass er unser Tutorial viel zu abstrakt und nicht gut gelungen findet. Er schlägt stattdessen ein Step-by-Step In-App-Tutorial vor.

Faulty Behaviour: Das aktuelle On-boarding sei nicht funktional. Nach dem Tutorial wisse man nicht wirklich, was man in der App machen kann.

Expected Behaviour: Eine Step-by-Step-Anleitung der einzelnen Funktionen In-App:

  1. List-Screen ausgegraut bis auf..

    • die 3 Tabs des Segmented Control
    • die Suchfunktion
    • den Burger Menu-Button
    • ggfs. Erklärpfeile und man muss alles 1x Drücken.

  2. Abstimmung testweise durchgehen

    • Karte öffnen (alles andere ausgegraut)
    • runterscrollen
    • Abstimmen
    • Schon gewusst: Button ziehen
    • Ergebnis einsehen

Alternativ dazu könnte man die Funktionalitäten auch mit einem anderen Tutorial darstellen. vgl. dazu die angehefteten Screenshot aus der Bahn App, neulich von mir entdeckt: unadjustednonraw_thumb_67 unadjustednonraw_thumb_68

App-Version: 0.6.7

Description: Dieses Issue bezieht sich auf das Feedback eines Prä-Testers, der sagt: bildschirmfoto 2018-04-17 um 15 51 00

Faulty Behaviour: Der Tester bemängelt, dass ihm kein ausreichendes Feedback gegeben wird, dass er dieses Papier damit abonniert hat.

Expected Behaviour:

  1. Lösungsvorschlag: Beim ersten individuellen Abonnieren (Glockenklick) ein Pop-Up zeigen, dass man unten nur mit Ok bestätigen kann, auf dem es in etwa heißt: "Du hast die individuellen Benachrichtigungen für dieses Papier aktiviert. Unter Side Menu > Benachrichtigungen kannst du Deine individuellen Benachrichtigungen einsehen. Du kannst diese Benachrichtigungen durch das wiederholte Klicken auf die Glocke deabonnieren"

App-Version: 0.6.4

Design

@visionmakery

ManAnRuck commented 5 years ago

mögliche libraries die zu verwenden sind

https://github.com/mohebifar/react-native-copilot

https://github.com/jasongaare/react-native-walkthrough-tooltip