Hightway to Hell - Responsive Webdesign Testen
1 gefällt mir677 aufrufe
Peter Rozeck von ecx.io erläutert verschiedene Aspekte des Testens von responsive Webdesign, einschließlich der Zielgruppen, Testing-Tools und -Strategien. Er betont die Wichtigkeit einer durchdachten Testing-Strategie sowie die Durchführung von Tests unter realen Bedingungen. Zu den empfohlenen Tools und Methoden gehören der Network Link Conditioner, Resize My Browser und Open Device Lab, wobei der iterative Testansatz als optimal angesehen wird.
Hightway to Hell - Responsive Webdesign Testen
- 1. Hightway to Hell Responsive Webdesign testen
- 3. Arbeite bei ecx.io (Digital Agentur) Wer bin ich Beschäftige mich mit Themen wie Frontend, Usability und Accessibility Und twitter hin und wieder @webinterface
- 4. Was testen wir ?
- 5. Wie testen wir ?
- 6. Wann testen wir ?
- 7. Wer testet ?
- 8. Mit welchen Tools testen wir ?
- 10. Was testen wir ? Design Usability Performance
- 11. Design testen
- 12. Usability mit echten Nutzern* testen. * Zielgruppe
- 13. Performance unter realen Bedienungen testen.
- 14. Network Link Conditioner Performance testing: Voraussetzung für die Nutzung des Network Link Conditioners ist die Installation von Xcode und eine kostenlose Mitgliedschaft im Apple- Developers-Programm.
- 15. Netlimit für Mac Performance testing: Bandbreite am Mac per Klick beliebig ändern.
- 16. Network Link Conditioner Performance testing: Voraussetzung für die Nutzung des Network Link Conditioners ist die Installation von Xcode und eine kostenlose Mitgliedschaft im Apple- Developers-Programm.
- 17. Speed Limiter für Windows Performance testing: Lokalen Webserver, der als gedrosselter Proxy fungiert. Bandbreiten sind als Profile auswählbar. Kostenlos für die Privatnutzung . Kommerzielle Nutzung gebühr von 15 Euro.
- 18. Wie testen wir ? Rezise my Browser Mit Endgeräten
- 21. Endgeräte testing Pro • Zuverlässig • Geräteabhängige Einstellungen können getestet werden. Kontra • Teuer, es müssen Geräte gekauft werden.
- 22. Open Device Lab Kostenloser Gerätepark für Entwickler. ODLs ist eine neue, weltweite Bewegung um Software-Entwicklern Zugriff auf möglichst viele Testgeräte zu ermöglichen.
- 24. Wann testen wir ? Iterativ ? Am Ende der Entwicklung ? Keine gute Idee ! vgl. Wasserfall Modell Ende
- 25. erstellen-messen-lernen Sketch Wireframe Design Prototype Test Iterativ Testen „Idealer“ Responsive Workflow
- 27. Wer testet ? Haben Sie ein QM * - Team ? * Quality-Management
- 28. Werkzeuge
- 34. Browserplugins
- 35. Werkzeuge für komfortables testen der Viewport Ausgabe Pro • Unterschiedliche Auflösungen können schnell getestet werden • Schnelle Designanpassungen • Vereinfachte Vorschau bei oder Entwicklung Kontra • Keine Pixelgenau Darstellung aufgrund der iFrame Einbindung und Scrollbareinblendung • Geräteabhängige Einstellungen können nicht getestet werden.
- 36. Die Auswahl der Werkzeuge ist wahllos erfolgt. Die gezeigten Werkzeuge können alle mehr oder weniger das gleiche.
- 37. Werkzeuge für Hipster und Apple Fan-Boys unter uns… http://helloduo.com/ http://helloduo.com/
- 39. Welche Browser testen ? Welche Version ?
- 41. Festlegen welche Browser getestet werden und welche nicht. Begründen Sie ihre Einschränkung ! Es gibt gute Gründe alte veraltete Browser nicht zu unterstützen.
- 42. Legen Sie fest auf welchen Endgeräten Sie ihr Produkt testen.
- 43. Legen Sie fest wann getestet wird. (Zeitpunkt)
- 44. Leitfaden damit Sie nicht in die Hölle kommen: Was testen wir ? Wie testen wir ? Wann testen wir ? Wer testet ?
- 45. Wichtig: Testing Strategie ausarbeiten ! Team und Stakeholder auf die vereinbarte Strategie commiten.
- 46. Für meine Ellen
- 47. Danke, Merci, Thanks Peter Rozek, ecx.io
- 48. Fragen ? Twitter: @webinterface E-Mail: peter.rozek@ecx.io E-Mail: hello@peter-rozek.de