62
RESPONSIVE DESIGN Hvordan ser dit website ud på en smartphone?

Pentia morgenmøde responsive design

Embed Size (px)

DESCRIPTION

Pentia morgenmøde om Responsive Design d. 9. maj 2012

Citation preview

Page 1: Pentia morgenmøde responsive design

RESPONSIVE DESIGN Hvordan ser dit website ud på en smartphone?

Page 2: Pentia morgenmøde responsive design

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 morgenmøde responsive design

HVOR ER BRUGERNE?

Page 4: Pentia morgenmøde responsive design

ALLE VEGNE, ALLE DEVICES, HELE TIDEN

Page 5: Pentia morgenmøde responsive design

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 morgenmøde responsive design

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 morgenmøde responsive design

RESPONSIVE DESIGN Hvordan ser dit website ud på en smartphone?

Et indblik i Responsive Design

Page 8: Pentia morgenmøde responsive design

Kan dit website overleve Pantheon?

Page 9: Pentia morgenmøde responsive design

HVAD ER RWD?

Et design, der tilpasser sig forskellige skærmstørrelser – defineret af skærmopløsning.

Page 10: Pentia morgenmøde responsive design
Page 11: Pentia morgenmøde responsive design
Page 12: Pentia morgenmøde responsive design
Page 13: Pentia morgenmøde responsive design
Page 14: Pentia morgenmøde responsive design
Page 15: Pentia morgenmøde responsive design

Fincancial Times, 2011

Page 16: Pentia morgenmøde responsive design
Page 17: Pentia morgenmøde responsive design
Page 18: Pentia morgenmøde responsive design

ELLER …

Page 19: Pentia morgenmøde responsive design

Udnyt hardware App Store Meget specifik Push-beskeder Meget specfikke devices

Page 20: Pentia morgenmøde responsive design
Page 21: Pentia morgenmøde responsive design
Page 22: Pentia morgenmøde responsive design

Udvalgt indhold Særlig målgruppe Særlig brug Mobile devices

Page 23: Pentia morgenmøde responsive design
Page 24: Pentia morgenmøde responsive design
Page 25: Pentia morgenmøde responsive design

• Udnytter ikke mobilens hardware • Ikke begrænset målgruppe • Ikke task-specifik

Page 26: Pentia morgenmøde responsive design
Page 27: Pentia morgenmøde responsive design

Udvalgt indhold Særlig målgruppe Særlig brug Mobile devices

Page 28: Pentia morgenmøde responsive design

Samme indhold Samme målgruppe Samme brug Alle devices

Page 29: Pentia morgenmøde responsive design
Page 30: Pentia morgenmøde responsive design
Page 31: Pentia morgenmøde responsive design

Effektivitet Virkelighed

Fleksibilitet

RWD

Page 32: Pentia morgenmøde responsive design
Page 33: Pentia morgenmøde responsive design

Sitecore

Data

Præsentation

Sitecore

Data

Præsentation

Sitecore

Data

Præsentation

Page 34: Pentia morgenmøde responsive design

IA-UDFORDRINGER

… samme kat. Mindre kasse.

Page 35: Pentia morgenmøde responsive design
Page 36: Pentia morgenmøde responsive design

”En bruger googler sig frem til vores side om … ”

Page 37: Pentia morgenmøde responsive design

www.mitwebsite.dk

Page 38: Pentia morgenmøde responsive design

www.mitwebsite.dk

Page 39: Pentia morgenmøde responsive design
Page 40: Pentia morgenmøde responsive design

ORGANISATORISK ANSVAR

• Webstrategien udstikker ansvar

• Har redaktøren mandat til at prioritere?

Page 41: Pentia morgenmøde responsive design

RESPONSIVE DESIGN Hvordan ser dit website ud på en smartphone?

Hvad gør vi i praksis?

Page 42: Pentia morgenmøde responsive design
Page 43: Pentia morgenmøde responsive design
Page 44: Pentia morgenmøde responsive design
Page 45: Pentia morgenmøde responsive design
Page 46: Pentia morgenmøde responsive design
Page 47: Pentia morgenmøde responsive design
Page 48: Pentia morgenmøde responsive design
Page 49: Pentia morgenmøde responsive design
Page 50: Pentia morgenmøde responsive design
Page 51: Pentia morgenmøde responsive design
Page 52: Pentia morgenmøde responsive design
Page 56: Pentia morgenmøde responsive design
Page 57: Pentia morgenmøde responsive design
Page 58: Pentia morgenmøde responsive design
Page 59: Pentia morgenmøde responsive design
Page 60: Pentia morgenmøde responsive design
Page 61: Pentia morgenmøde responsive design
Page 62: Pentia morgenmøde responsive design