[Patternfly] Vertical menu hiding example

Thomas Maas tmaas at redhat.com
Thu Nov 10 09:09:26 UTC 2016


Hi Catherine,

Won’t we confuse users by giving them a sense of control through the hamburger icon that toggles the navigation but at the same time taking that control away by toggling the navigation for them on certain pages.  

The end result might feel like random behaviour for a user who isn’t in the known.

More predictable behaviour might be a hamburger icon that toggles the navigation and keeps the state for subsequent pages. Then the user is in the driving seat.

But maybe it won’t be a problem, user testing should be able to tell you. 

Cheers,
Thomas.


> On 9 Nov 2016, at 22:30, Catherine Robson <crobson at redhat.com> wrote:
> 
> 
> On Wed, Nov 9, 2016 at 4:29 PM, Allie Jacobs <ajacobs at redhat.com> wrote:
> 
> 
> On Wed, Nov 9, 2016 at 4:20 PM, Catherine Robson <crobson at redhat.com> wrote:
> Hi PatternFly,
> 
> Here's an example of the vertical navigation interaction that we are thinking about using in iPaaS.  The idea is that the vertical navigation would show on main pages: Homepage, the main landing page for each primary navigation.  It then is hidden as the user enters into a detailed create/edit flow or page so the user can focus in on the content they are working with, but they can get back to the hamburger menu if needed for navigation.
> 
> Primary navigation page with menu shown:
> https://redhat.invisionapp.com/share/VQ8UZ7PCE#/screens/197650677
> 
> What's in the hamburger menu in this example?
> It would hide the navigation if it is shown, acting as a toggle that is currently in "open" state. 
>  
> 
> 
> Create/Edit action in process, menu hidden:
> https://redhat.invisionapp.com/share/VQ8UZ7PCE#/screens/197803229
> 
> Thanks,
> Catherine
> 
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly
> 
> 
> 
> 
> -- 
> 
> Allie Jacobs
> UXD
> calendar
> 
> 
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly





More information about the PatternFly mailing list