4. @gita_m @EuroTestConf
What is responsive website?
Responsive Web design is the approach that suggests that
design and development should respond to the user’s behaviour
and environment based on screen size, platform and orientation.
~ Wikipedia
7. @gita_m @EuroTestConf
Problems on initial project
• Which devices to test?
• Android vs iPhone
• Devices missing
• Personal phones
• Not charged
• Not connected to Wifi
• How to make screenshots and get them out?
13. @gita_m @EuroTestConf
Client involvement
• Limited devices
• Little knowledge
• Inaccurate expectations of responsive design
• Understand time constraints
• Clarify browsers
14. @gita_m @EuroTestConf
Design
• Never on time
• Rarely responsive
• Mobile first / Website first
• Testers = business analysts
• Developers = designers
19. @gita_m @EuroTestConf
Pay extra attention to
• Long text
• Tables / Graphs
• Auto complete fields
• Date pickers
• Dialog boxes
• Headers / footers
21. @gita_m @EuroTestConf
Zooming in / out of site
• possible to disable zooming by using META tag
• only disable if your photos / text on site is visible enough
without zooming
• items / menus tend to go out of screen when zoomed
29. @gita_m @EuroTestConf
Other mobile tools
• Snoopy to look for website code on iPhones / iPads
• GhostLab, Adobe Inspect etc.
• Proxies - Charles, Fiddler