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

learn more… | top users | synonyms (1)

7
votes
5answers
270 views

On news apps, how does using a different colour for each category help the user?

On news websites and news apps, a specific colour is often used for the link to each category (background colour or underline colour), and I would like to understand how this is helpful for the user, ...
7
votes
3answers
3k views

Design patterns for Search

I know this may sound very generic question, but I am forced to post this to understand different patterns of search. I am working on a content oriented site which contains various types ...
7
votes
3answers
595 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
1answer
161 views

Assigning tasks to user based on work load

I'm working on a pop up where you can assign percentages of applications to users based on current work load. For instance, I have 100 applications that need to be worked on and are not assigned to ...
7
votes
3answers
730 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
2k 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 ...
7
votes
2answers
10k 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
226 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
268 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
125 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
949 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
423 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
280 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
687 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
670 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
282 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
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?
6
votes
5answers
582 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
846 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
1k 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
1answer
191 views

How to Display Occasional Announcements on a Website?

I’d like to add an announcement banner or an element with the same functionality (e.g. alert, button) to a website to notify users about an upcoming survey. It should contain a call for participation, ...
6
votes
1answer
2k views

Which design pattern is the best option for drilling down into data?

I have quite a large dataset which I need to display to end users. These data are grouped by super group, medium group and junior group. Medium groups are children of super groups, and junior groups ...
6
votes
3answers
2k 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
61 views

What's the best way to present a nested drop down menu but avoid the drop down going off screen?

I'm currently working on a design that originally was using a nested drop down meny like so: But, when a user clicks on the "more" icon of the card furthest to the right, the drop down menu no ...
6
votes
2answers
754 views

Drag and Drop: Better to avoid drag-n-drop to offscreen elements?

I have a particular web interface in which drag-and-drop may be useful, however, the problem that I see is that the list of items to be dragged could potentially be very long (below the fold). Is it ...
6
votes
2answers
408 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
4k 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
223 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
784 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
5answers
359 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
446 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
117 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
329 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
5answers
6k 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
23k 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
216 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
381 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
545 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
3k 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?