SlideShare ist ein Scribd-Unternehmen logo
7.#März#2013#
                                FH#Salzburg#




RESPONSIVE#WEBDESIGN#
Vom#Smartphone#bis#zum#FlatHTV,#meine#
Website#passt!#


                                 Werner#Haring#
            Werner#Haring#|#New#Media#MarkePng#
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?#
7.#März#2013#
                                                                           FH#Salzburg#




Quelle:#h]p://www.wired.com/images_blogs/business/2011/08/jobs1984.jpg#
7.#März#2013#
                                                                                           FH#Salzburg#




                                 ZEITEN#ÄNDERN#SICH#




Quelle:#h]p://trialx.com/curetalk/wpHcontent/blogs.dir/7/files/2012/10/steveHjobsH5.jpg#
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.#




                              Quelle:#Trendone,#Media#EvoluPon#
7.#März#2013#
                                                                                  FH#Salzburg#




                                                        AUS...#




Quelle:#h]p://www.topcoder.com/wpHcontent/uploads/2013/01/mulPple_devices.jpg#
7.#März#2013#
                                                                          FH#Salzburg#




                                                  ...WURDE...#




Quelle:#h]p://www.mirada.tv/wpHcontent/uploads/2012/07/devices_01.png#
7.#März#2013#
                                                               FH#Salzburg#




             UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!#




                     36%''
                     Smartphone'Penetra2on'Q1/12'
Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
7.#März#2013#
                                                               FH#Salzburg#




             UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!#




Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
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#
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#
7.#März#2013#
                                                  FH#Salzburg#




            UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!#




      1/3#EHMails#werden#
      auf#Smartphones#geöffnet.#
      #
Quelle:#m#L2HIntelligenceHReportHMobileH2013,#
7.#März#2013#
                                                                                   FH#Salzburg#




                                              DAS#BEDEUTET:#


 5,4#Mio#Österreicher#>#19#Jahren#
 2,1#Mio#SmartphoneHBesitzer#
 ##
 >860.000'Suchende'im'mobile'Web/Tag!!!'
 '
 Und...#>10%#aller#Websiteaufrufe#weltweit#sind#mobil!#
Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012,#
h]p://mobithinking.com/mobileHmarkePngHtools/latestHmobileHstats/b#mobilepageviews#
7.#März#2013#
                                                               FH#Salzburg#




                                   WO#LIEGT#DAS#PROBLEM?#


 Viele#suchen,#aber#Wenige#bieten#gut#erfassbare##
 InformaPon#an!#
 '
 Ergebnis:''
 Frusta2on'&'viele'verlorene'Kundenkontakte!'


Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
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?#
               #




www.website.at#   tablet.website.at#       m.website.at#
7.#März#2013#
                  FH#Salzburg#




 WAS#KANN#RESPONSIVE#
WEBDESIGN#FÜR#MICH#TUN?#
            #
       www.website.at#
7.#März#2013#
                                                                                                         FH#Salzburg#




                  WAS#MUSS#MEINE#WEBSITE#AM#
                    SMARTPHONE#KÖNNEN?#
                                                                                                            Eigenschaften des Devices nutzen
                                                                                                            (passendes Keyboard für
Ladezeiten minimieren – Lazy-                                                                               Formularfeld, Anruflink, etc.)
loading, nachladen mit jQuery, etc.




                                                                                                            Interaktion ermöglichen – Navigation
Website erreichbar machen (kein                                                                             vs. Scrolling
Flash, Content erkennbar/lesbar
machen, etc.)




 Quelle:#Brad#Frost#frei#nach#Kristofer#Layon#
 h]p://mobile.smashingmagazine.com/2012/08/22/separateHmobileHresponsiveHwebsiteHpresidenPalHsmackdown/##
7.#März#2013#
            FH#Salzburg#




SEITENELEMENTE#
7.#März#2013#
                                    FH#Salzburg#




          DAS#MENÜ#
              Klick auf den Menübutton
              „verschiebt“ das Canvas




Canvas#




               Beispiel:#Facebook#Touch#(h]p://touch.facebook.com)#
7.#März#2013#
                                                                                    FH#Salzburg#




                            OPTIMIERTE#GRAFIKEN#




