As a non-technical legal aid intern, I need to convert the elements of a PDF to a web form so that I can capture information submitted from members of the public.

[emilylordahl]

Based on the existing components created in #79, create a user experience that enables content authors to convert their PDF manually from scratch, focusing on the Kansas name change form and its content.

Example considerations:

CRUD for pages, questions, sections with or without questions, etc.
Drag and drop to rearrange question order
Consider clarity, accessibility and usability best practices
Small and medium device sizes are supported but the UX should be optimized for larger screens as the legal aids will be working on this task in an office environment.

Acceptance criteria

• Annotated mock-ups, as appropriate, demonstrate CRUD for pages, stand alone questions and sections that contain questions
• Menus for page, section and question creation menus are ready for engineering (includes all elements and relevant state changes, not necessarily pixel-perfect)

Tasks

Preview Give feedback

1. Revisit UX teardown recommendations with new understanding
2. Document and share potential workflow(s) to uncover questions
3. Create and share small screen designs and components
4. Modify small screen designs and components for med and large screen sizes
5. Design review of Test View UI
6. Review the actual implementation of the designs for the Test View UI

[espythomson]

@emilylordahl Figma ready for mobile review: https://www.figma.com/file/J41m2Ytc3UrzfwJ4CoAkcq/ATJ-Platform?type=design&node-id=574-170&mode=design&t=fbpWam9SME4otwVu-0

[emilylordahl]

Looks great, @espythomson! I added comments throughout and tagged you. Let me know if you need any clarification or support!

[emilylordahl]

Please note that we've migrated to a new GSA Figma space. Design work is now tracked in Figma here.