Reusable solutions for commonly occurring problems in user interface and user experience design.

learn more… | top users | synonyms (1)

7
votes
2answers
496 views

Layout for adding one or more contacts to a record

The context: The user is creating a client record. Against each record their could be one or more contacts (people) provided. Often this will be adding 1 or 2 but could sometimes be up to 5-10. The ...
7
votes
3answers
645 views

Have you used Patternry (or used/built another patern library management system)?

I need to create a proper pattern/component library for our organization. Ideally, it would include: images (examples of the component) attachments (wireframes) description title notes/conversation ...
7
votes
2answers
9k 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 ...
7
votes
4answers
2k views

Design / UX examples of multiple sub-sites with the same general look and feel

I'm working on an upcoming large project for a company that has many entities. They've recently decided that they want a master website to rule all of their entities. Each entity would have a section ...
7
votes
1answer
205 views

Displaying links to other profile pages, while maintaining good white space

I am designing a profiles page for a website where by the names and position of company employees should be displayed on all profile pages for easy navigation. I do not want to put a <ul> to ...
7
votes
2answers
260 views

Are there any design patterns for interacting with 3D objects on a multi touch surface?

I'm in a project were we would like users to interact with a 3D object. Users should be able to zoom, pan and rotate in all dimensions without using extra tools. I'm looking for best-practice design ...
7
votes
1answer
120 views

strategies for applying properties to many items

I'm working on a web application where one of the workflows centers around the configuration of a large number of items. An important part of this configuration is applying one or more properties to ...
6
votes
4answers
940 views

Deliberate Barriers to Entry in Web Design

ACHICA.com has taken the "members only club" concept to a level I've never seen online; you can hardly view anything on the site without registering. This is the first time I've seen barriers to entry ...
6
votes
4answers
417 views

Should apps' design evolve according to the OS version?

In iOS 7, Apple revamped the whole OS's look and feel. Removing a lot of gloss and 3D stylistic elements. Does this mean that the apps built for iOS 7 must change as well to match this new style? ...
6
votes
2answers
266 views

Is it OK to have a global navigation tab link to another site?

