Webforms - mobile friendly version

[janagombitova]

Context

As part of Cisco we aim to scale our remote data collection functionalities. Webforms are a big part of that. From having web forms running on all Flow instances for the past year (released in June 2020) we learned about the issues the implementation has in terms of scalability and usability. As part of Cisco we decided to tackle these issues: in #508 and issues labelled with webform.

From the usage stats, we also concluded that there is a growing need to use the webforms on mobile devices. 35,3% of all views came from a smartphone or tablet (27,8% are unique page views). From user research, we understood that webforms are other used to replace the Flow app workflow. This is either because:

• Users have an iOS device that the app does not support
• Users are doing a one time data collection and do not want to go through the workflow of app installation, assignment etc and simply want to open the form on their phone and send the data

Opportunity

This issue aims to ensure that webforms work and render well on mobile devices

[Kiarii]

Here is the latest mockup iteration, previous and alternative iterations are on invisionapp. Also see background notes, context and rationales