Reusable solutions for commonly occurring problems in user interface and user experience design.
5
votes
3answers
503 views
is there a name for the itunes selection design pattern [duplicate]
Possible Duplicate:
UI: name of multiple column interface?
you know: with multiple select boxes arranged horizontally, with selection filtering from left to right....
5
votes
4answers
179 views
How early should you funnel users in a registration process?
As part of a registration form I am building I need to, at some point, differentiate between whether the user is a 'student' or 'professor'. I've seen this handled in two different ways and was ...
5
votes
3answers
458 views
What is the UI pattern used for managing people in Google+ called?
I've tried to find more info on this particular UI pattern Google+ exposes, and I'm sure I've seen it before, but still, I haven't been able to find references to it.
If you go to the Circles section ...
5
votes
3answers
608 views
Any good examples of interactive map patterns? [closed]
The goal is to design a page that allows the user to easily find a dealer near his/her location.
My initial idea was to map the geographical locations on a map of the country.
The country map is ...
5
votes
2answers
4k views
A Better alternative to display Hierarchical Data than using TreeView
I am a ASP.net Developer and am looking out for other alternatives to Treeview control. Reason behind is shipping too much of viewstate information for each request. Functionality of treeview would be ...
5
votes
3answers
123 views
What are the advantages of existing real world patterns in Information Architecture
When explaining real data structures to users, companies often use a parallel to the real world to help explain it. An example is the newsstand on an iPhone.
When is it a good idea to do something ...
5
votes
1answer
271 views
Chrome Options UI Pattern Name
I've been looking for a way to organize hierarchical data. I came across the UI in Chrome Options. I really like it and think will work well for what I need. Is there a name to this pattern?
As you ...
5
votes
1answer
253 views
What's the standard interaction pattern for bulk edit / delete actions on windows phones?
I'm looking for the standard pattern for windows phone for bulk actions like delete, archive or move. I mean, for example: How is the user supposed to delete multiple items at once.
I couldn't find ...
5
votes
2answers
283 views
UI Metaphor or Examples of configuration preset selection
What is a good UI metaphor for selecting from a set of configuration options?
The tool I'm designing for has nearly 200 (!) inputs that can be set depending on your particular application and needs. ...
5
votes
4answers
732 views
Design pattern for merging duplicate contacts?
Have you seen any good examples of applications (web or desktop) that make it easy for a user to identify and merge duplicate contacts or other records? We need our users to manually approve the merge ...
5
votes
1answer
603 views
What nomenclature do you use for UI Elements
Having worked with multiple OSs, platforms and UI Kits I always run into the problem of how to consistently naming things be that larger structures with names like Widgets, Views, Forms, Controls or ...
5
votes
3answers
617 views
Alternative sites devoted to UI micro features
Little Big Details is a microblog that shows screenshots of various user-interfaces, highlighting the the "little" things that make a "big" difference. For example, the latest entry highlights a ...
5
votes
2answers
258 views
Best practice for in-page search algorithms (not SEO for Google or the like)
my team and I are working on a football hub website and we would like to make the in-page search engine as powerful as possible as many uses would like to use search.
Q: Are there any best practice ...
4
votes
3answers
3k views
Table data in Mobile phones
I want to display a table with 4/5 columns and possibly 100 rows (as in desktop app right now) in smartphones. The table cells are also editable. Now we want to port this desktop app to smartphones ...
4
votes
5answers
545 views
Encourage users to tap the “review” button
How to layout an Info screen, so as many as possible are tempted to tap the "review" button?
I wish users would tap the "review" button and write a long positive review on the app store where they ...
4
votes
5answers
247 views
Best way to represent distance in a clear way?
I'm building a job board and the user can search for jobs around its hometown. It can adjust the radius using a slider.
Example:
1) User enters "Brussels" in the input box.
2) User changes the ...
4
votes
2answers
1k views
What is the difference between a 'slider', a 'gallery' and a 'carousel'?
From a pattern perspective is there a difference? Or are they really different names for the same thing?
4
votes
4answers
2k views
Alternatives to Datagrids
I'm wondering if anyone has recommendations of alternative ways of presenting data that is "tabular" than a datagrid.
Can anyone point to some examples of this?
4
votes
3answers
121 views
When should feedback be in-page and when should feedback be a separate screen?
I've seen feedback/confirmation on a separate screen for example when the user has submitted a form. Then the next screen they see: "congratulations you have successfully..."
Then on other occasions ...
4
votes
2answers
2k views
CRUD Desktop Best Practice
I always use this design for CRUD Desktop Form:
Is it a good design for a CRUD Form? Do you have any suggestions for a better crud desktop form?
4
votes
3answers
247 views
Pattern for navigating by typing text in a text-field
I am working on an application which has a very dense UI with lots of menu items.
Is there a UI Pattern for navigating to different screens by typing text in a text-field?
The keyboard focus is on ...
4
votes
2answers
94 views
Evidence of Button-action and Link-action in the same scope?
When I started to know GUI in the early 1990s there were always the same type of control to perform an action of the same type, even though the action was different as in [OK] [Cancel] and [Yes] [No]. ...
4
votes
2answers
169 views
How to best enter long digits on a small touch device without using keyboard input
my current task is to create an user interface for a mobile strategy game. stuff can be transported from point a to point b. the user can select an amount of stuff between 1 and 1.000.000. it is ...
4
votes
6answers
449 views
Good example of a Keyboard Shortcut Manager implementation [closed]
I am implementing a keyboard shortcut manager in which the user can assign shortcut keys to global (or contextual) commands in a Windows desktop application. Note that the application has load of ...
4
votes
5answers
557 views
Where do people get web design patterns/inspiration from?
I like to think I come up with original concepts as and when I can but I do find it really gives me a kick start when I can see examples of what other people have been doing to inspire my own design ...
4
votes
5answers
435 views
What are some examples or design patterns of an aggregating website with different types of content? [closed]
I'm designing a website that is meant to aggregate on it's homepage different types of contents such as:
Blog posts from around the web
User generated movies, presentations, documents, pictures etc.
...
4
votes
3answers
300 views
Multiple instances of a Property Editor
I am designing an application in which several kind of user objects have properties. When clicking an object, the properties of the object would be shown in a pane similar to the Properties pane in ...
4
votes
2answers
199 views
How can you show human element without showing pictures of people?
With a company that changes all the time, how can you show the personal touch of human interaction without showing pictures of humans? Essentially, blurring the line between technology and people, ...
4
votes
6answers
512 views
Creating a shared pattern library
I work in a small but growing team of UX designers developing a suite of web applications. It's become obvious that we would benefit from a common pattern library, but are unsure how to get started or ...
4
votes
2answers
597 views
What are the differences between Progressive Enhancement and Graceful Degradation?
What is Progressive Enhancement? I'm not able to understand this concept. How it works, and how it’s a model different/better(?) than Graceful Degradation?
4
votes
2answers
79 views
What is the name for a pattern featuring helper text in a semi-transparent overlay?
I am seeing an emerging design pattern in web apps that is used for helping new users get oriented to a page or application.
It consists of showing a diagram with succinct helper-text over a ...
4
votes
1answer
134 views
How would you design a two stage bar chart drill down?
A common design pattern I've used is using a horizontal bar chart to visualize numeric data about a series, and a click through drilldown that discloses a pane with more detailed information about the ...
4
votes
5answers
246 views
How to visualize similarity of one file to another?
Problem
My file-system is a mess, over the years I've been accumulating way too many downloads I didn't care to uncompress and organize, code that was subject to endless copy+pastes and improvements ...
4
votes
1answer
184 views
Documented guidelines for one-handed mobile phone interfaces
I'm trying to come up with user interface ideas for a mobile app that can be entirely used with your thumb while holding the phone with one hand. While I've looked at Apple's guidelines it doesn't ...
4
votes
2answers
204 views
What to call UI element like 'like' or 'mark as favorite' ?
Is it a kind of button? Do such UI components have a specific name?
4
votes
2answers
208 views
Is there a particular reason contextual content areas and menus aren't more prevalent in web applications?
I'm developing a user-driven sandbox application, wherein the user (more or less) builds their interface. In my preliminary web design drafts, I've found myself favoring a contextual content area at ...
4
votes
1answer
74 views
Alternative to a columns of checkboxes in a table
Here's the scenario:
A Person has a bunch of Accounts. Accounts may (or may not) have Services attached to it depending on the type of Account. Currently there are two types of Service (indicated by ...
4
votes
2answers
69 views
How to place text and a gallery side by side without giving more relevance to one or the other?
I have some galleries and some text (2 o 3 word pages) attached to each gallery. Until now I've had a gallery and the text in two different pages, with a link bar to switch between one and the other. ...
4
votes
1answer
433 views
Anyone know of a good pattern library for game UI design?
I'm a big fan of the Yahoo! Design pattern library. I'm surprised there isn't one for game UI - or at least I don't know of one. Does anyone? Looking for patterns for leaderboards, etc.
4
votes
2answers
281 views
What is the best way to organize all UI elements of a website in one place?
I'm looking for a good way to help us organize and keep track of the latest version of UI elements. The simple way I've found is to have one big file, maybe 10000 X 10000 pixels with all your UI on ...
4
votes
2answers
242 views
How would a perfect overview for 400 competitors look like?
I have to create an overview for a competition with about ±400 competitors. They are separate in the "best 100"-group and the others.
A random number of competitors shown as thumbnails with (if so) ...
4
votes
3answers
150 views
Using a table within a mega drop down
I've a quick question about combining a mega drop down with a tabular list view. Ideally I'd prefer jut to have the list to pick from but the list also requires sorting. I'm not really sure that this ...
4
votes
3answers
132 views
In place editing in search result and searching again
I am looking for existing solutions to a user interface problem. My users have the ability to search in a list of items. The items can be either single or composite items.
In the search result the ...
4
votes
1answer
913 views
UI Patterns for tables with many columns
I have a table with many columns,this table displays without scroll only on 21 inch and larger monitors.
If there is a ui pattern for tables with many columns?
4
votes
2answers
147 views
Data to reinforce the 'large login form fields' style?
We're working on a site that requires the user to login to use. We designed a sparse login page with a large login form. Akin to Gmail:
This seems to be the trend as of late. And it makes sense for ...
4
votes
2answers
517 views
Pattern to display Many to Many Relationships in two grids
Following is the data that needs to be displayed, to which the user can make changes or add new entries.
For capturing a contract, there is a set of documents that is maintained and for each document ...
4
votes
5answers
267 views
What is the best pattern to distribute items into several buckets
Let's consider the following:
A company wants to ship 3 types of fruits (apples, watermelons, strawberries) between two cities. Company has got 3 cars that can be loaded with fruits. Each car has a ...
4
votes
1answer
1k views
Examples of Master/Detail UI for “Social-Style” data [closed]
I'm looking for examples of interfaces that allow users to explore complex, interconnected systems on a variety of levels, from high-level patterns to low-level details.
In the mapping world, this ...
4
votes
1answer
319 views
Is it appropriate in a touch-based mobile web app to place the equivalent of “apply” in the header?
I'm creating a mobile web app for modern touch-based browsers, and I'd like to know if it's appropriate to put the equivalent of an apply / search / go / view results / proceed button in a thin ...
4
votes
0answers
51 views
Handling space constrained interfaces with many meta data options
I have the equivalent of a timeline with individual objects that can have many options. The issue is that the visual representation must remain constrained to easily read the timeline. The current ...
