Project

General

Profile

Vertical Navigation » History » Version 2

Roxanne Hoover, 12/20/2016 11:17 AM

1 1 Roxanne Hoover
h1. Vertical Navigation
2 1 Roxanne Hoover
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 2 Roxanne Hoover
5 1 Roxanne Hoover
h2. PatternFly Vertical Navigation
6 1 Roxanne Hoover
7 2 Roxanne Hoover
* Current PatternFly Blog Post: https://blog.patternfly.org/vertical-navigation-finding-your-way/
8 2 Roxanne Hoover
* 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 2 Roxanne Hoover
14 2 Roxanne Hoover
h3. Additional Notes
15 2 Roxanne Hoover
16 2 Roxanne Hoover
There are some notes worth addressing when contemplating moving towards a vertical nav from a user experience perspective. 
17 2 Roxanne Hoover
18 2 Roxanne Hoover
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 2 Roxanne Hoover
20 2 Roxanne Hoover
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 2 Roxanne Hoover
22 2 Roxanne Hoover
Location can be kept in the left-hand nav or moved to the masthead and Administrator can be moved to the masthead.