pentia - responsive design
DESCRIPTION
Præsentation fra morgenmøde d. 9. maj 2012 hos Pentia.TRANSCRIPT
![Page 1: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/1.jpg)
RESPONSIVE DESIGN Hvordan ser dit website ud på en smartphone?
![Page 2: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/2.jpg)
HVORFOR RESPONSIVE DESIGN?
Fakta • App’s hypen er aftagende.
• Det verdensomspændende salg af smartphones overstiger nu antallet af solgte PC’ere.
• Eksperter forudser at i slutning af 2012 kommer 30-40% af internettrafik via smartphones og tablets.
Med andre ord…
![Page 3: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/3.jpg)
HVOR ER BRUGERNE?
![Page 4: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/4.jpg)
ALLE VEGNE, ALLE DEVICES, HELE TIDEN
![Page 5: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/5.jpg)
SITECORE SPECIALISTER MED FORRETNINGSFORSTÅELSE
Markedets bedste kundetilpassede digitale løsninger baseret på Sitecore
Vi forstår også din forretning og har fokus på løsninger, som løfter forretningen og letter arbejdsgange.
Digital
Strategi
Design og IA
Udvikling og
Integration
Service og
Support
Projektledelse
Customer
Engagement
Pentia Professionel Service
Ekspertrådgivning
![Page 6: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/6.jpg)
PROGRAM
08.45-09.15 Morgenmad og velkommen
09.15-10.00 Et indblik i Responsive Design
10.00-10.15 Pause
10.15-10.55 Rejsekort.dk fortæller om deres brug af Responsive Design
10.55-11.00 Afrunding
![Page 7: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/7.jpg)
RESPONSIVE DESIGN Hvordan ser dit website ud på en smartphone?
Et indblik i Responsive Design
![Page 8: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/8.jpg)
Kan dit website overleve Pantheon?
![Page 9: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/9.jpg)
HVAD ER RWD?
Et design, der tilpasser sig forskellige skærmstørrelser – defineret af skærmopløsning.
![Page 10: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/10.jpg)
![Page 11: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/11.jpg)
![Page 12: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/12.jpg)
![Page 13: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/13.jpg)
![Page 14: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/14.jpg)
![Page 15: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/15.jpg)
Fincancial Times, 2011
![Page 16: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/16.jpg)
![Page 17: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/17.jpg)
![Page 18: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/18.jpg)
ELLER …
![Page 19: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/19.jpg)
Udnyt hardware App Store Meget specifik Push-beskeder Meget specfikke devices
![Page 20: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/20.jpg)
![Page 21: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/21.jpg)
![Page 22: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/22.jpg)
Udvalgt indhold Særlig målgruppe Særlig brug Mobile devices
![Page 23: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/23.jpg)
![Page 24: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/24.jpg)
![Page 25: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/25.jpg)
• Udnytter ikke mobilens hardware • Ikke begrænset målgruppe • Ikke task-specifik
![Page 26: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/26.jpg)
![Page 27: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/27.jpg)
Udvalgt indhold Særlig målgruppe Særlig brug Mobile devices
![Page 28: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/28.jpg)
Samme indhold Samme målgruppe Samme brug Alle devices
![Page 29: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/29.jpg)
![Page 30: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/30.jpg)
![Page 31: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/31.jpg)
Effektivitet Virkelighed
Fleksibilitet
RWD
![Page 32: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/32.jpg)
![Page 33: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/33.jpg)
Sitecore
Data
Præsentation
Sitecore
Data
Præsentation
Sitecore
Data
Præsentation
![Page 34: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/34.jpg)
IA-UDFORDRINGER
… samme kat. Mindre kasse.
![Page 35: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/35.jpg)
![Page 36: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/36.jpg)
”En bruger googler sig frem til vores side om … ”
![Page 37: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/37.jpg)
www.mitwebsite.dk
![Page 38: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/38.jpg)
www.mitwebsite.dk
![Page 39: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/39.jpg)
![Page 40: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/40.jpg)
ORGANISATORISK ANSVAR
• Webstrategien udstikker ansvar
• Har redaktøren mandat til at prioritere?
![Page 41: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/41.jpg)
RESPONSIVE DESIGN Hvordan ser dit website ud på en smartphone?
Hvad gør vi i praksis?
![Page 42: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/42.jpg)
![Page 43: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/43.jpg)
![Page 44: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/44.jpg)
![Page 45: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/45.jpg)
![Page 46: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/46.jpg)
![Page 47: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/47.jpg)
![Page 48: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/48.jpg)
![Page 49: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/49.jpg)
![Page 50: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/50.jpg)
![Page 51: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/51.jpg)
![Page 52: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/52.jpg)
![Page 56: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/56.jpg)
![Page 57: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/57.jpg)
![Page 58: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/58.jpg)
![Page 59: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/59.jpg)
![Page 60: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/60.jpg)
![Page 61: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/61.jpg)
![Page 62: Pentia - Responsive Design](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5493580cb479597e6a8b5b23/html5/thumbnails/62.jpg)