© giordano.ch | November 6, 2012 | 1

responsive-web Wallisellen, 31.10.2012

© giordano.ch | November 6, 2012 | 2

responsive-web. //

© giordano.ch | November 6, 2012 | 3

responsive-web. //

www.leo.org

© 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

© 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

© 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

© 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

© 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

© 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?

© giordano.ch | November 6, 2012 | 10

responsiv-web grid. //

© giordano.ch | November 6, 2012 | 11

pc bildschirm traditionelles grid. //

2 3 4 5

1

Navigation

© giordano.ch | November 6, 2012 | 12

i-pad bildschirm traditionelles grid. //

2 3 4 5

1

Navigation

© giordano.ch | November 6, 2012 | 13

smartphone bildschirm traditionelles grid. //

2 3 4 5

1

Navigation

© giordano.ch | November 6, 2012 | 14

pc bildschirm responsive-web grid. //

1 2 3

4 5

Informations-Teaser

© giordano.ch | November 6, 2012 | 15

i-pad bildschirm responsive-web grid. //

1 2

3 4

5 Informations- Teaser

© giordano.ch | November 6, 2012 | 16

smartphone bildschirm responsive-web grid. //

1

2

3

Informations-Teaser

© 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ü

© 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