HCI :UI Design Patterns

UI Design Patterns

A Pattern Catalogue

UI Design Pattern Categories

Navigation Patterns

Layout Patterns

Searching Patterns

Input Patterns

eCommerce Patterns

Data Patterns

Color Patterns

Navigation Pattern: Global Navigation Bar

Navigation Pattern: Global Navigation Bar

Navigation Pattern: Flat Menus

Navigation Pattern: Flat Menus

Navigation Pattern: Breadcrumbs

Navigation Pattern: Home Link

Navigation Pattern: Pagination

Navigation Pattern: Carousel

Navigation Pattern: Carousel

Navigation Pattern: Navigation Tabs

Navigation Pattern: Module Tabs

Navigation Pattern: Page Guide

Navigation Pattern: Page Guide

Navigation Pattern: Page Guide

Navigation Pattern: Page Gr5ds

Layout Pattern: Grid of Equals

Layout Pattern: Grid of Equals

Layout Pattern: Content Groups

Searching Pattern: Tag Cloud

Searching Pattern: Fat Footer(footer sitemap)

Searching Pattern: Fat Footer(footer sitemap)

Searching Pattern: Searching B6x

Input Pattern: Forgiving Format

Input Pattern: Input Strength Meter

Input Pattern: Completeness Meter

Input Pattern: Input Prompt

Input Pattern: Required Field Marker

Input Pattern: Lazy Registration

Ecommerce Pattern: Paywall

Ecommerce Pattern: Pricing table

Ecommerce Pattern: Product Page

Ecommerce Pattern: Overview Plus Detail

Ecommerce Pattern: Shopping Cart

Ecommerce Pattern: Shopping Cart

Ecommerce Pattern: Transaction Security

Ecommerce Pattern: Transaction Security

Ecommerce Pattern: Website Trust

Data Pattern: Progressive Disclosure

Data Pattern: List Inlay (inline expand)

Data Pattern: Events Calendar

Data Pattern: Events Calendar