85
INBOX ZERO

Inbox Zero Prototype

Embed Size (px)

Citation preview

Page 1: Inbox Zero Prototype

INBOX ZERO

Page 2: Inbox Zero Prototype

Basic Views• Default View• Bulk Email View• Folder View

Page 3: Inbox Zero Prototype

Default View

Page 4: Inbox Zero Prototype

Inbox

S

Inbox

Page 5: Inbox Zero Prototype

1. Unopened Mail will have a blue area around the initial

2. The Initial is selected from the first letter of the contact

3. Opened Mail will have black around the senders initial

4. Email from a thread will be grouped together with the number listed

5. Attachments are shown with a paper clip

6. Emails are shown in chronological order

7. There is a fixed search bar

8. The column can be pulled down to be refreshed

Inbox

Page 6: Inbox Zero Prototype

1. Reply, Reply All, Forward button.

2.Compose Email. Compose window will pop up

Inbox

Page 7: Inbox Zero Prototype

When viewing an unread email the initial will remain blue in the inbox, and inside the email (noted by arrow). Once you have exited the email the icon will no longer be blue.

Viewing Email

Page 8: Inbox Zero Prototype

Viewing Email

Page 9: Inbox Zero Prototype

To view a thread, click on a grouped message (has numbered box indicating it is a thread)

Threads

Page 10: Inbox Zero Prototype

Click a thread, which will pull up the second screen with messages grouped in the thread.

Re: Lawrence – Organizer call f….

Threads

Page 11: Inbox Zero Prototype

An example of a emails in a grouped thread

Re: Lawrence – Organizer call f….Threads

Page 12: Inbox Zero Prototype

Searching Email

Touch search bar, keyboard pops up, start searching by keyword. All folders, files, and inboxes searched

Page 13: Inbox Zero Prototype

Bulk Email View

Page 14: Inbox Zero Prototype

Button for rapid bulk sorting

Bulk Sorting Feature

Page 15: Inbox Zero Prototype

Push the bulk sort button and the bulk sort screen will pop up

Page 16: Inbox Zero Prototype

The bulk sort button will open this screen. There is no sliding to delete or add to to-do list. Each email can be selected and an action taken at the top of the screen. The search bar and the area above it will remain fixed.

Page 17: Inbox Zero Prototype

Add Folder button

Arrows indicate scrolling

To do list button(This will be explained later in the Basic Actions: Files>To-Do List)

Search bar. Behaves identically to the regular search function, emails filtered in order of relatedness, identical to chronological order

Page 18: Inbox Zero Prototype

Scrolling in Bulk Sort View

When you scroll up or down the entire page will scroll up and down.

Page 19: Inbox Zero Prototype

Emails are sorted from left to right in chronological order

1:22 PM

Page 20: Inbox Zero Prototype

Pressing emails in bulk view selects them and they turn blue. Once selected actions can then be taken, in bulk.

Page 21: Inbox Zero Prototype

To view a single email in bulk view use the “zoom in gesture” on that email. It will then pop open. (note, I forget to put in the standard options like reply, etc)

Page 22: Inbox Zero Prototype

Folder View

Page 23: Inbox Zero Prototype

To view all folders

Folders Feature

Page 24: Inbox Zero Prototype

Pushing the Folder button will bring up the folder screen

Page 25: Inbox Zero Prototype

Pushing the view all folders will bring up this screen

The folders are randomly assigned a color when created and only show up in color in this screen.

Actions: Tap and hold the folder icon to select a folder. Selected icons are highlighted with a blue color.

Otherwise, one tap should allow the user to access the folder

Page 26: Inbox Zero Prototype

Add folder

Green arrows indicate scrolling up and down. The entire page will scroll up or down.

Page 27: Inbox Zero Prototype

Basic Actions• Reply• Compose• Delete• File - File to Folder - File to To-Do List - File to SMARTbox Folder

Page 28: Inbox Zero Prototype

