Share your ideas for new patterns with us
Didn't find the pattern you were looking for? Suggest a new pattern here! We will do our best to include the highest rated patterns in the next version release of the library.
-
56 votes
-
32 votes
Mega Drop-Down Navigation Menu
I got the idea for this pattern from Jakob Nielsen's Alertbox article. According to the article, "Mega drop-down navigation menus" work better than regular drop-downs.
Read the article here: http://www.useit.com/alertbox/mega-dropdown-menus.html
The name is a bit misleading. How about "Fat flyout navigation menu" instead? ;)
-
20 votes
upload
Thanks for you suggestion. I've thought of this, and think that file upload is more a UI component than a UI design pattern. Other opinions?
EDIT: Have a look at "Compehensive File Upload" in Fluid Open Source Design Pattern Library. http://osdpl.fluidproject.org/content/file-upload
-
14 votes
-
14 votes
Grid View
Also known as: Grid-Based Layout, Page Grids
Use Grid view to display content.
Links:
http://www.welie.com/patterns/showPattern.php?patternID=grid-based-layout
http://developer.yahoo.com/ypatterns/pattern.php?pattern=grid
http://www.maxkiesler.com/index.php/weblog/comments/beyond_the_list_view_... more -
12 votes
Field Error Indicator
Indicate clearly errors on the form.
-
8 votes
Inplace Modal
Modal(Lightbox/thickbox) displays are great to focus users' attention on to a particular task. There are some places where the user needs to be focussed on a particular portion of a web page without losing the context of the surrounding user interface elements. Inplace modal displays a overlay ar... more
Status: planned -
8 votes
Advanced Controls / RIA Controls
In addition to basic input controls, people would probably need a pattern describing more advanced controls.
-
8 votes
periodic refresh
periodically refresh a page; update displayed data dynamically.
Status: plannedI hadn't recognized this as a pattern before you suggested it, thanks. Now when I identified it I see this pattern in use all the time: Gmail, Twitter search, Google Docs etc. But, is this a UI design pattern, or AJAX/coding pattern instead? Or, is this a pattern at all, or rather just part of other patterns? Those are few things I need to consider before turning this idea into a pattern.
One more thing: I'm going to focus now more on patterns people need when they make early sketches of the UI, and this pattern is a bit out of the scope. But, after I have finished that theme, I'll consider this pattern again.
Edit: Just found a good screencast example of periodic refresh on Flickr from Designing Web Interfaces: http://flickr.com/photos/designingwebinterfaces/3259238059/
-
5 votes
-
5 votes
Search result filters
Patterns for filtering and reducing the results of a given search.
We already have "Refining Search" pattern which should be close to what you described. Or did you mean something else or more patterns on the topic?
Have a look at: http://uipatternfactory.com/p=refining-search/
-
5 votes
Assign multiple words from a taxonomy
Allow a user to assign a content element (e.g. an image) with a number of words from a hierarchical list.
-
5 votes
-
5 votes
Matrix
Show items in matrix view. This gives visibility to all item attributes and allows easy comparison between items.
http://uipatternfactory.com/wp-content/uploads/2007/12/matrix-apple.png
-
4 votes
tabbed carousel lists
Multiple small tabs across the top of a function list. tabs represent function groups, list items represent subfunctions. Conceptually similar to the windows menu line but with all sublist items fitting in the same list box space - transition between lists carousel fashion for pizazz!
Do you happen to know any Website that is using this pattern? I'd be interested to see an example how it works.
-
4 votes
List Building Groups
Using 2 lists and 2 grids create or build from one list to another. For example here are all my available options in list one. And here are the ones I choose to create. A user would add/remove from List 1 to create the wanted items in list 2
Thanks for your suggestion. Is this what you mean: http://osdpl.fluidproject.org/designPatterns/List-Builder
-
3 votes
Hide unflagged options
This display pattern only presents the flags that are on in the data until the user edits the information. For example, a ticketing system might have the options: "accessibility issue", "usability issue", "compatibility issue", etc. These are all yes/no options and... more
Thanks for the suggestion and apologies for late reply - I was on vacation. I think this is more a design principle (something like "keep it lightweight"), rather than a design pattern, but I could use this idea in some of the existing patterns and upcoming patterns.
-
3 votes
Reviewing large amounts of text fields
A pattern that shows how to show text for review or editing after a user fills out a long form
-
2 votes
