Vertical Navigation » History » Version 2
Roxanne Hoover, 12/20/2016 11:17 AM
1 | 1 | Roxanne Hoover | h1. Vertical Navigation |
---|---|---|---|
2 | |||
3 | 2 | Roxanne Hoover | Our reasons for improving the current UI include better adaptability for additional menu items and a friendlier responsive design layout. |
4 | |||
5 | 1 | Roxanne Hoover | h2. PatternFly Vertical Navigation |
6 | |||
7 | 2 | Roxanne Hoover | * Current PatternFly Blog Post: https://blog.patternfly.org/vertical-navigation-finding-your-way/ |
8 | * PatternFly.org documentation: http://www.patternfly.org/pattern-library/navigation/vertical-navigation/#_ |
||
9 | 1 | Roxanne Hoover | |
10 | 2 | Roxanne Hoover | h2. Reference Mockup for Foreman: https://drive.google.com/open?id=0B5KC3vr5EkgmV1g3LTMwTlJueWM |
11 | 1 | Roxanne Hoover | |
12 | 2 | Roxanne Hoover | *File can be found here: |
13 | |||
14 | h3. Additional Notes |
||
15 | |||
16 | There are some notes worth addressing when contemplating moving towards a vertical nav from a user experience perspective. |
||
17 | |||
18 | Firstly, though vertical nav supports a tertiary level, currently no nav item is in need of it. It’s nice to know it’s available if desired. |
||
19 | |||
20 | Secondly, the current vertical nav is at its best when nav items are given groupings and titles for those groups. The current horizontal nav inconsistently groups items. Possible solutions could be to provide groupings alternatively you could leave them as is. In the below mockup we can see a secondary nav that has one untitled grouping and three titled groupings (In Bold - Provisioning Setup, Templates, Compliance). |
||
21 | |||
22 | Location can be kept in the left-hand nav or moved to the masthead and Administrator can be moved to the masthead. |