Action: Reply

Page 29: Inbox Zero Prototype

Replying Button

Reply Button

Page 30: Inbox Zero Prototype

Reply, Reply All, Forward options drop down from reply button

Reply

Reply-All

Forward

Page 31: Inbox Zero Prototype

Action: Compose New Mail

Page 32: Inbox Zero Prototype

From the inbox, push the compose button and a compose page will pop up. This compose email will fill the entire screen.

Inbox

Page 33: Inbox Zero Prototype

Compose Email Window

Page 34: Inbox Zero Prototype

Compose Email Window

Exit Draft Button. (Note, there will not be a prompt to save draft)

Save button. Saves the draft to the drafts folder

Dropdown arrow, will show CC, BCC

Page 35: Inbox Zero Prototype

Drop down Arrow

Email Details Listed when arrow is pushed

Page 36: Inbox Zero Prototype

For emailing from the main inbox when you have multiple accounts push this arrow to select which account to send from. The emails signature will change accordingly

Page 37: Inbox Zero Prototype

User: To delete an email swipe left (arrows represent the movement)

DELETE EMAIL

System: 1. Delete the email or move it to the Trash

Inbox

Page 38: Inbox Zero Prototype

Action: File to To-Do List

Page 39: Inbox Zero Prototype

User: To add an item to the “To-do” list swipe right

System: 1. Moves the email to the To-do list Folder

Swipe TO-DO email

Page 40: Inbox Zero Prototype

Set Priority

Once swiped the email will turn orange and a screen will pop up asking for the priority of the email within the to-do list folder

Urgent Moderately Urgent

Non-Urgent

Page 41: Inbox Zero Prototype

Based on what the user marks it as, the lines show what column each button corresponds to within the to do list

Urgent Moderately Urgent

Non-Urgent

Page 42: Inbox Zero Prototype

System: Emails that have been added to the “To-do list” will appear orange in the inbox

The system should highlight the email box orange, while leaving the text in the black color.

Page 43: Inbox Zero Prototype

To-do List Feature

Page 44: Inbox Zero Prototype

You can access the “To-do list from the menu

All emails in the to do list aren’t orange as they are in the inbox.

Page 45: Inbox Zero Prototype

CHANGES1. Inbox changes to To-do List

SYSTEM1. After clicking the To-do list, the user should have access to all emails previously swiped as to-do.2. In the to-do list, the email box is white as compared to orange in the inbox.

Page 46: Inbox Zero Prototype

When you push an email in the to-do list it will pop up. It can also be minimized.

Page 47: Inbox Zero Prototype

To view a email in the To-do list area click on it. It will then pop up.

Page 48: Inbox Zero Prototype

Action: File to Folder

Page 49: Inbox Zero Prototype

Push the bulk sort button and the bulk sort screen will pop up

Page 50: Inbox Zero Prototype

Pressing emails in bulk view selects them and they turn blue. Once selected actions can then be taken, in bulk.

The two actions after selecting are:

-Move to To-Do List Folder-Delete

The plus button allows to add an extra folder and name it.

Page 51: Inbox Zero Prototype

Action: File to SMARTbox

Page 52: Inbox Zero Prototype

SMARTbox Feature

Page 53: Inbox Zero Prototype

SMARTbox is a folder for emails from people that are important to you.

Description:-The smartbox is a separate folder from the inbox.

-Any incoming emails from certain contacts and their affiliated email addresses will automatically be moved from the inbox to this smartbox folder.

-This can be done by adding a rule that states any incoming emails from [email protected] will move from the inbox to the SMARTbox folder.

-The box icon adds quick access to that folder. Contacts can be added to the SMARTbox by: a) when viewing an email, near the contacts information there is an exclamation point, by pushing it that contact is added to the SMARTbox. This is shown in the next screens

Page 54: Inbox Zero Prototype

To open the SMARTbox from inbox

