Change Details

As a user, i want to add a statement without first scrolling all the way down on my phone **concept and designs needed** CONCEPT 1 [[ https://www.figma.com/proto/9RwXYJxIYnuglDCwfBWi9H/MEX-Milestone-4?page-id=979%3A13691&node-id=1029-15728&viewport=1329%2C247%2C0.24&t=b1JpcjzVFpYhAOGn-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=979%3A13730&show-proto-sidebar=1 | Button next to statement headline ]] CONCEPT 2 [[ https://www.figma.com/proto/9RwXYJxIYnuglDCwfBWi9H/MEX-Milestone-4?page-id=979%3A13691&node-id=979-13730&viewport=1329%2C247%2C0.24&t=b1JpcjzVFpYhAOGn-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=979%3A13730&show-proto-sidebar=1 | Floating button ]] CONCEPT 3 [[ https://www.figma.com/proto/9RwXYJxIYnuglDCwfBWi9H/MEX-Milestone-4?page-id=979%3A13691&node-id=1029-16588&viewport=1329%2C247%2C0.24&t=b1JpcjzVFpYhAOGn-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=1029%3A16588&show-proto-sidebar=1 | Footer ]] To think about: Would this be a good thing to have on desktop? if so, option 3 is out, option 1 is best Concern: we do not have a check for avoiding creation of duplicates - if option 1, we need it

As a user, i want to add a statement without first scrolling all the way down on my phone Solution: Floating (+) button that appears after the user scrolled past the end of the first statement. Once the user clicks the button, the button is replaced by an "add statement" button that can be closed again. This is to make the feature clear to the user immediatly and also ao that users that tap the button by accident are not flown in immediately to a new screen, {F88149349} {F88149354} AC [] The floating button follows the figma design [] the floating button appears when the user scrolls down past the first statemnet, and disappears when the user scrolls up the same point [] when clicked, the floating button changes to a "add statement"button following the figma design [] when the user clicks the X on the add statement button, the button changes back to the floating button [] when the user clicks the add statement button, the "add statement" modal appears - the solution to keeping users from adding duplicate statements is on ticket https://phabricator.wikimedia.org/T424009 Prototype (note that because of figma constrains, the button is not appearing after a specific scrollpoint - like it should - but rather after 2000ms) [[ https://www.figma.com/proto/9RwXYJxIYnuglDCwfBWi9H/MEX-Milestone-4?page-id=979%3A13691&node-id=979-13730&viewport=1329%2C247%2C0.24&t=b1JpcjzVFpYhAOGn-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=979%3A13730&show-proto-sidebar=1 | Floating button ]]

As a user, i want to add a statement without first scrolling all the way down on my phone **concept and designs needed**Solution: Floating (+) button that appears after the user scrolled past the end of the first statement. Once the user clicks the button, the button is replaced by an "add statement" button that can be closed again. This is to make the feature clear to the user immediatly and also ao that users that tap the button by accident are not flown in immediately to a new screen, CONCEPT 1{F88149349} {F88149354} [[ https://www.figma.com/proto/9RwXYJxIYnuglDCwfBWi9H/MEX-Milestone-4?page-id=979%3A13691&node-id=1029-15728&viewport=1329%2C247%2C0.24&t=b1JpcjzVFpYhAOGn-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=979%3A13730&show-proto-sidebar=1 | Button next to statement headline ]] CONCEPT 2AC [[ https://www.figma.com/proto/9RwXYJxIYnuglDCwfBWi9H/MEX-Milestone-4?page-id=979%3A13691&node-id=979-13730&viewport=1329%2C247%2C0.24&t=b1JpcjzVFpYhAOGn-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=979%3A13730&show-proto-sidebar=1 | Floating button ]] CONCEPT 3] The floating button follows the figma design [] the floating button appears when the user scrolls down past the first statemnet, and disappears when the user scrolls up the same point [] when clicked, the floating button changes to a "add statement"button following the figma design [] when the user clicks the X on the add statement button, the button changes back to the floating button [] when the user clicks the add statement button, the "add statement" modal appears - the solution to keeping users from adding duplicate statements is on ticket https://phabricator.wikimedia.org/T424009 Prototype (note that because of figma constrains, the button is not appearing after a specific scrollpoint - like it should - but rather after 2000ms) [[ https://www.figma.com/proto/9RwXYJxIYnuglDCwfBWi9H/MEX-Milestone-4?page-id=979%3A13691&node-id=1029-16588&viewport=1329%2C247%2C0.24&t=b1JpcjzVFpYhAOGn-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=1029%3A16588&show-proto-sidebar=1 | Footer979-13730&viewport=1329%2C247%2C0.24&t=b1JpcjzVFpYhAOGn-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=979%3A13730&show-proto-sidebar=1 | Floating button ]] To think about: Would this be a good thing to have on desktop? if so, option 3 is out, option 1 is best Concern: we do not have a check for avoiding creation of duplicates - if option 1, we need it