Hochgeladen vonVirtualtrends
Digital Media Night - Responsive Web Design
Der Text beleuchtet die aktuellen Trends und Herausforderungen im responsiven Webdesign, insbesondere im Hinblick auf die Zunahme mobiler Internetnutzung und die Vielzahl an verfügbaren Endgeräten. Es wird betont, dass responsives Design im Vergleich zu separaten mobilen Websites kostspieliger ist, jedoch notwendig wird, um eine optimale Benutzererfahrung zu gewährleisten. Zudem wird auf die sich ständig verändernden Anforderungen durch unterschiedliche Bildschirmgrößen, Betriebssysteme und Internetgeschwindigkeiten hingewiesen.
Digital Media Night - Responsive Web Design
- 1.
- 2. Wo stehen wir? Quelle:http://wallpaperswide.com/road_to_death_valley-wallpapers.html
- 3. Das ist dasWeb. Quelle: http://www.flickr.com/photos/adactio/sets/72157627691092806/with/6153459388/ Quelle: http://www.androidtapp.com/preview-of-lg-google-tv/lg-google-tv/ Quelle: http://www.superiormediasolutions.net/engagement-levels-iphone-vs-ipad-know-thy-user-and-now-know-thy-device/#.UQfPMUpJbAA Quelle: http://bydragonfly.com/ Quelle: http://www.flickr.com/photos/kiwanja/3169447879 http://www.popphoto.com/gear/2012/05/first-video-recorded-google-glasses
- 4. Das ist dasWeb. Quelle: http://www.flickr.com/photos/adactio/sets/72157627691092806/with/6153459388/ Quelle: http://www.androidtapp.com/preview-of-lg-google-tv/lg-google-tv/ Quelle: http://www.superiormediasolutions.net/engagement-levels-iphone-vs-ipad-know-thy-user-and-now-know-thy-device/#.UQfPMUpJbAA Quelle: http://bydragonfly.com/ Quelle: http://www.flickr.com/photos/kiwanja/3169447879 http://www.popphoto.com/gear/2012/05/first-video-recorded-google-glasses
- 5. Das ist dasWeb. Quelle: http://www.flickr.com/photos/adactio/sets/72157627691092806/with/6153459388/ Quelle: http://www.androidtapp.com/preview-of-lg-google-tv/lg-google-tv/ Quelle: http://www.superiormediasolutions.net/engagement-levels-iphone-vs-ipad-know-thy-user-and-now-know-thy-device/#.UQfPMUpJbAA Quelle: http://bydragonfly.com/ Quelle: http://www.flickr.com/photos/kiwanja/3169447879 http://www.popphoto.com/gear/2012/05/first-video-recorded-google-glasses
- 6. Das ist dasWeb. Quelle: http://www.flickr.com/photos/adactio/sets/72157627691092806/with/6153459388/ Quelle: http://www.androidtapp.com/preview-of-lg-google-tv/lg-google-tv/ Quelle: http://www.superiormediasolutions.net/engagement-levels-iphone-vs-ipad-know-thy-user-and-now-know-thy-device/#.UQfPMUpJbAA Quelle: http://bydragonfly.com/ Quelle: http://www.flickr.com/photos/kiwanja/3169447879 http://www.popphoto.com/gear/2012/05/first-video-recorded-google-glasses
- 7. Das ist dasWeb. Quelle: http://www.flickr.com/photos/adactio/sets/72157627691092806/with/6153459388/ Quelle: http://www.androidtapp.com/preview-of-lg-google-tv/lg-google-tv/ Quelle: http://www.superiormediasolutions.net/engagement-levels-iphone-vs-ipad-know-thy-user-and-now-know-thy-device/#.UQfPMUpJbAA Quelle: http://bydragonfly.com/ Quelle: http://www.flickr.com/photos/kiwanja/3169447879 http://www.popphoto.com/gear/2012/05/first-video-recorded-google-glasses
- 8. Das ist dasWeb. Quelle: http://www.flickr.com/photos/adactio/sets/72157627691092806/with/6153459388/ Quelle: http://www.androidtapp.com/preview-of-lg-google-tv/lg-google-tv/ Quelle: http://www.superiormediasolutions.net/engagement-levels-iphone-vs-ipad-know-thy-user-and-now-know-thy-device/#.UQfPMUpJbAA Quelle: http://bydragonfly.com/ Quelle: http://www.flickr.com/photos/kiwanja/3169447879 http://www.popphoto.com/gear/2012/05/first-video-recorded-google-glasses
- 9. 7,0Milliarden die Anzahl derMenschen auf der Welt… laut Prognosen sollen es 2050 dann 9.5 Milliarden Menschen sein Quelle: http://www.internetworldstats.com/stats.htm
- 10. 2,4Milliarden die Anzahl derInternetnutzer auf der ganzen Welt… das sind ~ 35% der Erdbevölkerung und eine Zuwachsrate seit 2000 von > 550% Quelle: http://www.internetworldstats.com/stats.htm
- 11. >1Milliarden die Anzahl vonSmartphones in Nutzung auf der Welt… jedes vierte „Handy“ ist ein Smartphone. Quelle: http://en.wikipedia.org/wiki/List_of_countries_by_number_of_mobile_phones_in_use
- 12. 86% mobiler Internetnutzernutzen ihre mobilen Geräte von zu Hause aus… Kein Hype, sondern ein Bestandteil. Quelle: http://tag.microsoft.com/community/blog/t/the_growth_of_mobile_marketing_and_tagging.aspx
- 13. Der Markt wirdüberschwemmt mit neuen Geräten… Innerhalb von zwei Monaten erschienen diese neuen Geräte:
- 14. 4"-5" Smartphones • AppleiPhone 5 (4" Apple iOS 6.0) • Nokia Lumia 920 (4.5" Microsoft Windows 8) • HTC Windows Phone 8X (4.3" Microsoft Windows 8) • HTC Windows Phone 8S (4.0" Microsoft Windows 8) • Motorola Droid RAZR HD (4.7" Google Android 4.0) • Motorola Droid RAZR M (4.3" Google Android 4.0) • TBD: LG Nexus 4 (4.7" Google Android 4.2) 5"-6" Phone/Tablet Hybrids • Samsung Galaxy Note II (5.5" Google Android 4.0) 7"-8" Tablets • iPad Mini (7.9" Apple iOS 6.0) • Kindle Fire HD (7" Google Android 4.0 modified) • Kindle Fire (7" Google Android 4.0 modified) 20"-30" Desktops • Sony Tap 20 (20" touch screen Microsoft Windows 8) • 21.5-inch iMac (21.5" Apple OSX 10.8) • 27-inch iMac (27" Apple OSX 10.8) 9"-10" Tablets • iPad Gen 4 (9.7" Apple iOS 6.0) • Microsoft Surface Tablet (10.6" Microsoft Windows 8) • Kindle Fire HD (8.9" Google Android 4.0 modified) • Lenovo ThinkPad Tablet 2 (10.1" Microsoft Windows 8) • Acer Iconia Tab W510 (10.1" Microsoft Windows 8) • Dell Latitude 10 (10.1" Microsoft Windows 8) • Dell XPS 10 (10.1" Microsoft Windows 8) • Asus Vivo Tab RT (10.1" Microsoft Windows 8) • TBD: Nexus 10 (10" Google Android 4.2) 11"-17" Laptops & Convertibles (Tablet/Laptop) • 13" MacBook Pro with Retina (13" Apple OSX 10.8) • Lenovo IdeaPad Yoga 13 (13.3" Microsoft Windows 8) • Lenovo ThinkPad Twist (12.5" Microsoft Windows 8) • Toshiba Satellite U925T (12.5" Microsoft Windows 8) • Dell XPS 12 (12.5" Microsoft Windows 8) • Lenovo IdeaTab Lynx (11.6" Microsoft Windows 8) • Samsung ATIV Smart PC 500T/700T (11.6" Microsoft Windows 8) • Acer Iconia W700 (11.6" Microsoft Windows 8) • Sony Vaio Duo 11 (11.6" Microsoft Windows 8) • Samsung Chromebook (11.6" Google Chrome OS)
- 15. Mobile vs. Desktop Quelle:http://tag.microsoft.com/community/blog/t/the_growth_of_mobile_marketing_and_tagging.aspx Internetnutzer(Millionen) 2007 2009 2011 2013 2015 400 800 1200 1600 2000
- 16.
- 17.
- 18. unterschiedlichste Auflösungen verschiedene OS& Browser variierende Geschwindigkeit (LAN, WLAN, GPRS, EDGE, 3G, LTE) unabhängige Orte/Kontexte damit verbunden: Zeit/Kosten
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. Seperate Mobile Website– Responsive Web Design
- 27.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45. Menue Einz Menue Zwei MenueDrei Menue Vier Menue Fünf Menue Sechs Company GmbH Hallo, wir sind das weltweit größte Unternehmen für Demotexte und Demobilder. off-canvas navigation Company GmbH Hallo, wir sind das weltweit größte Unternehmen für Demotexte und Demobilder. Menue Einz Menue Zwei Menue Drei Menue Vier Menue Fünf Menue Sechs dropdown navigation
- 46.
- 47.
- 48. Maus - clickFinger - swipe
- 49.
- 50.
- 51. Wieviel kostet ResponsiveWebdesign? Die Antwort: 13,47€
- 52.
- 53. Fakt ist, ResponsiveDesign kostet mehr…
- 54. Fakt ist, ResponsiveDesign kostet mehr… als nichts zu tun.
- 55. Mobile vs. Desktop Quelle:http://tag.microsoft.com/community/blog/t/the_growth_of_mobile_marketing_and_tagging.aspx Internetnutzer(Millionen) 2007 2009 2011 2013 2015 400 800 1200 1600 2000
- 56. Mobile Welt immer mehrSmartphones & Tablets ~ 2014 mehr mobile Nutzer als Desktop Neue Anforderungen unterschiedliche Auflösung variierende Geschwindigkeiten Anpassungsfähiges Design Website wächst mit Content ist König hochwertiger Inhalt User Experience touch Gestiken gerätespezifische Funktionen
- 57.