Mobile Refinement Needed

[mariahkannenberg]

Acceptance criteria:

• Any public-facing aspect of the site is thoroughly tested on mobile
• Issues documented
• [ ] Create a case instruction accordions could be full-width on mobile Currently they're only ~60% width and it makes reading the accordion content awkward.
• [ ] "Deployed At" timestamp often overlays on top of buttons, making the buttons un-tappable. Continued scrolling solves it, but this could be confusing to general users.
• [ ] When pop-ups are blocked in mobile Safari, tapping links to files does nothing, giving the impression that links are broken. Since file viewing is critical to user flows, a pre-emptive alert to allow pop-ups may help.

See also: https://github.com/ustaxcourt/ef-cms/issues/251

[klohman]

Testing list

• eFile a petition (as petitioner)
• eFile a petition (as practitioner)
• File a Document (Primary document and Supporting Document) - petitioner
• File a Document (Primary document and Supporting Document) - petitioner
• File a Document (practitioner)
• Request Access to Case (practitioner)
• File First IRS Document (irs pracititoner)
• Request Access to Case (second irsPractitioner on case) - (irs pracititoner)
• Practitioner edits contact information
• Petitioner edits contact information
• Public search for case
• Public search for orders
• Public search for opinions
• Public view Today's Opinions

[klohman]

Design Notes

• File a doc - Success message/Print receipt styling is off

• File a document - What can I include in this document link is centered and should be left-aligned (design issue)

• Spacing on Case Information screen is off

  • Requested place of trial spacing (mobile)

• Petitioner name spacing (mobile and desktop)

• Need to update tabs on Advanced Search to dropdown menu on mobile (added to #5025)

• Public Case Detail - needs spacing above Docket Record tab

• “You will be able to file documents after the Petition is processed” message needs spacing above

• Filename not wrapping properly on PDF upload (iphone)

Usability Notes

• Difficult to find the call-to-action on the dashboard due to the amount of instructional text above the button and the size of the button

• “Deployed [date]” footer blocking the view of actual content

• Inconsistency of how PDFs are treated when clicked among different devices (sometimes downloading PDF file automatically, sometimes opening in new tab (safari, iPhone 7)

• Dashboard with Open Cases lacks appropriate hierarchy and clear direction

• Case Detail screen (Docket record) view lacks appropriate hierarchy and clear direction; should be redesigned

• Docket record blank columns need blank state on Document Detail screen “N/A” (mobile only)

• Opinion search results not optimized for mobile (story in backlog #5025)
• Today’s Opinions on mobile is not optimized for mobile story in backlog #5025)
• Phone number field - brings up numeric keyboard - could be a problem if users need to enter text
• File a Document form - missing space between stacked buttons (bug)
• Searches - need feedback after user clicks search - results may be displayed but there is nothing to indicate user needs to scroll to see them (seen on iPhone simulator)

[klohman]

Bugs

• Docket Record - Filings and Proceedings column is not always left aligned (bug) - Logged 6778
• Mobile is still showing “Need help selecting a document” link on the “What Document Are you Filing? (Bug) = 6780 logged
• Dashboard is missing Search Card, Filing Fee card, and Contact info card (bug) - #6779 logged
• (Mobile) Printable Docket Record - for Public- not displaying PDF - logged #6810
• (Mobile) Incorrect tab title displaying in dropdown on Case Detail ( page is displaying Petitioner tab but dropdown displays Docket Record) - logged #6820
• iPhone - BUG: (Mobile) - No response when clicking on document link from order or opinion search #6841
• (Desktop and mobile) case Information tab does not appear for Petitioner 6845
• (Mobile) External user clicks on Printable Docket Record = no response #6850

[klohman]

@kimschulke Can you add any design and usability issues and functional bugs you encounter on mobile via iPhone here as a comment? For bugs, you can also log them as a separate Zenhub issue and just note the issue number here for tracking.