Beruflich Dokumente
Kultur Dokumente
Mrz 2014
Agenda
1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?
Agenda
1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?
Desktop 75!%
Mobil 22!%
Mobil 29!%
Desktop 63!%
Tablet 8!%
60
59,06
45
41,42
30
30,78
15
Desktop
Tablet
5
Handy
Ja!
- 53 Prozent aller Internetnutzer sind auch im mobilen
Internet unterwegs
Agenda
1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?
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
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
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?
15
16
16
16
16
16
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
18
19
19
19
*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
20
21
Agenda
1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?
22
mobiles Campaigning
23
Online-Petitionen Mobilisierung
Foto: Rui Santos
24
Online-Petitionen Mobilisierung
Foto: Rui Santos
25
Energievolksentscheid Berlin
Fotos: Campact
26
27
Fotos: Campact
Fotos: Campact
28
29
30
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?
30
Kamera
30
Push-Kommunikation
30
Telefonbuch inkl.
Weiterempfehlen von Aktionen.
Foto: Feng Yu
30
Near-FieldCommunication
Weitergeben, Infos ziehen, registrieren
Grak: limbi007
30
Spenden to go
Grak: myvector
30
30
30
Agenda
1. Warum Mobile?
Oder: Muss ich mich da wirklich drum kmmern?
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
33