Sie sind auf Seite 1von 53

24.

Mrz 2014

Mobile Campaigning - und dann?


Workshop mit Gnter Metzges und Maike Janssen

Agenda

1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?

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 Strae


Oder: Die Zukunft des Online-Campaining

5. Welche Erfahrungen und Ideen gibt es hier?


Eure eigenen Use Cases - umgesetzt, geplant oder ertrumt.

Agenda

1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?

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 Strae


Oder: Die Zukunft des Online-Campaining

5. Welche Erfahrungen und Ideen gibt es hier?


Eure eigenen Use Cases - umgesetzt, geplant oder ertrumt.

Was war los bei Campact?

Campact.de Feb 2014

Mobil 19!% Tablet 6!%

Desktop 75!%

Was war los bei Campact?

Teilnehmen-Formular Feb 2014

Mobil 22!%

Tablet 6!% Desktop 72!%

Was war los bei Campact?

blog.campact.de Feb 2014

Mobil 29!%

Desktop 63!%

Tablet 8!%

Absprungrate Teilnehmenseite nach Gertetyp

60

59,06

45
41,42

30

30,78

15

Desktop

Tablet
5

Handy

Muss das alles sein?

Ja!
- 53 Prozent aller Internetnutzer sind auch im mobilen
Internet unterwegs

- Immer mehr Nutzer rufen ihre E-Mails unterwegs mit


dem Smartphone ab, im Schnitt sechs Mal pro Tag

- Zudem werden seit April 2012 mehr Newsletter-E-Mails


auf dem Mobile-Gert als am Desktop-Rechner ge"net (litmus.com)

- Spendenformulare, die nicht mobil optimiert sind,


schrecken viele Spender ab

E-Mails am liebsten mobil gelesen

Agenda

1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?

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 Strae


Oder: Die Zukunft des Online-Campaining

5. Welche Erfahrungen und Ideen gibt es hier?


Eure eigenen Use Cases - umgesetzt, geplant oder ertrumt.

Wir wollen eine mobile Webseite!

Pro: - Jederzeit parallel zur DesktopVersion realisierbar - Inhaltlich exakt auf die Bedrfnisse von Mobilnutzern anpassbar - Luft auf allen Plattformen

Aber auch: - Erhhter P!egeaufwand - Gleicher Content unter verschiedenen URLs verfgbar (-> SEO) - Mobile nicht wirklich integriert gedacht

Das Ergebnis...

10

Whats app?

Fr den Auftraggeber: - bietet Zugri" auf alle HardwareFunktionen des Smartphones: Kamera, Kontakte, SharingOptionen, Push-Nachrichten Aber: - muss fr verschiedene Gerte entwickelt/angepasst werden - ist nicht als Webcontent zu #nden (-> SEO!)

Fr den Nutzer: - bietet meist die beste User Experience, inkl. Push-Funktionen Aber: - muss installiert werden - fragt hu#g nach datenschutztechnisch sensiblen Berechtigungen

11

Wir wollen eine responsive Webseite!

Pro: - Basiert auf dem gleichen HTMLCode wie die Desktop-Version - Kein zustzlicher P!egeaufwand - Alle Inhalte sind unter exakt einer URL verfgbar - Luft auf allen Plattformen

