# Overview of the User Interface

There exist a common set of user interface elements across the Unizin Order Tool.

## Header menu <a href="#overviewoftheuserinterface-headermenu" id="overviewoftheuserinterface-headermenu"></a>

The **Header** is always presented in Order Tool and provides access to the **Navigation menu,** the **Catalog** tool\*\*,\*\* the **Help** page, and the **User menu**. **Student** choice and **Schedule** of classes features are only available to Program Administrator profiles.

Instructor and Coordinator view:

<div align="left"><figure><img src="https://files.helpdocs.io/imd1egxmfk/articles/dxjuh3anx8/1687900088040/instructor-and-coordinator-view.png" alt=""><figcaption></figcaption></figure></div>

Program administrator view:

<div align="left"><figure><img src="https://files.helpdocs.io/imd1egxmfk/articles/dxjuh3anx8/1687900113963/program-administrator-view.png" alt=""><figcaption></figcaption></figure></div>

Student view:

The **Header** is always presented in Order Tool and provides access to the **My Account menu,** the **Help** page, and the **User menu**.

<div align="left"><figure><img src="https://files.helpdocs.io/imd1egxmfk/articles/dxjuh3anx8/1687900144488/student-header.png" alt=""><figcaption></figcaption></figure></div>

## Navigation menu <a href="#overviewoftheuserinterface-navigationmenu" id="overviewoftheuserinterface-navigationmenu"></a>

The **Navigation menu** enables Instructors, Coordinators, and Program administrators to switch between Order Tool's main features:

* [Courses & ordering](courses-and-ordering)
* [Order History](order-history)

The **Navigation menu** enables Students to switch between Order Tool's main features:

* [Student choice (Courses)](student-choice/student-choice-students)
* [Entitlements (Purchase History)](entitlements/entitlements-students)

### **Navigation menu control**

Instructor, Coordinator, and Program administrator view:

<div align="left"><figure><img src="https://files.helpdocs.io/imd1egxmfk/articles/dxjuh3anx8/1687900193074/navmenucontrl-all.png" alt=""><figcaption></figcaption></figure></div>

Student view:

<div align="left"><figure><img src="https://files.helpdocs.io/imd1egxmfk/articles/dxjuh3anx8/1687900202068/navmenuctrl-student.png" alt=""><figcaption></figcaption></figure></div>

### **Expanded Navigation menu options**

Instructor and Coordinator view:

<div align="left"><figure><img src="https://files.helpdocs.io/imd1egxmfk/articles/dxjuh3anx8/1687900221726/ccexpan-nav.png" alt=""><figcaption></figcaption></figure></div>

Program Administrator view:

<div align="left"><figure><img src="https://files.helpdocs.io/imd1egxmfk/articles/dxjuh3anx8/1687900230003/paexpandednav-menu.png" alt=""><figcaption></figcaption></figure></div>

Student view:

<div align="left"><figure><img src="https://files.helpdocs.io/imd1egxmfk/articles/dxjuh3anx8/1687900236354/studentexp-navme.png" alt=""><figcaption></figcaption></figure></div>

## **Help page**

The **Help** page displays a page within the Order Tool application, which describes general information about ordering periods and who uses the Order Tool.

Help page:

<div align="left"><figure><img src="https://files.helpdocs.io/imd1egxmfk/articles/dxjuh3anx8/1687900270339/image-2019-3-27-2010-38-2.png" alt=""><figcaption></figcaption></figure></div>

## **User menu**

The user menu describes the highest level of application permissions for the user. For example, if a user is both a Program Administrator and a Student then the user menu will read "Program Administrator" (see the example below).

<div align="left"><figure><img src="https://files.helpdocs.io/imd1egxmfk/articles/dxjuh3anx8/1687900276482/screen-20-shot-202020-06-17-20-at-201-43-25-20-pm.png" alt="" width="375"><figcaption></figcaption></figure></div>

In addition to describing application permissions, users may update their [Gravatars](https://en.gravatar.com/) and logout from the user menu.

## **Footer**

The footer is customized by an institution and may provide links to end-user documentation or other institution-specific pages.

<div align="left"><figure><img src="https://3709019308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKYwtHNGgdPXS3PWAlZUr%2Fuploads%2Fgit-blob-bd9df9a59c2dee8c99cc0991a0d37d55bfe6b2fe%2Fimage%20(14).png?alt=media" alt=""><figcaption></figcaption></figure></div>
