Employee Guide | User Interface (UI)

1) Overview
2) The navigation bar
3) Contents area

 


🔍 RELATED ARTICLES

Employee Guide | To Do List
Employee Guide | Quick Links


 

1) Overview

The Easy Employer UI has two main components: the navigation bar and the contents area.

ee_ui.png

 

2) The navigation bar

The navigation bar displays at the top of the window and it is the go-to place for getting around the system. It is fixed, meaning it is always present, regardless of where users navigate to in Easy Employer,

The navigation bar provides access to all the major sections of Easy Employer. These system sections are displayed in "pages" on the contents area.

The navigation bar is composed of menus comprising links to related contents (menus are denoted by a pointing down arrow icon). The only exception to this is Reports which is not a menu, clicking it directly loads the Reports page on the contents area.

ee_ui_navbar-menu.png

 

The sections available in the navigation bar vary depending on the level of access (permissions) each user has been assigned to.
The examples below show the navigation bar composition for different permission levels:

Owner / Administrator / Manager
navbar.png

Payroll Administrator
navbar_pr-adm.png

Employee with access to the Roster
navbar_emp-rst-vw.png

Employee
navbar_emp.png

 

Some elements of the navigation bar are common to all users regardless of their permissions, these are:

  • The link to the Home page (ee icon).
  • Access to help (question mark icon).
  • Link to the Notices page (envelope icon).
  • Access to the user's profile page and the link to log out of the system (name initials).

ee_ui_navbar.png

 

3) Contents area

This is where the contents of the selected section of the system are displayed. As with the navigation bar, the contents of the different system sections and how they display on screen are dependent on the access level (permissions) users have been assigned to.

Easy Employer sections are displayed in pages that have a heading area with the name of the selected section, followed by the area where the contents are displayed. These two areas are separated by a line.

Refer to the following example:

ee_ui_cnts.png

The heading area displays the name of the page (Home) and below the line are its contents: the To Do List, the Organisation's logo and name, and the Quick Links (refer to the RELATED ARTICLES above for more information about the Home page contents).

Pages can have links to other pages with related content to the selected section, the Manage leave page (image below) is an example of this. Clicking the Create a leave request for a specific user link opens the Create leave request page.  

ee_ui_mng-leav-pg.png

ee_ui_mng-leav_crt-leave-req.png

 

Some pages have a sidebar, which provides a way of navigating through different subdivisions of the selected section.

ee_ui_my-prof.png

Have more questions? Submit a request
Powered by Zendesk