responsive web

18
© giordano.ch | November 6, 2012 | 1 responsive-web Wallisellen, 31.10.2012

Upload: giordanoch

Post on 11-Mar-2016

230 views

Category:

Documents


0 download

DESCRIPTION

http://www.giordano.ch/portals/0/media/Unternehmen/downloads/responsive-web.pdf

TRANSCRIPT

Page 1: Responsive web

© giordano.ch | November 6, 2012 | 1

responsive-web Wallisellen, 31.10.2012

Page 2: Responsive web

© giordano.ch | November 6, 2012 | 2

responsive-web. //

Page 3: Responsive web

© giordano.ch | November 6, 2012 | 3

responsive-web. //

www.leo.org

Page 4: Responsive web

© giordano.ch | November 6, 2012 | 4

responsive-web. //

der Trend

  immer mehr mobile Geräte am Markt

  bereits Ende 2013 bis zu 50% Benutzer mit mobilen Geräten

Page 5: Responsive web

© giordano.ch | November 6, 2012 | 5

responsive-web. //

die Folgen

  der Bildschirm wir immer kleiner

  Websites, welche für den normalen PC- Bildschirm konzipiert wurden, eignen sich nicht mehr

  das Informationsverhalten ändert sich: wer nicht gleich findet, was er sucht, klickt weiter

Page 6: Responsive web

© giordano.ch | November 6, 2012 | 6

responsive-web. //

die Konsequenzen

  neue Websites ohne responsive-web sind bereits nach einem Jahr veraltet

  spezifische Skins für spezifische Anwendungen (z.B. Katalog für iPad)

  neue Navigationskonzepte und Suchabfrage-Methoden

Page 7: Responsive web

© giordano.ch | November 6, 2012 | 7

responsive-web. //

die Konsequenzen

  traditionelle Strukturen und Navigationskonzepte sind veraltet

  Teaser-Kommunikation: kleine Informationsbausteine in Form von Bild und Kurztext

  selektive und semantische Informationsaufbereitung und Navigation

Page 8: Responsive web

© giordano.ch | November 6, 2012 | 8

responsive-web. //

was bedeutet dies für cms / pim / shop?

  responsive-web verlangt eine konzeptionelle Neuausrichtung für die Erarbeitung, Aufbereitung und Erfassung der Inhalte

  nicht jede bestehende Website eignet sich inhaltlich für responsive-web

Page 9: Responsive web

© giordano.ch | November 6, 2012 | 9

responsive-web. //

  bestehende Designs können mittels Anpassung des css gut auf responsive-web umgebaut werden

  neue Projekte:

  neue Navigationskonzepte

  Verwendung fertiger HTML-Templates

  neue Module für selektive Information

was bedeutet dies für cms / pim / shop?

Page 10: Responsive web

© giordano.ch | November 6, 2012 | 10

responsiv-web grid. //

Page 11: Responsive web

© giordano.ch | November 6, 2012 | 11

pc bildschirm traditionelles grid. //

2 3 4 5

1

Navigation

Page 12: Responsive web

© giordano.ch | November 6, 2012 | 12

i-pad bildschirm traditionelles grid. //

2 3 4 5

1

Navigation

Page 13: Responsive web

© giordano.ch | November 6, 2012 | 13

smartphone bildschirm traditionelles grid. //

2 3 4 5

1

Navigation

Page 14: Responsive web

© giordano.ch | November 6, 2012 | 14

pc bildschirm responsive-web grid. //

1 2 3

4 5

Informations-Teaser

Page 15: Responsive web

© giordano.ch | November 6, 2012 | 15

i-pad bildschirm responsive-web grid. //

1 2

3 4

5 Informations- Teaser

Page 16: Responsive web

© giordano.ch | November 6, 2012 | 16

smartphone bildschirm responsive-web grid. //

1

2

3

Informations-Teaser

Page 17: Responsive web

© giordano.ch | November 6, 2012 | 17

smartphone bildschirm responsive-web grid. //

Navigation 1 Navigation 2 Navigation 3 Navigation 4 Navigation 5 Navigation 6 Ebene 2 Ebene 3 Ebene 4 Navigation 7 Navigation 8

1

2

3

Menü

Page 18: Responsive web

© giordano.ch | online.ch November 6, 2012 | 18

vielen dank für ihre aufmerksamkeit. //

giordano.ch ag sonnengartenstrasse 6 9000 st.gallen http://www.giordano.ch 071 228 40 63