Kurzvortrag vor dem IT Klub Mainz über Implikationen von Responsive Webdesign auf den Workflow von Webprojekten.
Responsive Webdesign -wir müssen uns ändern!Jens Grochtdreis
View Slide
Das Web ist per se flexibelhttp://snipurl.com/2563ah8
Unflexibel und unzugänglich wird eserst durch unsere Entscheidungen!http://www.schraegstrichpunkt.de/misc/grabstein.jpg
http://bradfrostweb.com/wp-content/uploads/2012/03/01-650x487.png
http://bradfrostweb.com/wp-content/uploads/2012/03/02-650x487.png
http://bradfrostweb.com/wp-content/uploads/2012/03/03-650x487.png
https://twitter.com/historyepics/status/445522510864736257
Mobile Nutzung ist gängighttps://twitter.com/winlocal/status/583164144888737792
https://twitter.com/designtimes/status/539521149395566593
http://www.telegraph.co.uk/technology/news/8731365/Technology-failing-to-empower-older-generation.html
„Responsive Webdesign“will alle Devices bespielen!
‣ EIN Design, das in allen Ausprägungenfunktioniert‣ EINE Codebasis, die alle Eventualitätenberücksichtigthttp://finecitizens.com/defineResponsive/
Wofür optimieren?
Falsche Frage!https://twitter.com/brad_frost/status/392429547188408321
Es geht um Browsernicht um Devices!http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/https://raw.github.com/paulirish/browser-logos/master/all-desktop.png
Es interessierenBetriebssysteme, Browserund Fensterbreiten.
Nicht an Devices denken.Die wechseln zu oft.
Unser Workflow ist falsch!
KundeBeratungKonzeptDesignFrontendBackend
http://bradfrostweb.com/wp-content/uploads/2012/03/03-650x487.pngDie Sache ist zu komplex!
Wir wissen nichts!
Wir wissen nicht, mitwelcher Art Computerjemand unsere Seitebesucht.
Wir wissen nicht, welchenMonitor mit welcherAuflösung unser Besucherhat.
Wir wissen nicht, welcheFähigkeiten der Browser desBesuchers hat.
http://caniuse.com/#feat=css-filters
Wir wissen nicht, in welcherGröße das Browserfensterunseres Nutzers ist.
Wir wissen noch viel mehrnicht, unterstellen oderignorieren dies aber meist.
http://www.flickr.com/photos/artrock2006/4177475479/Alle Beteiligten sollten frühzeitigoffen kommunizieren.http://www.flickr.com/photos/artrock2006/4177475479/
KonzeptDesignFrontendKlassischer Workflow
KonzeptDesignFrontendBesserer Workflow
KonzeptDesignFrontendNoch besserer Workflow
Konzept und Design nichtlosgelöst vom Frontendentwickeln!
http://de.slideshare.net/pkattera/design-process-for-responsive-web-designIterativer, agiler Prozess
http://www.quadriform.biz/wp-content/uploads/2010/09/designer_developer.jpgDesigner und Entwickler müssenenger zusammenarbeiten
Abnahme nicht über ein Bildaus Photoshop sondernanhand eines Prototypen
http://jsfiddle.net/Flocke/azvGv/CSS3-fähiger Browser IE8Alternativen testen
Keine klassischenProjekte mehr!
Es wird ein Prozessverkauft, kein Endprodukt!
Es kann am Anfang nichtmehr das Endproduktabgenommen werden.
Am Anfang steht eine Idee!
Am Anfang kann nicht allesdurchgestaltet werden.
Festpreisprojekte sindunrealistisch!
Wir brauchen1. einen neuen Workflow2. neue Tools3. neue Entscheidungskriterien4. viel Kommunikation5. viel Zeit für Experimente
Kunden und Agenturenmüssen sich ändern!
ResponsiveWebdesign istnicht einfach!
Jens Grochtdreishttp://grochtdreis.dehttp://twitter.com/Flockehttps://speakerdeck.com/flockehttp://webkrauts.de