O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
7.#März#2013#                                FH#Salzburg#RESPONSIVE#WEBDESIGN#Vom#Smartphone#bis#zum#FlatHTV,#meine#Websit...
7.#März#2013#                                   FH#Salzburg#                     AGENDA#•    Unsere#ZukunT#Gegenwart#ist#m...
7.#März#2013#                                                                           FH#Salzburg#Quelle:#h]p://www.wire...
7.#März#2013#                                                                                           FH#Salzburg#      ...
7.#März#2013# FH#Salzburg#       Quelle:#Trendone,#Media#EvoluPon#
7.#März#2013# FH#Salzburg#       Quelle:#Trendone,#Media#EvoluPon#
7.#März#2013# FH#Salzburg#       Quelle:#Trendone,#Media#EvoluPon#
7.#März#2013#                        FH#Salzburg#DIGITALE#KOMMUNIKATION#IST#MOBIL#&#    INFORMATION#IST#INTERAKTION.#     ...
7.#März#2013#                                                                                  FH#Salzburg#               ...
7.#März#2013#                                                                          FH#Salzburg#                       ...
7.#März#2013#                                                               FH#Salzburg#             UNSERE#ZUKUNFT#GEGENW...
7.#März#2013#                                                               FH#Salzburg#             UNSERE#ZUKUNFT#GEGENW...
7.#März#2013#                                                               FH#Salzburg#             UNSERE#ZUKUNFT#GEGENW...
7.#März#2013#                                                               FH#Salzburg#             UNSERE#ZUKUNFT#GEGENW...
7.#März#2013#                                                  FH#Salzburg#            UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!...
7.#März#2013#                                                                                   FH#Salzburg#              ...
7.#März#2013#                                                               FH#Salzburg#                                  ...
7.#März#2013#                    FH#Salzburg#BEISPIEL:#„MALER#SALZBURG“#
7.#März#2013#                    FH#Salzburg#BEISPIEL:#„MALER#SALZBURG“#
7.#März#2013# FH#Salzburg#
7.#März#2013#                                FH#Salzburg#     WAS#KANN#RESPONSIVE#    WEBDESIGN#FÜR#MICH#TUN?#            ...
7.#März#2013#                  FH#Salzburg# WAS#KANN#RESPONSIVE#WEBDESIGN#FÜR#MICH#TUN?#            #       www.website.at#
7.#März#2013#                                                                                                         FH#S...
7.#März#2013#            FH#Salzburg#SEITENELEMENTE#
7.#März#2013#                                    FH#Salzburg#          DAS#MENÜ#              Klick auf den Menübutton    ...
7.#März#2013#                                                                                    FH#Salzburg#             ...
7.#März#2013#                                                      FH#Salzburg# UND#SO#SIEHT‘S#AUS:#Quelle:#h]p://aneventa...
7.#März#2013#                                                      FH#Salzburg#Quelle:#h]p://aneventapart.com/event/atlant...
7.#März#2013#                                      FH#Salzburg#Quelle:#h]ps://status.heroku.com/#
7.#März#2013#                                      FH#Salzburg#Quelle:#h]ps://status.heroku.com/#
7.#März#2013#                                    FH#Salzburg#Quelle:#h]p://parke]Hgassner.at#
7.#März#2013#                                    FH#Salzburg#Quelle:#h]p://parke]Hgassner.at#
7.#März#2013#                                                                         FH#Salzburg#                   SOWEI...
7.#März#2013#                                                                                         FH#Salzburg#        ...
7.#März#2013#                                                        FH#Salzburg#              WO#GEHT‘S#MOBIL#HIN?#     M...
7.#März#2013#                                                                                                        FH#Sa...
7.#März#2013#                                 FH#Salzburg#Mag.WernerHaring,BSc#+43#660#427#46#49#office@wernerharing.at#www....
7. März 2013              FH Salzburg   WIR DANKENUNSEREN SPONSOREN
Próximos SlideShares
Carregando em…5
×

Responsive Webdesign - Vom Smartphone bis zum Flat-TV, meine Webseite passt

907 visualizações

Publicada em

„Unsere Website ist für eine Bildschirmauflösung von 1024 x 768 Pixel optimiert.“

