Re-Architecting the PatternFly Website Using an Open Decision Making Process

Posted by & filed under Navigation, PatternFly, UX Research, What's New on PatternFly.org.

As the design of PatternFly becomes more modular, a project has been kicked off within the community to update the website’s information architecture (IA) to better align with the new framework architecture to better meet user needs. To guide the decision making process for the re-design we’ve decided to employ the Open Decision Framework (ODF),… Read more »

Tabs – Responsive Design

Posted by & filed under Navigation.

Overview We need a responsive design for tabs to handle overflow, which will include a responsive state for the two levels of tabs as well.   Current tabs implementation ->> https://rawgit.com/patternfly/patternfly/master-dist/dist/tests/tabs.html# 1.Justified However, When there are many tabs, it requires significant scrolling to find one of the tabs. Also, it’s not recommended in Material Design… Read more »

Going Vertical: A look at multi-level vertical navigation for enterprise applications

Posted by & filed under Navigation.

Vertical navigation is increasingly the solution of choice for enterprise web applications.  It is more scaleable and adapts more easily to small viewport sizes (i.e. mobile).  It has also been shown that locating all levels of navigation on the left-hand side of the page outperforms hybrid approaches that combine top and left navigation menus. [1] … Read more »

Drill Down: Looking into Details

Posted by & filed under Navigation.

This blog post addresses the initial concepts and approaches for the drill-down, from the list, card and table view. Please leave comments with any questions or suggestions you may have!   Overview Drill down is used to help the user navigate from a landing page to a details page. A typical landing page may have… Read more »

Vertical Navigation using a Non-Persistent Secondary Menu

Posted by & filed under Navigation.

The problem: You want to simplify navigation by not exposing secondary levels of navigation at all times Last month I published a blog post discussing vertical navigation and how a multi-column approach can be used to expose up to two levels of navigation in a vertical format (see Vertical Navigation: Finding your Way). At that… Read more »

Vertical Navigation: Finding your Way

Posted by & filed under Navigation.

Overview P>You should use a vertical navigation pattern when your application requires global navigation (i.e. navigation that persists throughout the application) that will be displayed in a vertical format anchored to the left-hand edge of the viewport.  While vertical navigation menus generally consume more pixels (i.e. more total area) than their horizontal counterparts, they have… Read more »