Hightway to Hell - Responsive Webdesign Testen
-
Upload
peter-rozek -
Category
Design
-
view
90 -
download
0
Transcript of Hightway to Hell - Responsive Webdesign Testen
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
Network Link ConditionerPerformance testing:
Voraussetzung für die Nutzung des Network Link Conditioners ist die Installation von Xcode und eine kostenlose Mitgliedschaft im Apple-
Developers-Programm.
Network Link ConditionerPerformance testing:
Voraussetzung für die Nutzung des Network Link Conditioners ist die Installation von Xcode und eine kostenlose Mitgliedschaft im Apple-
Developers-Programm.
Speed Limiter für WindowsPerformance 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.
http://www.smashingmagazine.com/2014/07/14/testing-and-responsive-web-design/
Endgeräte testing
Pro• Zuverlässig• Geräteabhängige Einstellungen können getestet werden.
Kontra• Teuer, es müssen Geräte gekauft werden.
Open Device LabKostenloser Gerätepark für Entwickler.
ODLs ist eine neue, weltweite Bewegung um Software-Entwicklern Zugriff auf möglichst viele Testgeräte zu ermöglichen.
erstellen-messen-lernen
Sketch
Wireframe
Design Prototype
TestIterativ Testen
„Idealer“ Responsive Workflow
Online ToolsViewport Resizer
http://lab.maltewassermann.com/viewport-resizer/
Online ToolsViewport Resizer
http://www.browserstack.com/responsive
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.
Die Auswahl der Werkzeuge ist wahllos erfolgt.Die gezeigten Werkzeuge können alle mehr oder weniger das gleiche.
Werkzeuge für Hipster und Apple Fan-Boys unter uns…
http://helloduo.com/
http://helloduo.com/
https://play.google.com/store/search?q=browsers+for+android&c=apps
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.
Leitfaden damit Sie nicht in die Hölle kommen:
Was testen wir ? Wie testen wir ?
Wann testen wir ? Wer testet ?
Wichtig:
Testing Strategie ausarbeiten !
Team und Stakeholder auf die vereinbarte Strategie commiten.
Fragen ?Twitter: @webinterface
E-Mail: [email protected]: [email protected]