B2G Mail Application Main application

Transcription

1 B2G Mail Application Main application

2 Mail Application Entry Points 2 Entering mail application from Home Page application start From Home Page Account Setup? Messages View No Mail Setup

3 Mail Application Entry Points 3 Entering mail application from another application This flow illustrates when you click on an link from within another application. start Some examples would include: Application - From web browser mailto: links - From contacts application - From calendar application - From messaging application mailto: address attachments Send / Cancel back to Application with Status No, Back to Application with Status Account Setup? No Yes Compose Message Setup Now? Yes Mail Setup Setup Complete

4 Mail Application Entry Points 4 New s notifications. Clicking new mail notification will bring the user to the latest message received. start From notifications Read Message

5 Mail Messages 5 8 Inbox () Casey Yee RE: BBQ this weekend Turkey beef ribs pork belly short loin... New 3 2. Unread Message Flag 2. Received Message time should be relative to current day/time. 3. Flagged mail shows as Star. Attachments 4. Graceful truncating of subject and body text. yesterday 5. Search mail Frankfurter pork chop tail, pork... Josh Carpenter 2 days ago Pork loin flank chicken, strip steak short Multiple edit select 7. Check for new mail 8. Folder name should update number of unread messages in folder. Patryk Adamczyk week ago Search Edit Refresh 5 6 7

6 Mail Loading 6 Inbox () New. Mail load bar appears when checking for new messages. Casey Yee RE: BBQ this weekend Turkey beef ribs pork belly short loin... yesterday Frankfurter pork chop tail, pork... Josh Carpenter 2 days ago Pork loin flank chicken, strip steak short... Patryk Adamczyk week ago Search Edit Refresh

7 Mail Messages 7 Inbox () New. When user reaches bottom of message pane, A option to load more messages from server. yesterday Message loading status: Loading 50 / 00 Messages Once messages are loaded, they should fill inline with existing messages. 2 days ago Load more messages from server Search Edit Refresh

8 Mail Messages Edit 8 Inbox () New yesterday.press and Hold to reveal edit actions on Mail. - Flag Message - Mark toggles Unread/read message status - Move message to another Folder - Delete message 2. Move Message - Shows Folder Select pane. Once a target folder is selected, Message will be moved. Status displays in current messages view. 3. Delete - Message will be deleted, Status displays on commit Josh Carpenter 2 days ago Pork loin flank chicken, strip steak short... Flag Patryk Adamczyk Mark as Unread week ago This is the subject Move of the message 2 Delete 3 Search Edit Refresh

9 Mail Messages Edit Multiple 9 3 Inbox (2) yesterday 2 days ago. Cancels multi-edit. 2. Edits applied to selected messages. Committing edits show in Status 3. Folder name shows number of selected messages. 4. Mark selected messages as read, unread, spam Read Unread Spam Mark week ago 2 Flag Mark Move Del 4

10 Mail Messages Status 0 Inbox () New 6 messages moved Undo Sending Message Send Message Failed Try Again yesterday 2 days ago week ago 6 messages moved Undo Search Edit Refresh

11 Mail Search Inbox (). Mail search UI can be pulled down at top of messages folder pane. Search Mail 2 2. On focus, mail Search Controls is shown. 3. Mail Search Controls is shown yesterday 2 days ago week ago Search 3 Edit Refresh

12 Mail Search Controls 2 From To subject All 2 Cancel 3 2. Mail heading hides. Search field focused. Interaction notes: - Search field auto-hints as you type. - Pressing 'X" at the end of the field, clears the search field Cancels mail search 3. Search filters All - searches Subject, From and To mail fields yesterday 4. Substring highlights in results Possible User configurable search Options: q w e Ar t y u Ai o p 2 days ago This a s is the d subject Af of g the h message j Ak l ' Search Settings Search in Sub-folders Search in Sent shift z x Ac v b n Am bs 23?, space. Searc h Search in Deleted

13 Mail Search Controls 3 Cancel 2. Search field blur, keyboard slides away 2. Extends search onto server From To subject All Status: yesterday Searching on server Once messages are loaded, they will fill in-line with existing search results. 3. Press and hold entry to edit or edit multi-select mode 2 days ago 2 Search on server 3 Edit

14 Compose Message 4 Compose Message Send 2 To 3 cc/bcc 4 Entry Points: - From External application (mailto: address) - External application with attachment. See Compose Message Attachment - From Mail app. Back to Last View Subject Lots to talk about. 2. Send Message, returns user back to Folder view with Status Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. q w e Ar t y u Ai o p 5 3. Recipients Remove: Delete a s d Af g h j Ak l ' 4. cc/bcc field will expand into two separate fields when selected shift z x Ac v b n Am bs 5. Message body - Plain text entry (v) 23?, space. return

15 Compose Message. Inline auto-complete contact with substring highlight. 5 Compose Message Send 2. Add recipient by Contacts browser, or substring search. Add Recipient To Jan_ 2 cc/bcc thumb jane@gmail.com Subject Lots to talk about. Janet Lin thumb Lorem Ipsum is simply dummy janet@yahoo.com text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. q w e Ar t y u Ai o p Search A thumb B thumb thumb Adam Shelly adam.s@gmail.com Blake Martin bmartin@martin.com Ben Franklin ben.f@us.gov A B C D E F G H I J K L M a s d Af g h j Ak l ' Add Recipient shift z x Ac v b n Am bs 23?, space. return thumb jane@gmail.com thumb Janet Lin janet@yahoo.com

16 Compose Message Attachment 6 To Compose Message Send Entry Points: - External application with attachment: Gallery, Contacts (vcf), Notes - Forwarding s with attachment cc/bcc s with attachments are initiated from other applications. Subject Photo of the BBQ. attachments can be any kind of media. size of attachment and thumbnail where possible. thumb Photo (35kb) Tapping on attachment to delete from message. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 500s, when an unknown printer took a galley of type q and w scrambled e Ar it to t make y a type u specimen Ai o p book. thumb Delete Photo (35kb) a s d Af g h j Ak l ' shift z x Ac v b n Am bs 23?, space. return

17 Read Message 7 Read Reply All Reply 2 Entry Points: - Mail Folders - Notifications From 4 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book Back to last view 2. Reply to message 3. Clicking on Contact View Contact document.pdf (pdf) 4. Tapping heade shows Read Message Details screen 5. text should be actionable on Click. - Links should open to Browser - addresses should open Compose Message - Phone numbers should open in Dialer 6. Message Edit Options Del Flag Mark Move Forward Reply 6

18 Read Message Details 8 Read Reply All Reply. Additional message details cc, bcc From 2. Attachments should download and launch appropriate message. To document.pdf (pdf) cc Benjamin Franklin Download and Open bcc George Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. document.pdf (pdf) 2 Mark Del Flag Move Forward Reply Unread

19 Read HTML Message 9 Read Reply All Reply. Messages containing HTML and Images should prompt user to Load Images. From Load Image status: Loading / 5 Images Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Image Image Image Pressing and holding images to Save downloaded images: Image Save Image document.pdf (pdf) This contains 5 images. Click to load Mark Del Flag Move Forward Reply Unread