User Interface Design Patterns
It has long been common practice to use recurring solutions to solve common problems. Such solutions are called design patterns; standard reference points for the experienced user interface designer. This website seeks to better the situation for the UI designer, who struggles with the same problems as many other UI designers have struggled with before him.
This site will help you in two ways: You can read insightful design pattern articles or browse through our screenshot collection.
Finally, you can help your fellow peers by uploading your own screenshots of great user interfaces.
Recently uploaded screenshots
View more screenshotsRecent Design Patterns
-
Adaptable View
You want to let the site's presentation of content fit the specific needs of the user.
-
Image Zoom
The user wants to zoom in on an image to view the details in a higher image resolution.
-
Rate Content
The user wants to promote a specific piece of content in order to democratically help decide what content is of higher quality.
-
Input Feedback
The user have entered input into the system expects to receive feedback on the result of the submission
-
Account Registration
You wish to know who the active user is in order to provide personalized content or opportunities to conduct a purchase.
-
Vote To Promote
The user wants to promote a specific piece of content in order to democratically help decide what content is more popular.
-
Lazy Registration
The user wants to immediately use you and try your website without conducting a formal registration beforehand
-
Password Strength Meter
You want to make sure your user's passwords a sufficiently strong in order to prevent malicious attacks
-
Inline Help Box
The user needs an assistive introduction aside the interaction he is about to perform
-
Tag Cloud
The user wants to browse content by popularity or most elaborate topic
Abandoning IE6
One of the best things about running a site that caters to fellow web designers is that notions such as “keeping the design compatible with Internet Explorer 6 (IE6)” seems lesser relevant each day that passes.
When redesigning UI-patterns.com I completely abandoned keeping my designs compatible with IE6. The redesign was the first project where I allowed myself to think that way and I couldn’t be more thrilled. My development speed increased with multitudes focusing on mozilla and webkit browsers and adjusting for IE7 and IE8.
But to be honest, I wouldn’t take the same chance other projects I work on just yet. UI-patterns.com is blessed by having a user base using primarily Firefox (60 %), and less IE (23 %). The decision to abandon IE6 was also somewhat elitist as I convinced myself that “if the people visiting my site are still using IE6 for casual browsing, then they should reconsider calling themselves designers.”. I know that might sound harsh, but I guess making decisions about your target segment is just as important as the statement was harsh.
You might find the rest of the browser statistics for UI-patterns.com interesting:
