Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Von der Desktop-Version zum responsive Design in iterativen Schritten (Michèl Wollenschläger)

5816c25e9ed4e0eedebebb3c0a927952?s=47 Lean UX DUS
February 24, 2015

Von der Desktop-Version zum responsive Design in iterativen Schritten (Michèl Wollenschläger)

Gemeinsam mit seinem Team stellt Michèl Wollenschläger gerade die bestehende Webpräsenz per iterativem Prozess in eine responsive Version um. Die Herangehensweise, das Konzept und die gleichzeitige Aufrechterhaltung des täglichen Wahnsinns wird er in seinem Vortrag zeigen.

5816c25e9ed4e0eedebebb3c0a927952?s=128

Lean UX DUS

February 24, 2015
Tweet

Transcript

  1. Lean Relaunch mit Responsive und Mojo

  2. Michel Wollenschläger Lean Relaunch mit Responsive und Mojo Head of

    UX & Design bei auxmoney.com
  3. Aktuell Neu ? Michel Wollenschläger // @stil72

  4. Schneller Wachstum führt oft zu fehlender Nachhaltigkeit im Konzept, Quellcode

    und der Gestaltung. Chaos Michel Wollenschläger // @stil72 Keine guten Voraussetzungen. Am besten machst Du alles neu!
  5. Konzept Texte Research Mockups User-Centered Marketing Screens Patterns SEO Nutzer-Tests

    Michel Wollenschläger // @stil72 Prototypen
  6. Wir haben schnell gemerkt, dass der Relaunch ein großes Projekt

    wird. Keine Zeit Michel Wollenschläger // @stil72 Fehlende Zeit und Ressourcen machen einen Relaunch sehr schwer!
  7. Trotzdem Ein Versuch

  8. Michel Wollenschläger // @stil72

  9. Michel Wollenschläger // @stil72

  10. Neue Basis Ein neues, flexibles Template das alle Anforderungen gefüllt.

    Navi Grid Typografie Responsive User-Centered Mojo Getestet Michel Wollenschläger // @stil72 Erste Patterns Layout
  11. Aufteilen 1 2 3 4 Teil Deine Seite sinnvoll auf,

    dadurch wirst du flexibel. Startseite Registrierung Infoseiten Anleger eingeloggter Bereich … Facelift Michel Wollenschläger // @stil72
  12. Erster Einsatz nach vier Wochen

  13. Konzept Template Responsive Design Mojo Michel Wollenschläger // @stil72

  14. ohne Screens während des Sprints Umsetzung Michel Wollenschläger // @stil72

  15. Template Responsive Michel Wollenschläger // @stil72

  16. Nur kleine definiert Breakpoints Anpassungen Michel Wollenschläger // @stil72

  17. Standarts Globale Elemente werden frühzeitig neu definiert und eingesetzt. Michel

    Wollenschläger // @stil72
  18. Learnings Verliere nicht das Große/Ganze Die QA früh einbinden Michel

    Wollenschläger // @stil72
  19. Next Steps Build - Measure - Learn Patterns Michel Wollenschläger

    // @stil72 Fortsetzung folgt…
  20. Danke Euch! Habt Ihr Fragen? Gerne auf einen Kaffee: mwollenschlaeger@gmail.com

    @stil72