Quelle:#h]p://www.creaPvegroup.de/blog/wpHcontent/uploads/2012/09/wordpressHhighHresoluPonHrePnaHsupport.jpg#
7.#März#2013#
                                                      FH#Salzburg#




 UND#SO#SIEHT‘S#AUS:#




Quelle:#h]p://aneventapart.com/event/atlantaH2013#
7.#März#2013#
                                                      FH#Salzburg#




Quelle:#h]p://aneventapart.com/event/atlantaH2013#
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#




                   SOWEIT#KANN#DAS#GEHEN...#




Quelle:#h]p://webdesign.maratz.com/lab/responsivetypography/realPme/#
7.#März#2013#
                                                                                         FH#Salzburg#




           VORTEILE#RESPONSIVE#DESIGN#




Quelle:#frei#nach#h]p://googlemobileads.blogspot.co.at/2012/07/mobileHwebsitesHvsHresponsiveHdesign.html#
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#
7.#März#2013#
                                                                                                        FH#Salzburg#




Quelle:#Brad#Frost#frei#nach#Kristofer#Layon#
h]p://mobile.smashingmagazine.com/2012/08/22/separateHmobileHresponsiveHwebsiteHpresidenPalHsmackdown/##
7.#März#2013#
                                 FH#Salzburg#




Mag.'Werner'Haring,'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#
7. März 2013
              FH Salzburg




   WIR DANKEN
UNSEREN SPONSOREN

Weitere ähnliche Inhalte

Andere mochten auch

Rc catalina bedoya
Rc catalina bedoyaRc catalina bedoya
Rc catalina bedoya
Catalina Bedoya
 
130115 stellungnahme gesetzgebungsvorschlag
130115 stellungnahme gesetzgebungsvorschlag130115 stellungnahme gesetzgebungsvorschlag
130115 stellungnahme gesetzgebungsvorschlag
SpruchZ
 
Risa A.C.
Risa A.C.Risa A.C.
Risa A.C.
RedesCemefi
 
Que ves...
Que ves...Que ves...
Weihnachtsgeschichte: Mit Erbsen das Leben leuchten lassen
Weihnachtsgeschichte: Mit Erbsen das Leben leuchten lassenWeihnachtsgeschichte: Mit Erbsen das Leben leuchten lassen
Weihnachtsgeschichte: Mit Erbsen das Leben leuchten lassen
ikamed
 
Webinar Neues von der re:invent 2013 Teil 2: Kinesis, AppStream, WorkSpaces
Webinar Neues von der re:invent 2013 Teil 2: Kinesis, AppStream, WorkSpacesWebinar Neues von der re:invent 2013 Teil 2: Kinesis, AppStream, WorkSpaces
Webinar Neues von der re:invent 2013 Teil 2: Kinesis, AppStream, WorkSpaces
AWS Germany
 
MAC-MAPS 4
MAC-MAPS 4MAC-MAPS 4
MAC-MAPS 4
Sigurda Rosso
 
Resonancia schumann
Resonancia schumannResonancia schumann
Resonancia schumann
Jordi Garrigosa Ayuso
 
Spruchverfahren aktuell (SpruchZ) Nr. 12/2015
Spruchverfahren aktuell (SpruchZ) Nr. 12/2015Spruchverfahren aktuell (SpruchZ) Nr. 12/2015
Spruchverfahren aktuell (SpruchZ) Nr. 12/2015
SpruchZ
 
"Ausflug Basel" sortie 6è printemps 2013
"Ausflug Basel" sortie 6è printemps 2013"Ausflug Basel" sortie 6è printemps 2013
"Ausflug Basel" sortie 6è printemps 2013
Schoelcher
 
Red x la Educación Cemefi (CCAE)
Red x la Educación Cemefi (CCAE)Red x la Educación Cemefi (CCAE)
Red x la Educación Cemefi (CCAE)
RedesCemefi
 
La voz de los graffiteros
La voz de los graffiterosLa voz de los graffiteros
La voz de los graffiteros
gladysyamelicse
 
