Outlook App Work Locations
- Elliot Dooleysmith
After logging into the App the user will be shown the Work Locations page.
Welcome message
At the top of the page is a welcome message for the user.
This message will be dynamically updated depending on the time of day, variations will include “Good Morning”, “Good Afternoon”, and “Good Evening”.
This should be based on the user's current device time.
From 00:00 to 11:59 the message “Good Morning” will apply.
From 12:00 to 17:59 the message “Good Afternoon” will apply.
From 18:00 to 23:59 the message “Good Evening” will apply.
The user's first name will also be appended this shall be highlighted in the primary colour (#4943E8).
Aligned to the right will be the user's avatar image, if no image is available then the user's initials should be shown within a circle, default colour #EEEEEE.
Weekly Work Location Schedule
The Work Location schedule will display the current week (by default).
This week will be based on the user’s setting for which days of the week they work as well as what is the first day of their working week. Both of these values will be set by the user on the My Settings page.
The week will always be shown in the order which they have specified, meaning that past days could also be shown.
The current date will have a blue border (border: 2px solid #4943E8; ).
My Teams
The My Teams section will display clickable tiles for each team the logged-in user is a member of.
The tiles will be displayed in a horizontal grid.
The tile will consist of the team name, department, and user icons for all other team members.
If the number of users exceeds the available width, then the icons can start to overlap slightly (maximum overlap of -7px).
If this still exceeds the width of the tile then a circle with and ellipsis should be shown at the far left.
Single date selector
The date picker is based on Easepick.
Time Selector