Design Patterns
Screenshots
Blog
Talks
Shop
Get a mentor

Screenshots

217 examples found

Featured screenshot collections

Getting input

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

Navigation

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

Dealing with data

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

Social

Collectible Achievements
Activity Stream
Follow
Like
Friend list
Auto-sharing
Reaction
Friend
Testimonials
Leaderboard
Chat
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

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

Feedback

Kairos
Feedback loops
Tailoring

Social

Liking
Reciprocation
Social proof
Commitment & consistency
Cognitive Dissonance

Filter by color

Filter by website

Search for keywords

Wizard

beanstalkapp.com

From beanstalkapp.com

Wizard

Advertisement

Wizard

Wizard

homesite.com

From homesite.com

Wizard

beanstalkapp.com

From beanstalkapp.com

Forms - required fields

Input Feedback

hcsra

123

Best

foodnetwork.com

From foodnetwork.com

Best

Best

typepad.com

From typepad.com

Best

foodnetwork.com

From foodnetwork.com

Best

Best

typepad.com

From typepad.com

Best

foodnetwork.com

From foodnetwork.com

Best

Best

typepad.com

From typepad.com

wizards

foodnetwork.com

From foodnetwork.com

Form validation

breadcrumbs

typepad.com

From typepad.com

Initial

livestream

cgswhgd

foodnetwork.com

From foodnetwork.com

Steps

foodnetwork.com

From foodnetwork.com

Input FeedBack

Explaining the process

foodnetwork.com

From foodnetwork.com

Forms_different

wizard

wizard

beanstalkapp.com

From beanstalkapp.com

Wizards

Wizards

←
1
2
3
4
5
6
7
→

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.