Presentacioccndeficitfiscalcatala7 04-2010-100415030335-phpapp01 (1)
Presentacioccndeficitfiscalcatala7 04-2010-100415030335-phpapp01 (1)Presentacioccndeficitfiscalcatala7 04-2010-100415030335-phpapp01 (1)
Presentacioccndeficitfiscalcatala7 04-2010-100415030335-phpapp01 (1)
Jordi Garrigosa Ayuso
 
Tema 9 procesos psicológicos basicos
Tema 9 procesos psicológicos basicosTema 9 procesos psicológicos basicos
Tema 9 procesos psicológicos basicos
Jordi Garrigosa Ayuso
 
Urheberrecht vz th faju13
Urheberrecht vz th faju13Urheberrecht vz th faju13
Urheberrecht vz th faju13
evjugendekm
 
Sigmund freud el malestar en la cultura
Sigmund freud   el malestar en la culturaSigmund freud   el malestar en la cultura
Sigmund freud el malestar en la cultura
Jordi Garrigosa Ayuso
 
Neue über meine heimat bei Udval Ganbold
Neue über meine heimat  bei Udval GanboldNeue über meine heimat  bei Udval Ganbold
Neue über meine heimat bei Udval Ganbold
Bolormaa Terbisch
 

Andere mochten auch (20)

Rc catalina bedoya
Rc catalina bedoyaRc catalina bedoya
Rc catalina bedoya
 
18 eixelsberger dachli ogd -
18 eixelsberger dachli ogd - 18 eixelsberger dachli ogd -
18 eixelsberger dachli ogd -
 
130115 stellungnahme gesetzgebungsvorschlag
130115 stellungnahme gesetzgebungsvorschlag130115 stellungnahme gesetzgebungsvorschlag
130115 stellungnahme gesetzgebungsvorschlag
 
Risa A.C.
Risa A.C.Risa A.C.
Risa A.C.
 
Que ves...
Que ves...Que ves...
Que ves...
 
Weihnachtsgeschichte: Mit Erbsen das Leben leuchten lassen
Weihnachtsgeschichte: Mit Erbsen das Leben leuchten lassenWeihnachtsgeschichte: Mit Erbsen das Leben leuchten lassen
Weihnachtsgeschichte: Mit Erbsen das Leben leuchten lassen
 
Webinar Neues von der re:invent 2013 Teil 2: Kinesis, AppStream, WorkSpaces
Webinar Neues von der re:invent 2013 Teil 2: Kinesis, AppStream, WorkSpacesWebinar Neues von der re:invent 2013 Teil 2: Kinesis, AppStream, WorkSpaces
Webinar Neues von der re:invent 2013 Teil 2: Kinesis, AppStream, WorkSpaces
 
MAC-MAPS 4
MAC-MAPS 4MAC-MAPS 4
MAC-MAPS 4
 
Resonancia schumann
Resonancia schumannResonancia schumann
Resonancia schumann
 
Spruchverfahren aktuell (SpruchZ) Nr. 12/2015
Spruchverfahren aktuell (SpruchZ) Nr. 12/2015Spruchverfahren aktuell (SpruchZ) Nr. 12/2015
Spruchverfahren aktuell (SpruchZ) Nr. 12/2015
 
"Ausflug Basel" sortie 6è printemps 2013
"Ausflug Basel" sortie 6è printemps 2013"Ausflug Basel" sortie 6è printemps 2013
"Ausflug Basel" sortie 6è printemps 2013
 
Red x la Educación Cemefi (CCAE)
Red x la Educación Cemefi (CCAE)Red x la Educación Cemefi (CCAE)
Red x la Educación Cemefi (CCAE)
 
Herbari digital
Herbari digitalHerbari digital
Herbari digital
 
La voz de los graffiteros
La voz de los graffiterosLa voz de los graffiteros
La voz de los graffiteros
 
Presentacioccndeficitfiscalcatala7 04-2010-100415030335-phpapp01 (1)
Presentacioccndeficitfiscalcatala7 04-2010-100415030335-phpapp01 (1)Presentacioccndeficitfiscalcatala7 04-2010-100415030335-phpapp01 (1)
Presentacioccndeficitfiscalcatala7 04-2010-100415030335-phpapp01 (1)
 
Tema 9 procesos psicológicos basicos
Tema 9 procesos psicológicos basicosTema 9 procesos psicológicos basicos
Tema 9 procesos psicológicos basicos
 
