responsive webdesign verkaufen

Download Responsive Webdesign verkaufen

Post on 19-May-2015

3.134 views

Category:

Technology

1 download

Embed Size (px)

TRANSCRIPT

  • 1. 28.11.2013Responsive Webdesign verkaufenPatrick Lobacher CEO typovision GmbH

2. Responsive Webdesign verkaufen Agenda Bullshit Bingo RWD is doch einfach! RWD Workow RWD verkaufen Vertrge(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 3. Bullshit Bingo(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 4. Responsive Webdesign verkaufenKennt Ihr das Spiel, mit dem man langweilige Meetings berlebt? Regel: Sobald einer der Begriffe aus der folgende Matrix genannt wird, kreuze diesen an. Wenn Du eine Reihe oder Zeile komplett hast, schreie laut BULLSHIT BINGO (c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 5. Responsive Webdesign verkaufenBullshit Bingo (Schrei: BULLSHIT BINGO wenn eine Reihe oder Spalte komplett ist)ProaktivWin-WinZielfhrendMindsetOut of the boxSynergieStrategieKundenzentriertProzess FokussierenAm Ende des Tages...Kernkompetenz24 / 7 Mehrwert(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013Die Wahrheit ist...Benchmark 6. Responsive Webdesign verkaufenUm nun Daten fr Eurer eigenes Spiel zu nden, googelt einfach nach: web design trends 2014 (c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 7. Responsive Webdesign verkaufen2014 - Web Design - Bullshit Bingo (Schrei: BULLSHIT BINGO wenn eine Reihe oder Spalte komplett ist) Responsive Web DesignParallaxScrolling FullscreenTypography InteractiveInfographicsFlat Design Off-Canvas QR Codes Social Media BadgesSingle PageNeonWeb Design CSS3Full-widthAnimationsBackground ImagesInniteDecoupledBlack & WhiteSimpliedScrolling Design(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013CMSDesign 8. Responsive Webdesign verkaufenHOT TOPIC 2014!!http://katieunderhill.co.uk/http://www.designpromotivate.comWEB DESIGN TRENDS 2014 http://www.smashingmagazine.com(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 9. Responsive Webdesign verkaufenResponsive Web Design RWD ist ein Trend? Wirklich? (c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 10. Responsive Webdesign verkaufenDie Wikipedia sagt dazu: Als Fad ([fd], engl. fr Fimmel, Masche, Modetorheit; auch: Craze, Vogue, Rage) bzw. Hype oder Trend wird im kulturellen Diskurs des englischsprachigen Raumes ein Verhalten bezeichnet, dem Bevlkerungsteile meist ber eine sehr kurze Zeit hinweg mit Begeisterung folgen, und zwar so lange, wie dieses Verhalten als neuartig und daher als interessant empfunden wird. Fads hneln Moden, sind aber kurzlebiger und eher arbitrre Einzelereignisse als Stationen eines modischen Trends.(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 11. Responsive Webdesign verkaufenRWD ist kein Trend, sondern die fundamentale Basis von ernsthaften Web Design und eine Notwendigkeit um den Zugang zum Web sicherzustellen - jetzt und in der Zukunft Patrick Lobacher, 29.10.2013(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 12. Responsive Webdesign verkaufenAber das ist einfach zu erreichen: iPad, iPhone, Nexus, Galaxy #nichthttp://www.timhordern.com/http://opensignal.com/reports/fragmentation.php(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 13. Responsive Webdesign verkaufenUnd was ist damit?http://www.ickr.com/photos/taedc/10166827123/http://www.ickr.com/photos/icebearger/8651979429/http://www.ickr.com/photos/raneko/3045816114/http://www.ickr.com/photos/samsungtomorrow/8335500219/(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 14. RWD ist einfach!(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 15. Responsive Webdesign verkaufenZutaten Neu-Anordnen von Inhaltselemente Ein exibles Grid-System Flexible Bilder Media queries Serverseitige Komponetnte (RESS) einige Prozesse(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013Kunden Wissen (leider) 16. (c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013http://www.slideshare.net/slideshow/embed_code/14528526Das ist alles! Stimmt doch, oder? 17. Okay, okay - es ist nicht sooo einfach... Aber letzlich nur ein technisches Problem! (c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 18. Sicher? Responsive Design ist eben KEIN Problem von Design oder Entwicklung! (c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 19. RWD Workow(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 20. Responsive Webdesign verkaufenKlassischer Workow Lastenheft Pichtenheft Design-Prozess => PSD PSD => Design Freigabe PSD => Implementierung Verizierung / Testing PSD => Endabnahmehttp://commons.wikimedia.org/wiki/File%3AWaterfall_model_(1).svgFertig :-)(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 21. Was ist verkehrt mit diesem Workow? Er hat doch seit Jahren funktioniert? (c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 22. Responsive Web Design bentigt ein radikales Umdenken! Es ist eine allumfassende Denkweise! (c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 23. Und es betrifft viele Rollen: CEO,Vertrieb, UX/UI, Designer, Entwickler, Redakteure, Kunden, ... (c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013 24. Responsive Webdesign verkaufenGF / Freelancer / EntscheiderExistiert die Vision, jedes Gert jetzt und in der ZukunftBesteht der Wille, in die Fortbildung des gesamtenSind alle bereit, zu akzeptieren, dass sich festgefahrenezu untersttzen? Teams zu investieren? Prozesse radikal ndern werden? Fr eine grundlegende Vernderung?(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013 25. Responsive Webdesign verkaufenDesignerDie Tools werden sich verndern! (Photoshop ist nicht tot - aber der Designer muss sich mit deutlich mehr Tools beschftigen) Erforsche das Medium ausfhrlich! Rein visuell arbeitende Designer mssen am meisten lernen! Bleibe offen fr neues!(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013 26. Responsive Webdesign verkaufenKundeWir beide (Kunde und Agentur) erschaffen Business Value (geschftlicher Wert) - und keine Pixel-genauen PSDDu brauchst Zeit - viel Zeit! Du bist in das Projekt deutlich mehr involviert als frher. Tglich! Ohne Deine Mitarbeit funktioniert es nicht!Auch Du bentigst ein Verstndnis von RWD(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013 27. Responsive Webdesign verkaufenVertrieb Du brauchst neue Vertrge Verkaufe RWD Consulting - da es essentiell notwendig ist, dass Dein Kunde sich damit beschftigt RWD Projekte sind teuerer - dafr aber fr den Kunden jeden wert(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013 28. Responsive Webdesign verkaufenDer RWD-Workow Geklrte Anforderungen (Stories/LH/FH) Entscheidungen Moodboard / Style Tile Content Strategy Linear Design Content Wireframes Prototyping Content Erstellen Gerte-Testing Content-Testing ProduktionWeitere Programmierung & Finalisierung(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013 29. Responsive Webdesign verkaufenDer RWD-Workow - Schritt 1Entscheidungen Stakeholder Matrix (Wer entscheidet was?) Projekt Ziel Breakpoint Entscheidungen (aufgrund des Inhalts) (Wichtig!) Liste der zu untersttzenden Gerte und Browser (Top 5/3) Dokument Bestandsaufnahme (CI-Manual, Richtlinien, Bestimmungen, Rechtliches, ...) Moodboard Brieng (Look & Feel) Vertrag(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013 30. Responsive Webdesign verkaufenDer RWD-Workow - Schritt 2Content Strategy (Consulting)Erster Schritt ist das Sammeln, Auswerten undDies fhrt zu einem ContentBewerten des Contents Inventory (Hauptnavigation, Sekundrnavigation, Logo, Links, berschriften, Inhaltselemente, ...)Groes Excel-File mit Was/ Wo / Wer / Wann(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013 31. Responsive Webdesign verkaufenDer RWD-Workow - Schritt 3Content Wireframes Hauptnavigation LogoWelcher Inhalt ist wo Nur RechteckeSuche & LinksIrgendein Plugin berschriftKein Design! Mobile rst!InhaltFr jeden Major-Breakpoint Fr jeden Seitentyp Fr jeden Inhaltstyp(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013Footer 32. Responsive Webdesign verkaufenDer RWD-Workow - Schritt 4Content erstellenIdentizierung der verschiedenen Inhalts-Typen (Listen, Tabellen,berschriften, Bild mit Text auf der rechten Seite, ...) Nur Text verwenden! Markup via Markdown / AsciiDoc / ReST Konvertierung zu HTML um einen TextDummy zu erhalten(c) 2013 - typovision GmbH | Respon