Mobile Campaigning - und dann?

Transkript

1 24. März 2014 Mobile Campaigning - und dann? Workshop mit Günter Metzges und Maike Janssen

2 Agenda 1. Warum Mobile? Oder: Muss ich mich da wirklich drum kümmern? 2. Alles App oder was? Oder: Was ist eigentlich der Unterschied zwischen Mobile Website, Responsive Website und App? 3. Achtung, hier kommt eine Chance! Oder: Eine neue Perspektive auf Content, Informationsarchitektur und User Experience 4. Vom Schreibtisch auf die Straße Oder: Die Zukunft des Online-Campaining 5. Welche Erfahrungen und Ideen gibt es hier? Eure eigenen Use Cases - umgesetzt, geplant oder erträumt. 2

3 Agenda 1. Warum Mobile? Oder: Muss ich mich da wirklich drum kümmern? 2. Alles App oder was? Oder: Was ist eigentlich der Unterschied zwischen Mobile Website, Responsive Website und App? 3. Achtung, hier kommt eine Chance! Oder: Eine neue Perspektive auf Content, Informationsarchitektur und User Experience 4. Vom Schreibtisch auf die Straße Oder: Die Zukunft des Online-Campaining 5. Welche Erfahrungen und Ideen gibt es hier? Eure eigenen Use Cases - umgesetzt, geplant oder erträumt. 3

4 Was war los bei Campact? Campact.de Feb 2014 Mobil 19 % Tablet 6 % Desktop 75 % 4

5 Was war los bei Campact? Teilnehmen-Formular Feb 2014 Mobil 22 % Tablet 6 % Desktop 72 % 4

6 Was war los bei Campact? blog.campact.de Feb 2014 Mobil 29 % Desktop 63 % Tablet 8 % 4

7 Absprungrate Teilnehmenseite nach Gerätetyp 60 59, , , Desktop Tablet Handy 5

8 Muss das alles sein? Ja! - 53 Prozent aller Internetnutzer sind auch im mobilen Internet unterwegs - Immer mehr Nutzer rufen ihre s unterwegs mit dem Smartphone ab, im Schnitt sechs Mal pro Tag - Zudem werden seit April 2012 mehr Newsletter- s auf dem Mobile-Gerät als am Desktop-Rechner geöffnet (litmus.com) - Spendenformulare, die nicht mobil optimiert sind, schrecken viele Spender ab 6

9 s am liebsten mobil gelesen 7

10 Agenda 1. Warum Mobile? Oder: Muss ich mich da wirklich drum kümmern? 2. Alles App oder was? Oder: Was ist eigentlich der Unterschied zwischen Mobile Website, Responsive Website und App? 3. Achtung, hier kommt eine Chance! Oder: Eine neue Perspektive auf Content, Informationsarchitektur und User Experience 4. Vom Schreibtisch auf die Straße Oder: Die Zukunft des Online-Campaining 5. Welche Erfahrungen und Ideen gibt es hier? Eure eigenen Use Cases - umgesetzt, geplant oder erträumt. 8

11 Wir wollen eine mobile Webseite! Pro: - Jederzeit parallel zur Desktop- Version realisierbar - Inhaltlich exakt auf die Bedürfnisse von Mobilnutzern anpassbar - Läuft auf allen Plattformen Aber auch: - Erhöhter Pflegeaufwand - Gleicher Content unter verschiedenen URLs verfügbar (-> SEO) - Mobile nicht wirklich integriert gedacht 9

12 Das Ergebnis... 10

13 What s app? Für den Auftraggeber: - bietet Zugriff auf alle Hardware- Funktionen des Smartphones: Kamera, Kontakte, Sharing- Optionen, Push-Nachrichten Aber: - muss für verschiedene Geräte entwickelt/angepasst werden - ist nicht als Webcontent zu finden (-> SEO!) Für den Nutzer: - bietet meist die beste User Experience, inkl. Push-Funktionen Aber: - muss installiert werden - fragt häufig nach datenschutztechnisch sensiblen Berechtigungen 11

14 Wir wollen eine responsive Webseite! Pro: - Basiert auf dem gleichen HTML- Code wie die Desktop-Version - Kein zusätzlicher Pflegeaufwand - Alle Inhalte sind unter exakt einer URL verfügbar - Läuft auf allen Plattformen Aber auch: - Hoher Aufwand für Nachrüstung bestehender Website (i.d.r. unwirtschaftlich) - Änderungen/Ergänzungen müssen für alle Auflösungen umgesetzt werden - Erhöhter Konzeptionsaufwand (Stichwort Mobile first ) 12

15 Responsive Design! 13

16 Responsive Design! 13

17 Auf einen Blick mobile Page responsive Page App Kosten / Risiko schnell verfügbar Redaktionsaufwand Anpassungsaufwand Kohärenz des Auftritts mobile Funktionen + O O

18 Agenda 1. Warum Mobile? Oder: Muss ich mich da wirklich drum kümmern? 2. Alles App oder was? Oder: Was ist eigentlich der Unterschied zwischen Mobile Website, Responsive Website und App? 3. Achtung, hier kommt eine Chance! Oder: Eine neue Perspektive auf Content, Informationsarchitektur und User Experience 4. Vom Schreibtisch auf die Straße Oder: Die Zukunft des Online-Campaining 5. Welche Erfahrungen und Ideen gibt es hier? Eure eigenen Use Cases - umgesetzt, geplant oder erträumt. 15