Aber auch: - Hoher Aufwand fr Nachrstung bestehender Website (i.d.R. unwirtschaftlich) - nderungen/Ergnzungen mssen fr alle Au!sungen umgesetzt werden - Erhhter Konzeptionsaufwand (Stichwort Mobile #rst)

12

Responsive Design!

13

Responsive Design!

13

Auf einen Blick

mobile Page Kosten / Risiko schnell verfgbar Redaktionsaufwand Anpassungsaufwand Kohrenz des Auftritts mobile Funktionen + ++ --

responsive Page O ++ + ++ -

App -O ++

14

Agenda

1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?

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 Strae


Oder: Die Zukunft des Online-Campaining

5. Welche Erfahrungen und Ideen gibt es hier?


Eure eigenen Use Cases - umgesetzt, geplant oder ertrumt.

15

Wie strukturieren wir unsere Seite neu?

16

Wie strukturieren wir unsere Seite neu?

16

Wie strukturieren wir unsere Seite neu?

16

Wie strukturieren wir unsere Seite neu?

16

Wie strukturieren wir unsere Seite neu?

16

Wie strukturieren wir unsere Seite neu?

Optionen fr Inhalte: - On-Screen: Inhalte direkt anbieten - On-Tab/Swipe: Inhalte in einem Alternativ-Zustand - On a seperate screen: Inhalte an einem anderen Ort

17

Was passiert mit unseren Inhalten?

18

Wie ticken denn unsere Nutzer?

19

Wie ticken denn unsere Nutzer?

19

Wie ticken denn unsere Nutzer?

19

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 Spendenmglichkeit angezeigt

*liest sich interessiert durch alle Informationen und Hintergrnde -> unterschreibt fr Snowden und teilt die Aktion per Mail

19

Angewandt auf User Experience...

20

...und auf angebotene Funktionen.

21

Agenda

1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?

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 Strae


Oder: Die Zukunft des Online-Campaining

5. Welche Erfahrungen und Ideen gibt es hier?


Eure eigenen Use Cases - umgesetzt, geplant oder ertrumt.

22

Campact wird mobil

(1) responsive Mails

(II) responsive User#ows

(III) responsive Portale

mobiles Campaigning

23

Vom Schreibtisch auf die Strasse

Online-Petitionen Mobilisierung
Foto: Rui Santos

24

Vom Schreibtisch auf die Strasse

Online-Petitionen Mobilisierung
Foto: Rui Santos

Foto: Adam Radosavljevic

Online-Petitionen Mobilisierung + Untersttzung von Demos und Aktionen vor Ort


24

Verfolgungstour: Angriff aufs EEG

Grak und Fotos: Campact / Zitrusblau

25

Energievolksentscheid Berlin

Fotos: Campact

26

Grillparties gegen die Agrarindustrie

27

Fotos: Campact

Grodemo Wir haben es satt, Berlin

Fotos: Campact

28

Was kommt da noch?

- Neue Technologien wie NFC,


BLE innovativ im "entlichen Raum einsetzen

- lernende Systeme entwickeln,


die Inhalte immer besser auf Nutzer, ihr Verhalten und ihre Umgebung abstimmen

- (Und ja, natrlich immer die


Datenschutzrichtlinien beachten!)

29

Die schne neue Welt des Smartphone Campaigning?

30

Die schne neue Welt des Smartphone Campaigning?

Lokalisierung

Wer war bei einer Aktion dabei? Wer hat wo verteilt? Wer be$ndet sich wo auf der Demo? Welche Info passt zu welchem Ort?

Grak: Leszek Glasner

30

Die schne neue Welt des Smartphone Campaigning?

Kamera

Dokumentation von Aktionen und Demonstrationen. Foto: Andrzej Wilusz

30

Die schne neue Welt des Smartphone Campaigning?

Push-Kommunikation

Einladung zur Aktion, die an der nchsten Ecke statt$ndet.


Grak: alexmillos

30

Die schne neue Welt des Smartphone Campaigning?

Telefonbuch inkl.
Weiterempfehlen von Aktionen.
Foto: Feng Yu

30

Die schne neue Welt des Smartphone Campaigning?

Near-FieldCommunication
Weitergeben, Infos ziehen, registrieren
Grak: limbi007

30

Die schne neue Welt des Smartphone Campaigning?

Spenden to go
Grak: myvector

Per Telefonrechnung spenden SMS spenden

30

Die schne neue Welt des Smartphone Campaigning?

SMS & Instant Messaging

Grak: Kaisa Savolainen

30

Die schne neue Welt des Smartphone Campaigning?

30

Agenda

1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?

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 Strae


Oder: Die Zukunft des Online-Campaining

5. Welche Erfahrungen und Ideen gibt es hier?


Eure eigenen Use Cases - umgesetzt, geplant oder ertrumt.

31

Weiterkommen
Responsive Mail Templates: https://stamplia.com/ Umfangreicher Blog zu Responsive Mailing: http://litmus.com/ learning Responsive Design: http://mobiledesignpatterngallery.com Ressourcen-Sammlung: http://www.targetlocal.co.uk/responsiveweb-design-resources/ Responsive Test der eigenen Seite: http://deviceponsive.com/

32

Fragen? Erfahrungen? Ideen?!

33

Lasst uns weiter mobil machen!

Maike Janssen maike@wigwam.im Gnter Metzges metzges@campact.de

Das könnte Ihnen auch gefallen