My organisation, which provides information and advice, is starting to sell things online as well. The 'shop' will be run on a different platform and is effectively a different website (but will be ...
6
votes
4answers
666 views

How to represent a one time action

I am doing serious games and simulations and I sometimes have the need to represent actions to the user that they can only do once. Basically the user issues a command that only needs to be done once. ...
6
votes
7answers
2k views

Favourite site with examples of well-designed web ui elements [closed]

Please list your favourite site for finding examples of well designed web elements, one per answer so they can be upvoted individually. Explain why it is good in the answer
6
votes
3answers
660 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....
6
votes
1answer
263 views

Clicking twice to edit filename - what are the reasons for this pattern?

Like we all know, one can edit a file or folder name in Windows Explorer by either right clicking and choosing "Rename" from the context menu OR by highlighting the file by left-clicking, and clicking ...
6
votes
5answers
566 views

Does a log in/sign up field always have to be top right?

Best practice says that log in/sign up fields should always be top right of the website, no arguments there. There seems to be a trend towards simply having "Sign up here. Or log in if you already ...
6
votes
4answers
280 views

How many interface designs are necessary beyond the initial mockup phase?

Every time we start a new software project at my company, we will go to great lengths figuring out the best and most user friendly interface possible. We often have many reasons for the decisions we ...
6
votes
3answers
794 views

Any good design patterns for managing columns in data-intensive/spreadsheet views?

I'm trying to move away from the "build a list" pattern we currently employ to manage what columns are shown. The disconnect and lack of "directness" between the table itself and this dialog is ...
6
votes
1answer
981 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 ...
6
votes
3answers
1k 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 ...
6
votes
2answers
377 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 ...
6
votes
4answers
4k views

Redesigning a My Account Page, What kind of navigation is best?

I have had this low priority pet project to redesign the My Account page on our site, http://www.yousendit.com, and since this has been on the back-burner for so long, I cannot determine the right ...
6
votes
4answers
3k views

Best Web UI for Large Amounts of Data Input

I'm looking for a good solution when users need to enter large amounts of data into a web application. Example A store owner wants to enter 30-40 new products into the system every month. The ...
6
votes
1answer
1k 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 ...
6
votes
3answers
195 views

Where did the pattern of displaying username in the top right emerge?

What was the initial intention of displaying the user's name along with the avatar on the top right of the app-bar? This is fairly common in some sites like Facebook, OneDrive etc., while other ...
6
votes
2answers
732 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. ...
6
votes
2answers
1k views

Industry standard for documenting IxD / UI Design Patterns?

What's the industry-standard way to document a design pattern? I have seen websites like ui-patterns.com and patternry.com that host and share design patterns, but when creating an reusing a design ...
6
votes
5answers
335 views

Is there a pattern for cycling or toggling through time periods?

I'm looking for a pattern for toggling between different periods of time. Currently I've prototyped an example which is a single button that, when tapped, will cycle through 3 time periods: by month, ...
6
votes
1answer
2k views

Anyone know of a good pattern library for game UI design? [closed]

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.
6
votes
2answers
355 views

Pattern Library Software

I've been looking at a recent A List Apart article on creating pattern libraries. They point to a few example pattern libraries: A List Apart Code for America MailChimp Now working in a UX Team ...
6
votes
2answers
156 views

Should all browsers share the same experience?

I'm creating a page that uses history.pushState() which is only supported by html5 browsers. As such, should users of older browsers have a different experience? Here are two options that I can think ...
6
votes
1answer
2k 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 ...
6
votes
1answer
105 views

What are the manage tools for “One-Person UX Team”? [closed]

Context: I am working as a UX, interaction and graphic designer on an enterprise web app. The team has never have a designer before and all design was done by developers and project managers who would ...
6
votes
2answers
4k views

Side navigation menus for Android tablets

The new trend of side navigation menus has taken over Android apps - Facebook, Evernote and now youtube and google+ are all doing the side navigation menu like here: Though it seems like this has ...
5
votes
5answers
327 views

What's the name of the design technique where you make something clearer by using contrast?

For instance, choosing a background color that makes all text stand out better, or giving all hyperlinks a background color the opposite of the color of the actual hyperlinks. An example of this is my ...
5
votes
2answers
7k 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?
5
votes
5answers
5k views

Is it a bad idea to put the logo in the top-right corner and the navigation in the top-left?

Firstly I would like to say that I don't think there is a concrete rule about where the logo on a website should be – but intuitively I think it should be in the top left at least for continuities ...
5
votes
3answers
21k views

Speech Bubbles meaning

I am developing a toon story to illustrate my company's offerings. May be I'll use a landing page, or just create it on the home page. I have 3 actors in it, a cab driver, a bpo company owner and ...
5
votes
6answers
214 views

How do you handle prohibition inside a “free form” interface?

I come to you with a dilemma that I think is most closely identified with 'user experience.' I'm wireframing a web application, yet this "free form" user area has posed a few interesting challenges. ...
5
votes
4answers
358 views

Should clicking a drop-down menu in a native app a second time close it?

Why do some UIs use drop-down menus that can be closed with a second click, while others do not? It really annoys me when I have to click outside of the menu in order to close it and I accidentally ...
5
votes
1answer
480 views

what's the design pattern for the sidebar navigation used by Amazon, NewEgg and LightInTheBox?

See the below navigation examples currently used by Amazon, LightInTheBox and NewEgg. What's the pattern called? The content containing the subcategories would slide out when the mouse is hovering ...
5
votes
2answers
2k 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?
5
votes
2answers
2k views

Responsive design Pattern for secondary navigation - is there a way not to swamp the user?

I am having trouble to find a good way to present the user some kind of secondary navigation on smaller screens. On Large screens, it looks something like this: (This one is taken from ...
5
votes
2answers
1k views

Displaying a large number of columns in a table

I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
5
votes
2answers
4k 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?
5
votes
2answers
157 views

Forgiveness Enabled Dialog Pattern?

I'm working in some workflows, and we've caught a number of possible exceptions (before actually implementing) that might allow the user to correct their actions. We're debating between just sending ...
5
votes
4answers
268 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
661 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
8answers
958 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 ...
5
votes
3answers
208 views

What's the name of this type of navigation?

I want to know whats the name of the navigation of these sites bellow: http://www.visitsuffolk.com http://www.ehow.com.br http://www.blogdoplaneta.com I searched for 'responsive grid', but its ...
5
votes
3answers
1k 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 ...