As a policy analyst or contractor, I need to be able to identify preamble and metadata content in my document

[austinhernandez]

assumptions

• [ ] The user has uploaded a new document or is editing an existing one and must identify areas in the text where there is preamble and meta data content.

actions

• [ ] Create wireframes high or low fidelity and/or a task flow for how a user will select and identify preamble and metadata text in the WYSIWYG editor
• [ ] Document necessary warning messages and or error messages
• [ ] Make sure all paragraph and text styles are accounted for in the mockups
• [ ] Metadata and preamble text is finalized and accounted for in the mockups
• [ ] Validate interaction(s) with teams

Suggestions, things to consider, notes, etc.

• Most recent Sketch document is here on Google Drive
• Component library is shared.
• I was using the scrivener, Google docs, and Microsoft word as foundations for interaction patterns.

Current mockups

[austinhernandez]

tbd in later sprint, design styles for preamble and meta data

[rtwell]

[rtwell]

the issuance date will need to be validated in two ways:

trigger 1: document save

you cannot save a policy without having a valid date assigned. So, on click for save will trigger the error in the preamble area

trigger 2: inline validation

when a user highlights a date, and selectsIssuance date, the highlighted text is now colorized and marked with Issuance date:. If the Issuance date is modified by the user in a way that invalidates the date, the Issuance date changes into an inline error message so the user can correct the error.