On Tue, Nov 22, 2016 at 3:57 PM, Walden Raines <[email protected]> wrote:
> +1 I'm a fan of switching to a vertical navigation but I do have one > question. > > Is there a pattern for being able to collapse the vertical navigation? At > times you don't need the navigation at all and it takes up roughly 1/6th of > the screen (as opposed to roughtly 1/10th with the current horizontal > navigation) so it would be nice if it could be minimized to the side until > needed. > is there an assumption we should move to full width with this change? thanks! Ohad > > Thanks, > Walden > > ----- Original Message ----- > From: "Roxanne Hoover" <[email protected]> > To: "foreman-dev" <[email protected]> > Sent: Tuesday, November 22, 2016 8:24:06 AM > Subject: [foreman-dev] Vertical Navigation > > > > Changing Direction... > > When the UXD team was tasked with identifying UI improvements for Foreman > one of the major improvements we could see was with the navigation. > > As it stands now, Foreman uses the Horizontal Navigation Pattern > <http://www.patternfly.org/pattern-library/navigation/ > horizontal-navigation/#_> > found in PatternFly (see example below). > > Our reasons for improving the current UI include better adaptability for > additional menu items and a friendlier responsive design layout. > > As you can see from the below screen, the current menu does not react well > to screen constraints, dropping menu items onto a second line. > > > There are some notes worth addressing when contemplating moving towards a > vertical nav from a user experience perspective. > > 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. > > 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). > > > > Additional information about the vertical nav and its functionality can be > found on the PatternFly blog > <https://blog.patternfly.org/vertical-navigation-finding-your-way/>. > > An additional note: the idea of a vertical nav was based on our perspective > from a user experience team. I know that there will also be additional > considerations from a technical perspective. I’m looking forward to > everyone's feedback. > > -- > You received this message because you are subscribed to the Google Groups > "foreman-dev" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > For more options, visit https://groups.google.com/d/optout. > > -- > You received this message because you are subscribed to the Google Groups > "foreman-dev" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "foreman-dev" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