19 Wie strukturieren wir unsere Seite neu? 16

20 Wie strukturieren wir unsere Seite neu? 16

21 Wie strukturieren wir unsere Seite neu? 16

22 Wie strukturieren wir unsere Seite neu? 16

23 Wie strukturieren wir unsere Seite neu? 16

24 Wie strukturieren wir unsere Seite neu? Optionen für Inhalte: - On-Screen: Inhalte direkt anbieten - On-Tab/Swipe: Inhalte in einem Alternativ-Zustand - On a seperate screen: Inhalte an einem anderen Ort 17

25 Was passiert mit unseren Inhalten? 18

26 Wie ticken denn unsere Nutzer? 19

27 Wie ticken denn unsere Nutzer? 19

28 Wie ticken denn unsere Nutzer? 19

29 Wie ticken denn unsere Nutzer? *sein bester Freund hat eine Petition auf Facebook geteilt -> er nimmt auf dem Weg zur Schule schnell ebenfalls teil - mobil *liest Newsletter -> bekommt auf der bereits unterschriebenen Aktionsseite Spendenmöglichkeit angezeigt *liest sich interessiert durch alle Informationen und Hintergründe -> unterschreibt für Snowden und teilt die Aktion per Mail 19

30 Angewandt auf User Experience... 20

31 ...und auf angebotene Funktionen. 21

32 Agenda 1. Warum Mobile? Oder: Muss ich mich da wirklich drum kümmern? 2. Alles App oder was? Oder: Was ist eigentlich der Unterschied zwischen Mobile Website, Responsive Website und App? 3. Achtung, hier kommt eine Chance! Oder: Eine neue Perspektive auf Content, Informationsarchitektur und User Experience 4. Vom Schreibtisch auf die Straße Oder: Die Zukunft des Online-Campaining 5. Welche Erfahrungen und Ideen gibt es hier? Eure eigenen Use Cases - umgesetzt, geplant oder erträumt. 22

33 Campact wird mobil (1) responsive Mails (II) responsive Userflows (III) responsive Portale mobiles Campaigning 23

34 Vom Schreibtisch auf die Strasse Online-Petitionen Mobilisierung Foto: Rui Santos 24

35 Vom Schreibtisch auf die Strasse Online-Petitionen Mobilisierung Foto: Rui Santos Foto: Adam Radosavljevic Online-Petitionen Mobilisierung + Unterstützung von Demos und Aktionen vor Ort 24

36 Verfolgungstour: Angriff aufs EEG Grafik und Fotos: Campact / Zitrusblau 25

37 Energievolksentscheid Berlin Fotos: Campact 26

38 Grillparties gegen die Agrarindustrie 27 Fotos: Campact

39 Großdemo Wir haben es satt, Berlin Fotos: Campact 28

40 Was kommt da noch? - Neue Technologien wie NFC, BLE innovativ im öffentlichen Raum einsetzen - lernende Systeme entwickeln, die Inhalte immer besser auf Nutzer, ihr Verhalten und ihre Umgebung abstimmen - (Und ja, natürlich immer die Datenschutzrichtlinien beachten!) 29

41 Die schöne neue Welt des Smartphone Campaigning? 30

42 Die schöne neue Welt des Smartphone Campaigning? Lokalisierung Wer war bei einer Aktion dabei? Wer hat wo verteilt? Wer befindet sich wo auf der Demo? Welche Info passt zu welchem Ort? Grafik: Leszek Glasner 30

43 Die schöne neue Welt des Smartphone Campaigning? Kamera Dokumentation von Aktionen und Demonstrationen. Foto: Andrzej Wilusz 30

44 Die schöne neue Welt des Smartphone Campaigning? Push-Kommunikation Einladung zur Aktion, die an der nächsten Ecke stattfindet. Grafik: alexmillos 30

45 Die schöne neue Welt des Smartphone Campaigning? Telefonbuch inkl. Weiterempfehlen von Aktionen. Foto: Feng Yu 30

46 Die schöne neue Welt des Smartphone Campaigning? Near-Field- Communication Weitergeben, Infos ziehen, registrieren Grafik: limbi007 30

47 Die schöne neue Welt des Smartphone Campaigning? Spenden to go Per Telefonrechnung spenden SMS spenden Grafik: myvector 30

48 Die schöne neue Welt des Smartphone Campaigning? SMS & Instant Messaging Grafik: Kaisa Savolainen 30

49 Die schöne neue Welt des Smartphone Campaigning? 30

50 Agenda 1. Warum Mobile? Oder: Muss ich mich da wirklich drum kümmern? 2. Was folgt daraus? Oder: Eine neue Perspektive auf Content, Informationsarchitektur und User Experience 3. Alles App oder was? Oder: Was ist eigentlich der Unterschied zwischen Mobile Website, Responsive Website und App? 4. Vom Schreibtisch auf die Straße Oder: Die Zukunft des Online-Campaining 5. Welche Erfahrungen und Ideen gibt es hier? Eure eigenen Use Cases - umgesetzt, geplant oder erträumt. 31

51 Weiterkommen Responsive Mail Templates: Umfangreicher Blog zu Responsive Mailing: learning Responsive Design: Ressourcen-Sammlung: Responsive Test der eigenen Seite: 32

52 Fragen? Erfahrungen? Ideen?! 33

53 Lasst uns weiter mobil machen! Maike Janssen Günter Metzges