I'm currently building a single page web app for my company and ran into an issue.
We want to display a result graph+text and an input form which updates the graph immediately.
Currently, the web page looks like this: The result view consists of a graph and two text views which you can navigate via slide or the dots and the form is huge and scrollable on the screen.
However I'm a bit worried that there are separate swipe areas on such a small screen + add the native browser zoom and drag events, I can see this resulting in a horrible user experience
The issue I see with this design is that the user does not neccessarily need to see either the form when he just wants to view the results or the other way around does not need to see the result when he is inputting values, so my current idea is to expand the form on user interaction.
I am looking for a more elegant yet easy to use solution. What could be improved? I was toying with the idea of completely separating result and form view, but couldn't come up with a good enough solution.