To open SMARTbox from Menu

Page 55: Inbox Zero Prototype

Adding people from the Inboxpush the exclamation point

This creates a rule that all current and all future mail from this person will be moved to the SMARTbox.

By creating this rule, al important contacts’ emails are moved from the inbox to the SMARTbox folder

Page 56: Inbox Zero Prototype

Managing Accounts in the SMARTbox

Page 57: Inbox Zero Prototype

Managing Accounts in the SMARTbox

Contact Name

Contacts’s Emails (to edit, type within the space)

To delete contact push X

Page 58: Inbox Zero Prototype

Quick Access Folders

Page 59: Inbox Zero Prototype

These three buttons quickly transition the user to those sections: SMARTbox, Inbox, and To-Do list

SMARTbox Icon: Messages in smartbox are shown

Inbox Icon: Messages in the Inbox are shown

To-Do list Icon: takes user to To-Do list

Inbox

The inbox folder is set as the default. The icon should be

highlighted, until another quick access button is tapped. Then

the tapped button is highlighted.The selected quick access folder should be highlighted blue if the icon is elected.

Page 60: Inbox Zero Prototype

Menu Options

Page 61: Inbox Zero Prototype

To go to the menu click the menu button in the upper left hand corner of the inbox screen

System: 1. The system should pull up menu options

2. Grant access to the menu options as seen in the image

Page 62: Inbox Zero Prototype

To go to the menu click the menu button in the upper left hand corner of the inbox screen

Arrows indicate the slide right as the menu is shown

Page 63: Inbox Zero Prototype

From the menu you can access the “Sent” folder

Sent Sent

Page 64: Inbox Zero Prototype

CHANGES1. Inbox changes to Sent

SYSTEM1. After clicking the sent folder, the user should have access to all the sent emails

Page 65: Inbox Zero Prototype

Drafts

From the menu you can access the drafts folder

Drafts

Page 66: Inbox Zero Prototype

CHANGES1. Inbox changes to Drafts

SYSTEM1. After clicking the drafts folder, the user should have access to all the saved drafts on the device

Page 67: Inbox Zero Prototype

Trash folder

Page 68: Inbox Zero Prototype

Access the trash bin from the menu

All deleted items move here.

TrashTrash

Page 69: Inbox Zero Prototype
Page 70: Inbox Zero Prototype

Settings

Page 71: Inbox Zero Prototype

Access settings from the menu by pushing the menu button

Page 72: Inbox Zero Prototype

When settings is pushed from the menu this screen will pop up

Page 73: Inbox Zero Prototype

Push settings button

Inbox slides left to cover menu

Then the settings box pops up

Page 74: Inbox Zero Prototype

This is the box that will appear when the account button is pushed in settings

Page 75: Inbox Zero Prototype

Live Account has been pushed. This window will display options for that account

Page 76: Inbox Zero Prototype

To Add an Account, in Settings push add account

Page 77: Inbox Zero Prototype

Miscellaneous

Page 78: Inbox Zero Prototype

Accessing Individual Email Accounts

Page 79: Inbox Zero Prototype

Different Accounts

From the menu clicking on an account will take you to that accounts inbox and sent folders

Page 80: Inbox Zero Prototype

The accounts inbox and sent mail will slide from right to left.

The inbox for the individual account will be loaded

Page 81: Inbox Zero Prototype

The Inbox button will return you to the main inbox

Page 82: Inbox Zero Prototype

User: This is the welcome screen. When you open the app for the first time this is what you will see

Page 83: Inbox Zero Prototype

When you click on one of the add account buttons from the first screen this is what the sign in will look like

Page 84: Inbox Zero Prototype

Selecting Multiple Emails in the Inbox

Push the Icon to select multiple emails in the Inbox. Email will then be highlighted blue.

Page 85: Inbox Zero Prototype

Main Features:

1. SMARTbox2. To-do list feature with prioritization3. Bulk Sorting