Abfrage nach statistischer Auswertung als letzter Schritt vor dem Ranking

msteudtn / Mat-O-Wahl

:de: Mat-O-Wahl - Ein einfach zu bedienender, freier Open Source Wahl-O-Mat Klon fuer jedermann ### :gb: :us: A simple to handle, free "Voting Advice Application" / "Electoral Compass" alternative

https://mat-o-wahl.de/

GNU General Public License v3.0

34 stars 15 forks source link

Abfrage nach statistischer Auswertung als letzter Schritt vor dem Ranking #35

Closed fenglisch closed 3 years ago

fenglisch commented 3 years ago

Hintergrund

Durch die Aus der Opt-Out-Variante stellt sich mir die Frage, wie dennoch Nutzer:innen dazu bewogen werden können, der Datenübertragung aktiv zuzustimmen. Den Schalter halte ich für die Opt-Out-Variante als perfekt geeignet, aber ich würde selbst nicht auf die Idee kommen, hierüber aktiv zuzustimmen. Das zeigen auch unsere Daten, dass wir seit dem Umstieg auf deutlicher weniger Ergebnisse haben.

Vorschlag

Anstelle des Schalters könnte nach der letzten These und vor dem Ranking eine Abfrage erscheinen. Die Website https://www.hownormalami.eu/ hat das meiner Meinung nach gut umgesetzt: grafik

Auf den Mat-O-Wahl übertragen könnte das so aussehen: grafik

msteudtn commented 3 years ago

So, ist jetzt in #38 drin. :)

Auf dem Smartphone nimmt die Abfrage teilweise den kompletten Bildschirm ein.

Auf dem Desktop sieht man schon das Ergebnis im Hintergrund. Das finde ich aber nicht tragisch. So ähnlich kennt man es vielleicht auch von den "Bitte deaktivieren Sie Ihren Adblocker"-Abfragen. ( ... habe ich gehört ;) )

Update / Edit:

Was hat sich geändert?

Der Schieberegler unter den Fragen wurde entfernt
Es erfolgt eine Abfrage nach der letzten Frage und vor dem Ergebnis (als Popup / Bootstrap-Modal)
In der DEFINITION.JS muss nichts verändert werden
In den Texten im Ordner /i18n/ gibt es jetzt einige neue Variablen

fenglisch commented 3 years ago

Klasse! Gefällt mir richtig gut.

Ist nicht dringend, aber vielleicht je nach Gestaltung ganz sinnvoll: Wäre es möglich, den Overlay dunkler zu machen, sodass man am Desktop weniger durchscheinen sieht? In CSS habe ich dafür nichts gefunden.

msteudtn commented 3 years ago

man kann den folgenden CSS-Code für die Transparenz zu seinen Stylesheets hinzufügen

.modal-backdrop {
    opacity: 0.9 !important;
}

Das ist die Bootstrap-Klasse für das Modal (das "Popup"-Fenster). Mit dem !important-Hinweis wird sie auch nicht überschrieben.

fenglisch commented 3 years ago

Super, funktioniert ausgezeichnet!