Project

General

Profile

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.