Mobile Campaigning - Und dann?

8/12/2019 Mobile Campaigning - Und dann?

1/53

Workshop mit Gnter Metzges und Maike Janssen

Mobile Campaigning - und dann?

24. Mrz 2014


2/53

Agenda

Oder: Was ist eigentlich der Unterschied zwischen Mobile Website, Responsive Website und App?

2. Alles App oder was?

Eure eigenen Use Cases - umgesetzt, geplant oder ertrumt.

5. Welche Erfahrungen und Ideen gibt es hier?

Oder: Eine neue Perspektive auf Content, Informationsarchitektur und User Experience

Oder: Muss ich mich da wirklich drum kmmern?

1. Warum Mobile?

2

3. Achtung, hier kommt eine Chance!

4. Vom Schreibtisch auf die StraeOder: Die Zukunft des Online-Campaining


3/53

Agenda




1. Warum Mobile?

3



4. Vom Schreibtisch auf die Strae


Oder: Die Zukunft des Online-Campaining



4/53


5/53

Was war los bei Campact?

4

Desktop72 %

Tablet6 %

Mobil22 %

Teilnehmen-FormularFeb 2014


6/53

Was war los bei Campact?

4

Desktop63 %

Tablet8 %

Mobil29 %

blog.campact.de Feb 2014


7/53

Absprungrate Teilnehmenseitenach Gertetyp

5

0

15

30

45

60

Desktop Tablet Handy

59,06

41,42

30,78


8/53

-53 Prozent aller Internetnutzer sind auch im mobilenInternet unterwegs

- Immer mehr Nutzer rufen ihre E-Mails unterwegs mitdem Smartphone ab, im Schnitt sechs Mal pro Tag

-Zudem werden seit April 2012 mehr Newsletter-E-Mailsauf dem Mobile-Ger t als am Desktop-Rechner ge " net(litmus.com)

-Spendenformulare, die nicht mobil optimiert sind,schrecken viele Spender ab

Ja!

Muss das alles sein?

6
http://litmus.com/http://litmus.com/http://litmus.com/


9/53

E-Mails am liebsten mobil gelesen

7


10/53

Agenda




1. Warum Mobile?

8







11/539

Pro:- Jederzeit parallel zur Desktop-

Version realisierbar- Inhaltlich exakt auf die

Bedrfnisse von Mobilnutzernanpassbar

-Luft auf allen Plattformen

Aber auch:-Erhhter P ! egeaufwand-Gleicher Content unter

verschiedenen URLs verfgbar (->

SEO)-Mobile nicht wirklich integriert

gedacht

Wir wollen eine mobile Webseite!


12/53

Das Ergebnis...

10


13/53

Whats app?

11

Fr den Auftraggeber:- bietet Zugri" auf alle Hardware-Funktionen des Smartphones:Kamera, Kontakte, Sharing-Optionen, Push-Nachrichten

Aber:- muss fr verschiedene Gerteentwickelt/angepasst werden- ist nicht als Webcontent zu # nden(-> SEO!)

Fr den Nutzer:- bietet meist die beste UserExperience, inkl. Push-Funktionen

Aber:- muss installiert werden

- fragt hu# g nachdatenschutztechnisch sensiblenBerechtigungen


14/53

Wir wollen eine responsive Webseite!

12

Pro:-Basiert auf dem gleichen HTML-

Code wie die Desktop-Version-Kein zustzlicher P! egeaufwand-Alle Inhalte sind unter exakt einerURL verfgbar-Luft auf allen Plattformen

Aber auch:-Hoher Aufwand fr Nachrstung

bestehender Website (i.d.R.unwirtschaftlich)

-nderungen/Ergnzungen mssenfr alle Au! sungen umgesetztwerden

-Erhhter Konzeptionsaufwand(Stichwort Mobile# rst)


15/53

Responsive Design!

13


16/53

Responsive Design!

13


17/53

Auf einen Blick

14

mobile Page responsivePage

App

Kosten / Risiko

schnellverfgbar

Redaktions-aufwand

Anpassungs-aufwand

Kohrenz desAuftrittsmobile

Funktionen

+ O -

+ + - - -

- - + + O

- + -

- + + -

- - + +


18/53


19/53

Wie strukturieren wir unsere Seite neu?

16


20/53


16


21/53


16


22/53


16


23/53


16


24/53


17

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


25/53

Was passiert mit unseren Inhalten?

18


26/53

Wie ticken denn unsere Nutzer?

19


27/53


19


28/53


19


29/53

*liest sich interessiert durch alleInformationen und Hintergrnde-> unterschreibt fr Snowden undteilt die Aktion per Mail


*liest Newsletter-> bekommt auf der bereitsunterschriebenen AktionsseiteSpendenmglichkeit angezeigt

19

*sein bester Freund hat eine Petitionauf Facebook geteilt-> er nimmt auf dem Weg zur Schuleschnell ebenfalls teil - mobil


30/53

Angewandt auf User Experience...

20
https://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./actionhttps://www.wigwam-00.demo.krautbuster.org/umfairteilen/appell/teilnehmen/%23./action


31/53

...und auf angebotene Funktionen.

21

d


32/53

Agenda




1. Warum Mobile?

22






C i d bil


33/53

Campact wird mobil

23

(1)responsive

Mails

(II)responsiveUser # ows

(III)responsive

Portale

mobilesCampaigning

V S h ib i h f di S


34/53

Vom Schreibtisch auf die Strasse

24

Online-PetitionenMobilisierung

Foto: Rui Santos


35/53

V f l A iff f EEG


36/53

Verfolgungstour: Angriff aufs EEG

25Grak und Fotos: Campact / Zitrusblau

E i lk t h id B li


37/53

Energievolksentscheid Berlin

26

Fotos: Campact

G ill ti g g di Ag i d t i


38/53

Grillparties gegen die Agrarindustrie

27Fotos: Campact

G d Wi h b tt B li


39/53

Grodemo Wir haben es satt, Berlin

28

Fotos: Campact

Was kommt da noch?


40/53

Was kommt da noch?

29

-Neue Technologien wie NFC,BLE innovativ im " entlichen

Raum einsetzen

- lernende Systeme entwickeln,die Inhalte immer besser auf

Nutzer, ihr Verhalten und ihreUmgebung abstimmen

- (Und ja, natrlich immer dieDatenschutzrichtlinien

beachten!)

Die schne neue Welt des Smartphone


41/53

Die schne neue Welt des SmartphoneCampaigning?

30



42/53


30

Grak: Leszek Glasner

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



43/53


30

Foto: Andrzej Wilusz

KameraDokumentation von Aktionen undDemonstrationen.



44/53


30

Grak: alexmillos

Push-KommunikationEinladung zur Aktion, die an der nchstenEcke statt $ ndet.



45/53


30

Foto: Feng Yu

Telefonbuch inkl.Weiterempfehlen von Aktionen.


46/53



47/53


30

Grak: myvector

Spenden

to goPer Telefonrechnung spendenSMS spenden



48/53


30

Grak: Kai sa Savolainen

SMS &InstantMessaging



49/53


30

Agenda


50/53

Agenda


2. Was folgt daraus?





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

31



51/53


52/53

Fragen?Erfahrungen?Ideen?!

33


53/53

Lasst uns weiter mobil machen!

Maike [email protected]

Gnter [email protected]
mailto:[email protected]:[email protected]

Documents

Mobile Campaigning - Und dann?