---
title: "New/old UI experience"
canonical: "https://support.appfire.com/space/SPM/2173042955/New%2Fold%20UI%20experience"
format: markdown
---
## Old/new experience

Currently, the OKR module offers two UI views that users can enable:

- new experience (default)
- old experience

The new experience affects the Overview, Hierarchy, and Progress Dashboard pages. However, the most significant change is on the Overview page.

### Enable the new experience

The new experience is the default view.

If it’s disabled and you would like to enable it, go to **Settings > General** and toggle the **Enable New OKR experience** option. 

![General OKR module settings.](media://8f79007d-f3ec-47c0-977e-4ab019dd1db3)

### Opt out from new experience

If you prefer to continue using the old view, you can opt out of the new experience:

1. On the *[Overview](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918834317)* page, click **More actions** (**…**) in the right corner of the top OKR module menu.
2. Select **Opt out from new experience** option from the dropdown.

![A menu for switching back to the old view in the OKR module.](media://047d5f87-7fa8-4b21-8024-1e40943f0097)

### Opt in to new experience

To switch to the new experience:

1. On the *Overview* page, click **[OKR Overview settings](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918408551)** in the right corner of the top OKR module menu.
2. Select **Opt in to new experience** option from the dropdown.

![A menu for switching to the new view in the OKR module.](media://333e92b7-85d5-4892-87ef-a85ed6734890)

### UI elements that are affected by the new and old experiences

The new experience affects all OKR module pages (*Overview*, *Hierarchy*, and *Progress Dashboard*), but not to the same extent.

| **New experience (view)** |
| --- |
| **Page affected** | **UI element** |
| Overview | The entire Overview page was redesigned, including:<br>- column layout
  - column filters
  - column display settings
  - columns and rows can be moved
- Overview settings
- filters
- Save view
  - new way of switching between the saved views
- Share view
  - share link is automatically saved |
| Hierarchy | - filters
- Save view
  - new way of switching between the saved views
- Share view
  - share link is automatically saved |
| Dashboard | - filters
- Save view
  - new way of switching between the saved views
- Share view
  - share link is automatically saved |