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

learn more… | top users | synonyms (1)

8
votes
4answers
3k 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 ...
8
votes
1answer
5k views

Should we use ‘narrow and deep’ or ‘broad and shallow’ navigation pattern on mobile devices?

If we have a large content environment on a mobile device, we need some way to access that content with ease. One could implement a narrow and deep navigation pattern which gives the possibility for ...
8
votes
6answers
629 views

Best way to communicate an abstract app concept such as a 'workspace' to users

The issue I'm struggling with is fairly specific, but it touches on a general UX topic, which is how to help users grasp some abstract app concept, such as some information organization or structuring ...
8
votes
4answers
697 views

CMS Interface Logic. - Is this the best approach?

I am developing a cms system. Currently I am working on the Interface for adding new menu items to a menu. (Due to the cms Logic the menus are fixed, the user can not add or remove menus, only delete ...
7
votes
4answers
2k views

Form Design with fifty search criteria

I am working on a search screen which has 50 fields having the following types of controls. Also one more problem is user can choose any one of the search criteria that can still fetch the results. ...
7
votes
4answers
4k 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?
7
votes
5answers
554 views

Design Pattern recommendations for application assignment visualisation

I'm sure there must be some terminology for what I require unfortunately I'm not sure what it is. Anyway, let me try to explain, I have a selection of applications for courses that are to be assigned ...
7
votes
3answers
1k views

Background patterns - do or don't?

Is there any data or research on whether or not background patterns have an impact on the user experience of a website as opposed to using a basic (flat/solid) color like white or a light-grey?
7
votes
4answers
354 views

Where can I read more about how the brain utilizes patterns?

I've been reading some cognitive psychology books and they all talk about the fact that our brains recognize and store things using patterns. Unfortunately, all these books talk only briefly about ...
7
votes
2answers
1k views

What is the most effective UI/UX paradigm for comment moderation in a CMS?

I've been working on a web CMS and I'm nearing the point where I'll be implementing comments and comment moderation. What are some common ways comment moderation is handled from a UI/UX perspective? ...
7
votes
4answers
2k views

Best resources to make great reusable UI elements (icons/buttons/etc)? [closed]

I'm new to "crafting UIs", but I've been doing User Experience / Interaction design for a while. Being unable to design my own graphics has been a serious handicap for my work as I'm dependent on ...
7
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 ...
7
votes
5answers
655 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 ...
7
votes
5answers
316 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 articles/...
7
votes
3answers
862 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
966 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
11k 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
1answer
2k 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 ...
7
votes
1answer
275 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
277 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
143 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 ...
7
votes
1answer
186 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
4answers
985 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
435 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
312 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
782 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
3k 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
4answers
124 views

Do the number of questions in FAQ affect perception of site?

In doing a new website, our client provided us with a quite long list of FAQ (Frequently Asked Questions). As usual in these cases, questions are made up (a totally different question, but a whole ...
6
votes
3answers
703 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
386 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
3k 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
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 http://www....
6
votes
8answers
1k 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 ...
6
votes
4answers
283 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
998 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
2answers
334 views

What do you call a point-by-point (like Slack's) registration ui?

Slack has an effective registration that prompts the user for each data point on a different view. I've found the pattern is very nice in terms of reducing the user's cognitive load. I'm curious if ...
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
5answers
755 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. ...
6
votes
1answer
901 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
4k 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
2answers
285 views

Are there any strategies or design patterns for managing a large number of tabs on a browser window?

Due to the changing nature of people browsing and reading through information on the web, the bookmark has been getting less love compared to people leaving tabs open on browser windows (or multiple ...
6
votes
2answers
208 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
3answers
363 views

What are conventions for keyboard shortcuts in Windows and OSX?

Keyboard shortcuts in Windows appear to follow some sort of convention based on the modifier key, but I can't figure out precisely what it is. Here is my current best guess: Ctrl-* often does a ...
6
votes
2answers
1k 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
502 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
5k 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
3answers
284 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 ...