Urheberrecht vz th faju13
Urheberrecht vz th faju13Urheberrecht vz th faju13
Urheberrecht vz th faju13
 
Abrazoespecia lpps
Abrazoespecia lppsAbrazoespecia lpps
Abrazoespecia lpps
 
Sigmund freud el malestar en la cultura
Sigmund freud   el malestar en la culturaSigmund freud   el malestar en la cultura
Sigmund freud el malestar en la cultura
 
Neue über meine heimat bei Udval Ganbold
Neue über meine heimat  bei Udval GanboldNeue über meine heimat  bei Udval Ganbold
Neue über meine heimat bei Udval Ganbold
 

Mehr von eDay Salzburg

eday 2014-Essentials zur Ernährung
eday 2014-Essentials zur Ernährungeday 2014-Essentials zur Ernährung
eday 2014-Essentials zur Ernährung
eDay Salzburg
 
E day 2014_searchandising_heimbeck
E day 2014_searchandising_heimbeckE day 2014_searchandising_heimbeck
E day 2014_searchandising_heimbeck
eDay Salzburg
 
E day 2014_open_source-erp_für_km_us_hehenwarter
E day 2014_open_source-erp_für_km_us_hehenwarterE day 2014_open_source-erp_für_km_us_hehenwarter
E day 2014_open_source-erp_für_km_us_hehenwarter
eDay Salzburg
 
E day 2014_online_termine_vereinbaren_terminscout_andexer
E day 2014_online_termine_vereinbaren_terminscout_andexerE day 2014_online_termine_vereinbaren_terminscout_andexer
E day 2014_online_termine_vereinbaren_terminscout_andexer
eDay Salzburg
 
E day 2014_nutzen_anbieterunabhängiger_software_erp_sturm
E day 2014_nutzen_anbieterunabhängiger_software_erp_sturmE day 2014_nutzen_anbieterunabhängiger_software_erp_sturm
E day 2014_nutzen_anbieterunabhängiger_software_erp_sturm
eDay Salzburg
 
E day 2014_die_professionelle_firmenwebsite_weitgasser
E day 2014_die_professionelle_firmenwebsite_weitgasserE day 2014_die_professionelle_firmenwebsite_weitgasser
E day 2014_die_professionelle_firmenwebsite_weitgasser
eDay Salzburg
 
E day 2014_1x1_des_e-mail-marketing_meiche
E day 2014_1x1_des_e-mail-marketing_meicheE day 2014_1x1_des_e-mail-marketing_meiche
E day 2014_1x1_des_e-mail-marketing_meiche
eDay Salzburg
 
E day 2014_suchmaschinenmarketing_rafelsberger
E day 2014_suchmaschinenmarketing_rafelsbergerE day 2014_suchmaschinenmarketing_rafelsberger
E day 2014_suchmaschinenmarketing_rafelsberger
eDay Salzburg
 
Was ist SEO?
Was ist SEO?Was ist SEO?
Was ist SEO?
eDay Salzburg
 
Erfolgreiches Online-Marketing im Mittelstand
Erfolgreiches Online-Marketing im MittelstandErfolgreiches Online-Marketing im Mittelstand
Erfolgreiches Online-Marketing im Mittelstand
eDay Salzburg
 
Umsatz vervielfachen mit Suchmaschinenoptimierung - so geht´s
Umsatz vervielfachen mit Suchmaschinenoptimierung - so geht´sUmsatz vervielfachen mit Suchmaschinenoptimierung - so geht´s
Umsatz vervielfachen mit Suchmaschinenoptimierung - so geht´s
eDay Salzburg
 
Die Entwicklung individueller Business-Lösungen mit FileMaker
Die Entwicklung individueller Business-Lösungen mit FileMakerDie Entwicklung individueller Business-Lösungen mit FileMaker
Die Entwicklung individueller Business-Lösungen mit FileMaker
eDay Salzburg
 

Mehr von eDay Salzburg (12)

eday 2014-Essentials zur Ernährung
eday 2014-Essentials zur Ernährungeday 2014-Essentials zur Ernährung
eday 2014-Essentials zur Ernährung
 
