Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Eine Präsentation von Dario Müller © 2012

Ähnliche Präsentationen


Präsentation zum Thema: "Eine Präsentation von Dario Müller © 2012"—  Präsentation transkript:

1 Eine Präsentation von Dario Müller © 2012 www.dariodomi.de
Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012

2 Facebook Mobile Websites & Apps Dario Müller Folie 2 / 22

3 Websites vs. Apps Mobile Websites & Apps Dario Müller Folie 3 / 22

4 Plattformen Apple iOS Google Android Windows Phone BlackBerry RIM OS
HP Palm WebOS Nokia Symbian Mobile Websites & Apps Dario Müller Folie 4 / 22

5 Plattformen Bereich: Deutschland Datum: November 2010
Mobile Websites & Apps Dario Müller Folie 5 / 22

6 Browser iOS Safari Opera Mini Android RIM Blackberry Browser
versch. Nokia Browser Mobile Websites & Apps Dario Müller Folie 6 / 22

7 Browser Mobile Websites & Apps Dario Müller Folie 7 / 22

8 Auflösungen Mobile Websites & Apps Dario Müller Folie 8 / 22

9 Auflösung != Desktopgröße != Browserfenster != Anzeigebereich
Auflösungen Auflösung != Desktopgröße != Browserfenster != Anzeigebereich Mobile Websites & Apps Dario Müller Folie 9 / 22

10 Auflösungen Mobile Websites & Apps Dario Müller Folie 10 / 22
Mobile Endgeräte Auflösung OS Apple iPhone 4 960 x 640  iOS Apple iPhone 3G(S) 480 x 320 Motorola A855 720 x 480 Android Motorola Droid 854 x 480 Samsung Galaxy S I9000 800 x 480 BlackBerry Curve 8530 320 × 240 RIM OS HTC Evo 4G BlackBerry Bold 9700 480 x 360 Tablet Endgeräte Auflösung OS iPad, iPad 2 1024 x768 iOS Motorola Xoom 1200 x 800 Android Samsung Galaxy Tab 1024 x 600 Blackberry Playbook RIM OS Dell Streak 800 x 480 Mobile Websites & Apps Dario Müller Folie 10 / 22

11 Mobiles surfen (Technik)
Mobile Websites & Apps Dario Müller Folie 11 / 22

12 Mobiles surfen (Technik)
Kleine Displays Unterschiedliche Auflösungen Kaum Verwendung von Multimedia Probleme mit Flash oder Silverlight Andere Browser Limitierte JavaScript- und CSS-Fähigkeiten Weniger Rechenleistung Keine MouseOver-Effekte Mobile Websites & Apps Dario Müller Folie 12 / 22

13 Mobiles surfen (Benutzung)
„Stöbern“ entfällt Wenig Interesse an Hintergrundinfos Navigieren durch Seiten unterschiedlich Keine Maus, wenig Einsatz der Tastatur Höhere Nutzungskosten (Bandbreite, Zeit) Touch-Gesten Reduzierten Gebrauch von Bild und Text Nutzungskonzept muss angepasst werden Mobile Websites & Apps Dario Müller Folie 13 / 22

14 Fehler bei Umsetzungen
Große Grafiken Seite nur zum Teil sichtbar (horiz. Scrollen) Seite zu lang und unübersichtlich Zu viele Links Navigationstiefe nicht reduziert Viele Farben: Verwirrung möglich Verlinkung auf nicht-mobile-Sites Intros / Videos auf mobilen Websites Mobile Websites & Apps Dario Müller Folie 14 / 22

15 Website & Web-App & native App
App != App Website & Web-App & native App Mobile Websites & Apps Dario Müller Folie 15 / 22

16 Mobile Website Einfache Anpassung an bestehendes CMS
Relativ einfache Planung und Umsetzung Bestehende Struktur erhalten Verwaltung & Änderungen im CMS Stufenweiser Einstieg möglich Mobile Websites & Apps Dario Müller Folie 16 / 22

17 Web-App Plattform- und Geräte-unabhängig
Vertriebskanal AppStore & Android-Market Verwendung von HTML5 & CSS3 Vorteile im Gegensatz zur mobile Website Anbindung einer lokalen Datenbank Multimedia (Video, Audio) ohne Flash Erweitertes Caching & Offline-Nutzung Kamera, GPS, etc. per JavaScript Multi-Touch Mobile Websites & Apps Dario Müller Folie 17 / 22

18 Native App Mehr Performance (Objective C / Java) Einfachere Nutzung
Kalender Kamera GPS Push-Funktion Programmierung nur für ein System Mobile Websites & Apps Dario Müller Folie 18 / 22

19 Dev-Tools Web-Apps Multiplattform-Entwicklung
Unterstützung des Entwicklers Bereitstellung von fertigen Werkzeugen Konzentration auf HTML5, CSS3 & JS-Code Mobile Websites & Apps Dario Müller Folie 19 / 22

20 Emulatoren Man braucht sich nicht jedes Handy kaufen
Testing erfolgt über den PC Läuft unter Win, Mac oder Linux Benötigt den OpenSource-Editor eClipse Läuft nur unter Mac Mobile Websites & Apps Dario Müller Folie 20 / 22

21 Emulatoren Mobile Websites & Apps Dario Müller Folie 21 / 22

22 Schlusswort Zum Schluss bleibt mir nur noch zu sagen. Achtet auf die Ladezeiten eurer mobilen Website & Apps. Verschlaft nicht den Trend. Denn in den mobilen Geräten liegt die Zukunft und man sollte diesen Markt nicht unterschätzen. Mobile Websites & Apps Dario Müller Folie 22 / 22

23 Fragen ?

24 Vielen Dank für Ihre Aufmerksamkeit.


Herunterladen ppt "Eine Präsentation von Dario Müller © 2012"

Ähnliche Präsentationen


Google-Anzeigen