Der Praxisbericht von Thomas Betz beschreibt den Relaunch der Website ch.ch mit einem responsiven Design, der in mehreren Iterationen unter Verwendung von HTML5, CSS3 und JavaScript durchgeführt wurde. Es wurden umfassende Tests zur Barrierefreiheit und Usability durchgeführt, wobei es wichtig war, genug Zeit einzuplanen und zwischen Design und Technik Kompromisse einzugehen. Die Erfolgsfaktoren umfassten regelmäßige Abstimmungen und Workshops mit den Entscheidern zur Fertigstellung des Klickmodells vor der CMS-Realisierung.

1. Eine Website für alle Endgeräte.
Praxisbericht über den aktuellen
Relaunch mit Responsive Design von
ch.ch
Thomas Betz
Bereichsleiter CMS & Web Development, Seitenbau GmbH

2. 2
Ausgangslage
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

3. 3
Ziele
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

4. • Definition des Vorgehens bzw.
Vorgehensmodell
• Erstellung eines Klickmodell
• Iterative Erarbeitung der Screens im
Klickmodell
• Präsentation und Abstimmung alle 2 Wochen
4
Umsetzung
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

5. • Umsetzung in HTML5, CSS3 und Javascript
• Voll funktionsfähig
• Enthält alle vorkommenden Inhaltstypen und
Funktionen
• Testing über alle Auflösungen und
Referenzgeräte
• Vorabtests zur Barrierefreiheit und Usability
5
Das KLICKMODELL
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

6. http://www.responsinator.com/?url=ch.ch
6
Ergebnis
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

7. • Genügend Zeit einplanen
• Iterations-Workshops mit den Entscheidern
• Kompromissbereitschaft bei Design und
Technik
• Fertigstellung des Klickmodell mit allen
Inhaltselementen vor der CMS Realisierung
7
Erkenntnisse
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

8. Referent
Thomas Betz
Seitenbau GmbH
betz@seitenbau.com
ONE Schweiz
schmid + siegenthaler consulting gmbh
Willistattstrasse 23
CH-6206 Neuenkirch
info@one-schweiz.ch
8
Kontakt
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013
Messesponsor Moderation
Realisierungspartner