Design Patterns
Screenshots
Blog
Talks
Shop
Get a mentor

Screenshots

170 examples found

Featured screenshot collections

Getting input

Password Strength Meter
Wizard
Structured Format
Captcha
Keyboard Shortcuts
Rule Builder
Inplace Editor
Rate Content
Preview
Drag and drop
Expandable Input
Fill in the Blanks
Settings
Vote To Promote
WYSIWYG
Input Feedback
Completeness meter
Calendar Picker
Morphing Controls
Good Defaults
Inline Help Box
Wiki
Autosave
Undo
Input Prompt
Pay To Promote
Flagging & Reporting
Steps Left
Forgiving Format

Navigation

Vertical Dropdown Menu
Adaptable View
Navigation Tabs
Article List
Tag Cloud
Pull to refresh
Breadcrumbs
Accordion Menu
Pagination
Favorites
Horizontal Dropdown Menu
Fat Footer
Cards
Notifications
Carousel
Modal
Progressive Disclosure
Shortcut Dropdown
Archive
Continuous Scrolling
Home Link
Thumbnail
Event Calendar
Tagging
Categorization
Module Tabs

Dealing with data

Autocomplete
Gallery
Table Filter
Frequently Asked Questions (FAQ)
Slideshow
Dashboard
Copy Box
Sort By Column
Search Filters
Alternating Row Colors
Image Zoom

Social

Collectible Achievements
Activity Stream
Like
Friend list
Auto-sharing
Follow
Testimonials
Leaderboard
Reaction
Chat
Friend
Invite friends

Miscellaneous

Onboarding

Lazy Registration
Paywall
Playthrough
Coachmarks
Inline Hints
Guided Tour
Account Registration
Walkthrough
Blank Slate

Cognition

Loss Aversion
Endowment Effect
Scarcity
Curiosity
Limited duration
Peak-end rule

Game mechanics

Goal-Gradient Effect
Variable rewards
Appropriate challenge
Fixed rewards
Praise
Privileges
Intentional gaps
Unlock features
Investment Loops
Prolonged play

Perception and memory

Recognition over Recall
Chunking
Anchoring
Serial Positioning Effect
Tunnelling
Reduction
Isolation Effect

Feedback

Kairos
Feedback loops
Tailoring

Social

Liking
Reciprocation
Social proof
Cognitive Dissonance
Commitment & Consistency

Filter by color

Filter by website

Search for keywords

Breadcrumbs

delicious.com

From delicious.com

Breadcrumbs

psd.tutsplus.com

From psd.tutsplus.com

Advertisement

Breadcrumbs

marchanddetrucs.com

From marchanddetrucs.com

Breadcrumbs

typepad.com

From typepad.com

breadcrumbs

lonelyplanet.com

From lonelyplanet.com

å¯¼èˆª

lonelyplanet.com

From lonelyplanet.com

Breadcrumb Navigation

lonelyplanet.com

From lonelyplanet.com

Breadcrumb Navigation

profoto.com

From profoto.com

Breadcrumbs

profoto.com

From profoto.com

Breadcrumb

profoto.com

From profoto.com

←
1
2
3
4
5
6
→

Learn more

Blog
Design Patterns
Screenshots
Talks
Shop
Send an email
About UI-Patterns.com

Shop

Brainstorming tool web design
Persuasive Patterns
Validation Patterns
UX card deck
Posters about UI and webdesign

Also by us

UI Shop
UI Talks
Product & UX Mentoring

Subscribe to our newsletter

Sign up to receive tips and tricks on how to create online designs that make people take action.

Email address

© 2007-2023 Learning Loop ApS. All rights reserved. Privacy Policy.