E day 2014_searchandising_heimbeck
E day 2014_searchandising_heimbeckE day 2014_searchandising_heimbeck
E day 2014_searchandising_heimbeck
 
E day 2014_open_source-erp_für_km_us_hehenwarter
E day 2014_open_source-erp_für_km_us_hehenwarterE day 2014_open_source-erp_für_km_us_hehenwarter
E day 2014_open_source-erp_für_km_us_hehenwarter
 
E day 2014_online_termine_vereinbaren_terminscout_andexer
E day 2014_online_termine_vereinbaren_terminscout_andexerE day 2014_online_termine_vereinbaren_terminscout_andexer
E day 2014_online_termine_vereinbaren_terminscout_andexer
 
E day 2014_nutzen_anbieterunabhängiger_software_erp_sturm
E day 2014_nutzen_anbieterunabhängiger_software_erp_sturmE day 2014_nutzen_anbieterunabhängiger_software_erp_sturm
E day 2014_nutzen_anbieterunabhängiger_software_erp_sturm
 
E day 2014_die_professionelle_firmenwebsite_weitgasser
E day 2014_die_professionelle_firmenwebsite_weitgasserE day 2014_die_professionelle_firmenwebsite_weitgasser
E day 2014_die_professionelle_firmenwebsite_weitgasser
 
E day 2014_1x1_des_e-mail-marketing_meiche
E day 2014_1x1_des_e-mail-marketing_meicheE day 2014_1x1_des_e-mail-marketing_meiche
E day 2014_1x1_des_e-mail-marketing_meiche
 
E day 2014_suchmaschinenmarketing_rafelsberger
E day 2014_suchmaschinenmarketing_rafelsbergerE day 2014_suchmaschinenmarketing_rafelsberger
E day 2014_suchmaschinenmarketing_rafelsberger
 
Was ist SEO?
Was ist SEO?Was ist SEO?
Was ist SEO?
 
Erfolgreiches Online-Marketing im Mittelstand
Erfolgreiches Online-Marketing im MittelstandErfolgreiches Online-Marketing im Mittelstand
Erfolgreiches Online-Marketing im Mittelstand
 
Umsatz vervielfachen mit Suchmaschinenoptimierung - so geht´s
Umsatz vervielfachen mit Suchmaschinenoptimierung - so geht´sUmsatz vervielfachen mit Suchmaschinenoptimierung - so geht´s
Umsatz vervielfachen mit Suchmaschinenoptimierung - so geht´s
 
