Create mockup of a more usable and aesthetically pleasing mail view

[mdconatser]

The customer has a strong desire for a better overall layout of the application. Mockups are the most effective way to demonstrate our ideas. Please include mockups as an attachment to this issue and the team can provide feedback, after which the SRS can be updated with new mockups.

[cthorn2]

Here is an example of an actual message from Informed Delivery along with a potential email view for the app. It would be great if we could use text size to limit what information is pulled or at least what is prioritized into the email message. That way, we could eliminate the fine print from mailers like the one shown here from showing up in the actual text email message that could eventually be read to the user.

Original Informed Delivery message

Mobile formatted message - showing header and footer

Mobile formatted message - showing side to side navigation

[cthorn2]

Another thought that might increase the value of the mail view might be to add a custom option to the text select actions menu that adds an a keyword alert for the selected word. (https://stackoverflow.com/questions/62717516/creating-custom-text-selection-actions-in-a-flutter-app

)

[mdconatser]

• the contextual text selection actions would be pretty cool if it's automatic or we have time.
• For the email view, I think it's probably important to still show the actual image by default, as well as repeating every single bit of text (even small print) below. Users who aren't mostly visually impaired will still want to see the image as it is likely laid out better than our text can be. Users who cannot see will need every bit of OCR text but can ignore the image.
• Could have settings to disable OCR/image output altogether
• I think we shouldn't try to "reformat" any of their message content -- might break if they change things and is less work for us. Inserting content before/after each mail image seems like it would be sufficient.
• can probably remove the left/right arrows and rely on gestures only, I don't think the icons are normally shown
• including the sender (if available), followed by email/phone/links before the OCR text would be hugely beneficial to help orient blind users

[cthorn2]

1. the contextual text selection actions would be pretty cool if it's automatic or we have time.

Yeah, it doesn't look that difficult once the functionality is already there.

2. For the email view, I think it's probably important to still show the actual image by default, as well as repeating every single bit of text (even small print) below. Users who aren't mostly visually impaired will still want to see the image as it is likely laid out better than our text can be. Users who cannot see will need every bit of OCR text but can ignore the image.

That is why I included the image as an attachment. Best practice has been moving toward limiting people from having to scroll down to see vital information. Perhaps, if someone wants to see the image, maybe we give them a toggle (show image) in the settings. I think the summer group was on track with their email windows, but they lacked tremendously in the formatting and recognizing of breaks
and paragraphs

I am just wondering whether an executive summary would be better on a sales piece that a full text readout. The difference is on a BGE or mortgage bill, you are not going to have the amount of text that you would on junk mail. Is this where you are thinking about adding a setting to disabling OCR/image output?

6. I think we shouldn't try to "reformat" any of their message content -- might break if they change things and is less work for us. Inserting content before/after each mail image seems like it would be sufficient.

I'm not sure I understand this comment? Please elaborate?

7. can probably remove the left/right arrows and rely on gestures only, I don't think the icons are normally shown

I was thinking that the left/right images would be mostly transparent unless directly tapped by the user. That way, you could still read the text, but we could remove that ugly rectangle from the bottom with the old navigation.

This is just an example and I don't like the way it overlays the text, but what about something like they do in hero sections on sites with the dots representing additional content.

9. including the sender (if available), followed by email/phone/links before the OCR text would be hugely beneficial to help orient blind users

Something like this for each scanned piece?

I'm trying to think of a way to logically break up the content. The primary emails that we are focused on are coming from USPS Informed Delivery (ID), other email senders are secondary. In the USPS ID email messages, you have N number are scanned mail images which can contain a phone number, email address or URL. If you have five scanned mail pieces all with phone numbers, email addresses, and URLs, how do you want them displayed? I think you would be right if the phone or email addresses are solely related to the email sender, but perhaps we need a split strategy.