AdobeStock_103698071.jpeg
Non Linear Hero.png
Linear Header 2.png
Data Organization Hero.png
Feedback Pattern Hero.png
Download.png
AdobeStock_103698071.jpeg

Validated Design Patterns


SCROLL DOWN

Validated Design Patterns


Don't Start from Scratch.

 

see your vision come to life faster, delighting your customers.

Preview and Download
Our Design Patterns Below.

Non Linear Hero.png

Non-LInear Patterns


Non-LInear Patterns


Non-Linear Information
Architecture Patterns

 
 

Document Pad

A paper metaphor for a digital system, whether a portrait mode tablet or a multi-screen desktop, this pattern uses a slide-up document pad to preview, review, or edit.

 
 
 

Dashboard

Tiled landing page with a high level view of most important information.

 
Top-Navigation.gif
 

Top Navigation

Organize and navigate between complex workflows.

 
 

Side Navigation

Vertical menu to easily navigate across functionally related pages.

 
 

Expanding Sections

Accordion containers that expand and collapse allow the user to focus on relevant content.

 
 

Expanding Panel

Slide out panel to accommodate space for editing or displaying compound data.

 
 
 

Landing Page

Dashboard variant with secondary links customized to support a particular user, role, or instance. 

 
 

Tabbed Perspective

Tabs show multiple perspectives of the same data.

 

 
 

Mobile Adaptive Patterns

Equivalent design patterns' tested interaction models scale across devices.

Linear Header 2.png

Linear Patterns


Linear Patterns


Linear Information
Architecture Patterns

 
 

Vertical Stepper

Step-by-step form or data entry provides context: a multi-part form within a single app page using keyboard navigation.

 
Form Stepper.png
 

Horizontal Stepper

Ordered, guided instruction with easily digestible steps.

Data Organization Hero.png

Data Patterns


Data Patterns


Data View Patterns

 
 

Views by Tag

Tags filter data and are bookmarked into views for easy access and organization.

 
 

Tiled View

Spacial selection grid of data all on one page for quick scan.

 

Table View

Manages large, flexible amounts of data for basic creation, editing, and filtering. 

 
 

Embedded Table View

Table rows provide high level report and expand into subtables for further detail and investigation.

 
Feedback Pattern Hero.png

Feedback Patterns


Feedback Patterns


 

Sunburst

Sunburst graphic draws the eye and directs focus to next steps.

 
Error Tracking 2.png
 

Error Tracking

Callout highlights error and navigates user through a review within or across pages.

Shortcut Menu 2.png
 

Shortcut Menu

An overview of contents and one-click shortcut to embedded pages. 

Download.png

Get Started Now


Get Started Now


Download our design patterns:

 

our patterns can work for you.