However, “responsive” was only directly mentioned a handful of times in free-form survey responses. Rather, the clearest theme that might be related was dealing with the dynamic viewport size on mobile: mainly how viewport units work and the effect of URL bar on the viewport size and scroll/resize events. Understanding the pain points that web developers associate with responsive layout became a main study goal for the interviews. The question to interview participants was typically asking for a recent time when they’d had trouble making a design work on both desktop and mobile, only sometimes directly mentioning “responsive layout” or “responsive design.” This often led to a discussion of issues pertaining to scrolling, and where not we would sometimes ask about that separately. Findings from these part of the interview study are in the following sections: ● Viewport issues, namely dealing with the dynamic viewport size on mobile and adapting the content to the visual viewport. ● Scrolling issues, like customizing vertical and horizontal scrolling, APIs for scrolling, events that fire during scrolling, and scroll performance. It’s also notable that two interview participants mentioned using the Bootstrap grid system when asked about desktop/mobile/responsive issues. One of them explained why it’s helpful: We use a grid system from a project called Vuetify , which is part of the Vue ecosystem. It’s based on the Bootstrap grid system . It’s well tested, it’s cross-browser, so fortunately we don’t have to worry too much about layout issues. […] Just having a grid system that’s well supported and tested by other parties is a super helpful tool. The other participant reported running into a problem on that same day, which was fixed by a newer Bootstrap release: My colleagues asked me for support for a newly made application in another team. It was due to a bug in Bootstrap 3. There was a box which went on a new line in only iOS, just today. It was a bug on the grid of Bootstrap 3, which was fixed in Bootstrap 4. While we did not get details about these cases, clearly frameworks smooth over some differences between browsers, and developers can benefit from that.
Made with FlippingBook - professional solution for displaying marketing and sales documents online