Die Entwicklung individueller Business-Lösungen mit FileMaker
Die Entwicklung individueller Business-Lösungen mit FileMakerDie Entwicklung individueller Business-Lösungen mit FileMaker
Die Entwicklung individueller Business-Lösungen mit FileMaker
 

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

  • 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. 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. 7.#März#2013# FH#Salzburg# Quelle:#h]p://www.wired.com/images_blogs/business/2011/08/jobs1984.jpg#
  • 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. 7.#März#2013# FH#Salzburg# Quelle:#Trendone,#Media#EvoluPon#
  • 6. 7.#März#2013# FH#Salzburg# Quelle:#Trendone,#Media#EvoluPon#
  • 7. 7.#März#2013# FH#Salzburg# Quelle:#Trendone,#Media#EvoluPon#
  • 8. 7.#März#2013# FH#Salzburg# DIGITALE#KOMMUNIKATION#IST#MOBIL#&# INFORMATION#IST#INTERAKTION.# Quelle:#Trendone,#Media#EvoluPon#
  • 9. 7.#März#2013# FH#Salzburg# AUS...# Quelle:#h]p://www.topcoder.com/wpHcontent/uploads/2013/01/mulPple_devices.jpg#
  • 10. 7.#März#2013# FH#Salzburg# ...WURDE...# Quelle:#h]p://www.mirada.tv/wpHcontent/uploads/2012/07/devices_01.png#
  • 11. 7.#März#2013# FH#Salzburg# UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!# 36%'' Smartphone'Penetra2on'Q1/12' Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
  • 12. 7.#März#2013# FH#Salzburg# UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!# Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
  • 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. 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. 7.#März#2013# FH#Salzburg# UNSERE#ZUKUNFT#GEGENWART#IST#MOBIL!# 1/3#EHMails#werden# auf#Smartphones#geöffnet.# # Quelle:#m#L2HIntelligenceHReportHMobileH2013,#
  • 16. 7.#März#2013# FH#Salzburg# DAS#BEDEUTET:# 5,4#Mio#Österreicher#>#19#Jahren# 2,1#Mio#SmartphoneHBesitzer# ## >860.000'Suchende'im'mobile'Web/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. 7.#März#2013# FH#Salzburg# WO#LIEGT#DAS#PROBLEM?# Viele#suchen,#aber#Wenige#bieten#gut#erfassbare## InformaPon#an!# ' Ergebnis:'' Frusta2on'&'viele'verlorene'Kundenkontakte!' Quelle:#Google,#Unser#mobiler#Planet:#Österreich,#Mai#2012#
  • 18. 7.#März#2013# FH#Salzburg# BEISPIEL:#„MALER#SALZBURG“#
  • 19. 7.#März#2013# FH#Salzburg# BEISPIEL:#„MALER#SALZBURG“#
  • 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. 7.#März#2013# FH#Salzburg# WAS#KANN#RESPONSIVE# WEBDESIGN#FÜR#MICH#TUN?# # www.website.at#
  • 23. 7.#März#2013# FH#Salzburg# WAS#MUSS#MEINE#WEBSITE#AM# SMARTPHONE#KÖNNEN?# Eigenschaften des Devices nutzen (passendes Keyboard für Ladezeiten minimieren – Lazy- Formularfeld, Anruflink, etc.) loading, nachladen mit jQuery, etc. Interaktion ermöglichen – Navigation Website erreichbar machen (kein vs. Scrolling Flash, Content erkennbar/lesbar machen, etc.) Quelle:#Brad#Frost#frei#nach#Kristofer#Layon# h]p://mobile.smashingmagazine.com/2012/08/22/separateHmobileHresponsiveHwebsiteHpresidenPalHsmackdown/##
  • 24. 7.#März#2013# FH#Salzburg# SEITENELEMENTE#
  • 25. 7.#März#2013# FH#Salzburg# DAS#MENÜ# Klick auf den Menübutton „verschiebt“ das Canvas Canvas# Beispiel:#Facebook#Touch#(h]p://touch.facebook.com)#
  • 26. 7.#März#2013# FH#Salzburg# OPTIMIERTE#GRAFIKEN# Quelle:#h]p://www.creaPvegroup.de/blog/wpHcontent/uploads/2012/09/wordpressHhighHresoluPonHrePnaHsupport.jpg#
  • 27. 7.#März#2013# FH#Salzburg# UND#SO#SIEHT‘S#AUS:# Quelle:#h]p://aneventapart.com/event/atlantaH2013#
  • 28. 7.#März#2013# FH#Salzburg# Quelle:#h]p://aneventapart.com/event/atlantaH2013#
  • 29. 7.#März#2013# FH#Salzburg# Quelle:#h]ps://status.heroku.com/#
  • 30. 7.#März#2013# FH#Salzburg# Quelle:#h]ps://status.heroku.com/#
  • 31. 7.#März#2013# FH#Salzburg# Quelle:#h]p://parke]Hgassner.at#
  • 32. 7.#März#2013# FH#Salzburg# Quelle:#h]p://parke]Hgassner.at#
  • 33. 7.#März#2013# FH#Salzburg# SOWEIT#KANN#DAS#GEHEN...# Quelle:#h]p://webdesign.maratz.com/lab/responsivetypography/realPme/#
  • 34. 7.#März#2013# FH#Salzburg# VORTEILE#RESPONSIVE#DESIGN# Quelle:#frei#nach#h]p://googlemobileads.blogspot.co.at/2012/07/mobileHwebsitesHvsHresponsiveHdesign.html#
  • 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. 7.#März#2013# FH#Salzburg# Quelle:#Brad#Frost#frei#nach#Kristofer#Layon# h]p://mobile.smashingmagazine.com/2012/08/22/separateHmobileHresponsiveHwebsiteHpresidenPalHsmackdown/##
  • 37. 7.#März#2013# FH#Salzburg# Mag.'Werner'Haring,'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. 7. März 2013 FH Salzburg WIR DANKEN UNSEREN SPONSOREN