Diese oft auf Homepages zu lesenden Worte gehören der Vergangenheit an! Verschiedene Bildschirmgrößen und die Unterschiedlichkeit von Geräten mit Internetzugang stellen komplett neue Anforderungen an Ihre Website. Ihre Kunden und Partner surfen unterwegs auf dem Smartphone oder informieren sich auf der Wohnzimmer-Couch per Tablet-PC oder über den integrierten Browser Ihres Flachbildfernsehers, über das Angebot und die Produkte Ihres Unternehmens.

In dieser Session möchte ich Ihnen zeigen auf welche Rahmenbedingungen Sie sich einlassen müssen und wie Response Webdesign es möglich macht mit nur einer Website optimal auf die unterschiedlichsten Geräte vorbereitet zu sein.

  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Responsive Webdesign - Vom Smartphone bis zum Flat-TV, meine Webseite passt

  1. 1. 7.#März#2013# FH#Salzburg#RESPONSIVE#WEBDESIGN#Vom#Smartphone#bis#zum#FlatHTV,#meine#Website#passt!# Werner#Haring# Werner#Haring#|#New#Media#MarkePng#
  2. 2. 7.#März#2013# FH#Salzburg# AGENDA#•  Unsere#ZukunT#Gegenwart#ist#mobil!#•  Wo#liegt#das#Problem?#•  Was#kann#Responsive#Webdesign#für#mich#tun?#•  Wie#kann#das#aussehen?#•  Wie#geht‘s#weiter?#
  3. 3. 7.#März#2013# FH#Salzburg#Quelle:#h]p://www.wired.com/images_blogs/business/2011/08/jobs1984.jpg#
  4. 4. 7.#März#2013# FH#Salzburg# ZEITEN#ÄNDERN#SICH#Quelle:#h]p://trialx.com/curetalk/wpHcontent/blogs.dir/7/files/2012/10/steveHjobsH5.jpg#
  5. 5. 7.#März#2013# FH#Salzburg# Quelle:#Trendone,#Media#EvoluPon#
  6. 6. 7.#März#2013# FH#Salzburg# Quelle:#Trendone,#Media#EvoluPon#
  7. 7. 7.#März#2013# FH#Salzburg# Quelle:#Trendone,#Media#EvoluPon#
  8. 8. 7.#März#2013# FH#Salzburg#DIGITALE#KOMMUNIKATION#IST#MOBIL#&# INFORMATION#IST#INTERAKTION.# Quelle:#Trendone,#Media#EvoluPon#
  9. 9. 7.#März#2013# FH#Salzburg# AUS...#Quelle:#h]p://www.topcoder.com/wpHcontent/uploads/2013/01/mulPple_devices.jpg#
  10. 10. 7.#März#2013# FH#Salzburg# ...WURDE...#Quelle:#h]p://www.mirada.tv/wpHcontent/uploads/2012/07/devices_01.png#
  11. 11. 7.#März#2013# FH#Salzburg# UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!# 36% SmartphonePenetra2onQ1/12Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
  12. 12. 7.#März#2013# FH#Salzburg# UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!#Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
  13. 13. 7.#März#2013# FH#Salzburg# UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!# 24%#würden#eher#auf## Ihren#Fernseher#verzichten## als#auf#ihr#Smartphone.#Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
  14. 14. 7.#März#2013# FH#Salzburg# UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!# 41%#suchen#täglich#mit## ihrem#Smartphone.# # 58%#davon#suchen# ProdukPnfos#(danach#Restaurant,#Reisen,#etc.)#Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
  15. 15. 7.#März#2013# FH#Salzburg# UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!# 1/3#EHMails#werden# auf#Smartphones#geöffnet.# #Quelle:#m#L2HIntelligenceHReportHMobileH2013,#
  16. 16. 7.#März#2013# FH#Salzburg# DAS#BEDEUTET:# 5,4#Mio#Österreicher#>#19#Jahren# 2,1#Mio#SmartphoneHBesitzer# ## >860.000SuchendeimmobileWeb/Tag!!! Und...#>10%#aller#Websiteaufrufe#weltweit#sind#mobil!#Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012,#h]p://mobithinking.com/mobileHmarkePngHtools/latestHmobileHstats/b#mobilepageviews#
  17. 17. 7.#März#2013# FH#Salzburg# WO#LIEGT#DAS#PROBLEM?# Viele#suchen,#aber#Wenige#bieten#gut#erfassbare## InformaPon#an!# Ergebnis: Frusta2on&vieleverloreneKundenkontakte!Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
  18. 18. 7.#März#2013# FH#Salzburg#BEISPIEL:#„MALER#SALZBURG“#
  19. 19. 7.#März#2013# FH#Salzburg#BEISPIEL:#„MALER#SALZBURG“#
  20. 20. 7.#März#2013# FH#Salzburg#
  21. 21. 7.#März#2013# FH#Salzburg# WAS#KANN#RESPONSIVE# WEBDESIGN#FÜR#MICH#TUN?# #www.website.at# tablet.website.at# m.website.at#
  22. 22. 7.#März#2013# FH#Salzburg# WAS#KANN#RESPONSIVE#WEBDESIGN#FÜR#MICH#TUN?# # www.website.at#
  23. 23. 7.#März#2013# FH#Salzburg# WAS#MUSS#MEINE#WEBSITE#AM# SMARTPHONE#KÖNNEN?# Eigenschaften des Devices nutzen (passendes Keyboard fürLadezeiten minimieren – Lazy- Formularfeld, Anruflink, etc.)loading, nachladen mit jQuery, etc. Interaktion ermöglichen – NavigationWebsite erreichbar machen (kein vs. ScrollingFlash, Content erkennbar/lesbarmachen, etc.) Quelle:#Brad#Frost#frei#nach#Kristofer#Layon# h]p://mobile.smashingmagazine.com/2012/08/22/separateHmobileHresponsiveHwebsiteHpresidenPalHsmackdown/##
  24. 24. 7.#März#2013# FH#Salzburg#SEITENELEMENTE#
  25. 25. 7.#März#2013# FH#Salzburg# DAS#MENÜ# Klick auf den Menübutton „verschiebt“ das CanvasCanvas# Beispiel:#Facebook#Touch#(h]p://touch.facebook.com)#
  26. 26. 7.#März#2013# FH#Salzburg# OPTIMIERTE#GRAFIKEN#Quelle:#h]p://www.creaPvegroup.de/blog/wpHcontent/uploads/2012/09/wordpressHhighHresoluPonHrePnaHsupport.jpg#
  27. 27. 7.#März#2013# FH#Salzburg# UND#SO#SIEHT‘S#AUS:#Quelle:#h]p://aneventapart.com/event/atlantaH2013#
  28. 28. 7.#März#2013# FH#Salzburg#Quelle:#h]p://aneventapart.com/event/atlantaH2013#
  29. 29. 7.#März#2013# FH#Salzburg#Quelle:#h]ps://status.heroku.com/#
  30. 30. 7.#März#2013# FH#Salzburg#Quelle:#h]ps://status.heroku.com/#
  31. 31. 7.#März#2013# FH#Salzburg#Quelle:#h]p://parke]Hgassner.at#
  32. 32. 7.#März#2013# FH#Salzburg#Quelle:#h]p://parke]Hgassner.at#
  33. 33. 7.#März#2013# FH#Salzburg# SOWEIT#KANN#DAS#GEHEN...#Quelle:#h]p://webdesign.maratz.com/lab/responsivetypography/realPme/#
  34. 34. 7.#März#2013# FH#Salzburg# VORTEILE#RESPONSIVE#DESIGN#Quelle:#frei#nach#h]p://googlemobileads.blogspot.co.at/2012/07/mobileHwebsitesHvsHresponsiveHdesign.html#
  35. 35. 7.#März#2013# FH#Salzburg# WO#GEHT‘S#MOBIL#HIN?# Mit#Ende#2013#werden#weltweit#54%#aller#Handys# Smartphones#sein#=#ca.#3,5#Mrd.#Smartphones# # 16%#aller#österreichischen#Smartphone#Nutzer#die#jetzt#schon# das#Internet#nutzen#wollen#in#den#nächsten#12#Monaten#mobil# einkaufen# # # # #Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012,#h]p://mobithinking.com/mobileHmarkePngHtools/latestHmobileHstats/a#subscribers#
  36. 36. 7.#März#2013# FH#Salzburg#Quelle:#Brad#Frost#frei#nach#Kristofer#Layon#h]p://mobile.smashingmagazine.com/2012/08/22/separateHmobileHresponsiveHwebsiteHpresidenPalHsmackdown/##
  37. 37. 7.#März#2013# FH#Salzburg#Mag.WernerHaring,BSc#+43#660#427#46#49#office@wernerharing.at#www.wernerharing.at##h]p://www.facebook.com/haringwerner#h]p://www.twi]er.com/wernerharing#
  38. 38. 7. März 2013 FH Salzburg WIR DANKENUNSEREN SPONSOREN

×