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

learn more… | top users | synonyms (1)

12
votes
4answers
411 views

What is the best way to ask for a specific amount?

Consider the following simple scenario: User has 2,352 cookies in his account. Now, he is prompted with a message, "How many cookies would you like to eat?" Given he can enter any number from 1 to ...
12
votes
3answers
510 views

What are some of the negative consequences of using dark patterns in design? [closed]

After reading up on dark patterns ( http://darkpatterns.org/ ) and radical persuasion design, I have a question. What examples are there of companies facing consequences (like litigation, lost ...
12
votes
4answers
6k views

What is the best way to visually present a sitemap?

Do you know which are the common patterns for a graphical representation of a sitemap?
12
votes
1answer
776 views

What UI patterns are effective for editing multilingual content?

What are the best UI patterns for editing multilingual content? I'm asking about situations where user needs to fill same information (product name, description), in several languages. Updated: My ...
11
votes
4answers
13k 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?
11
votes
5answers
2k views

UI/UX in an Agile Development Environment

I'm working with a company on a medium-large scale web application. The application is to replace existing applications, manual, and electronic processes. This project is on a tight deadline, and is ...
11
votes
3answers
12k 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 ...
11
votes
2answers
2k views

How do I make a table row on a web page look draggable?

I have a table on a web page where I need to let the user reorder the rows. I was thinking of letting the user drag the rows to reorder them. But how would I let the user know that he could do that? ...
11
votes
2answers
331 views

Should primary click/tap action be listed in contextual menu as well?

Contextual menus are a nice way to extend the number of actions that can be performed directly on an item. However, the primary action is sometimes doubled there, usually listed as the first one. ...
11
votes
5answers
2k views

Bylines at the top or bottom of an article? Or both?

Jakob Nielsen's latest Alertbox post recommends omitting bylines except in a few cases regarding credibility. We've considered dropping bylines from the top of news articles to the bottom of articles ...
11
votes
5answers
927 views

Progressive Validation and Disclosure

I am trying to find an example of progressive validation. We have a UI for a a visual editor where a user does things like indicate dimensions in pixels or percent. The editor properties are in sets ...
11
votes
6answers
5k views

Alternative UI patterns for a large, shallow tree

In our app, AdminUsers can be associated to Editions, which are part of a Course. A Course would be something like Ruby 101, and an Edition would be French - Online or English - Classroom. So an ...
11
votes
1answer
748 views

Is there a name for the pattern of a categorized autocomplete?

Lately, I've noticed that Facebook search presents it's autocomplete options as a nice categorized list: However, I'm uncertain what to call this pattern. It reminds me a bit of what Peter Morville ...
11
votes
4answers
817 views

What UI designs are a good fit for the Kinect / PrimeSense DevKit?

Now that the manufacturer released the open source drivers, I'm interested in seeing what User Interfaces work well with this platform. Please share any links, source code, or commentary relevant to ...
10
votes
5answers
653 views

Zebra striping for body text?

The general consensus is that zebra striping a table makes it a little easier for people to keep track of which row they're on...but is this reduction of cognitive taxes only for table rows? I at ...
10
votes
8answers
2k views

Where is the best position for CRUD button?

I was always confused position CRUD* buttons on my application. I see some applications, there are CRUD bottons on the right side, top or bottom. In your opinion, where is the suitable place for the ...
10
votes
3answers
531 views

What is the difference between anti-patterns and dark patterns

Both are generally bad when they find their way into the user experience of a product and we are advised to know about them but avoid their application. Specifically what is the difference between ...
10
votes
7answers
3k views

“Clear input” button within a search box - why nobody but Apple uses it?

In my opinion, this button is very useful, giving you an ability to start over in just one click. But I can't seem to find non - Apple software that implements this pattern. Why? EDIT: I'm not ...
10
votes
5answers
8k views

Desktop software design patterns

There are a lot of resources on the web about web applications design patterns, but only a few about desktop applications. And this is quite strange as most of the business targeted software is ...
10
votes
2answers
247 views

What is a name for this “plate” scrolling functionality?

The Google Ventures website at http://www.googleventures.com/ has interesting functionality -- when you scroll down the page, the upper "masthead" stays fixed to the window but is slowly covered up by ...
10
votes
4answers
4k views

ICS style guide - Is there a standard icon to indicate drag and drop in a list view?

I searched here but didn't see an answer. I've gone through the new ICS Android design guidelines but did not see a standard icon or recommended icon for drag and drop in list views. Is there one? ...
10
votes
2answers
1k views

What is the name for the technique used on Yammer, LinkedIn etc profile pages?

The technique I mean is where the profile page will say "You have completed 60% of your profile, fill in your x, y and z to get to 100%". I think this is a very powerful technique but I can't remember ...
10
votes
3answers
382 views

Where can I find further reading or background information on Amazon's UI design decisions?

Reading this question about the best e-commerce check out flow, I wondered, "What Would Amazon Do?" For instance regarding the check-out process, most people agree that you'd prefer an inline tip ...
10
votes
4answers
3k views

Is there an established name for long scrolling web pages? [duplicate]

Is there a name for very long scrolling web pages like the Android KitKat page? I am trying to Google for CSS tutorials and other examples, but have no idea what the design is called.
10
votes
1answer
1k views

Case studies on using gradients in a design

Are there any case studies on the use of gradients in a web design? I'm looking for answers similar to this answer about the usability of rounded corners. Specifically, I'd like to know: Is there a ...
10
votes
5answers
598 views

Tabs design pattern, solving for “N” tabs

I've seen many design patterns that help solve different content presentation issues by leveraging "tabs". Assuming I do want to display grouped content on a page (complex content or simple) and ...
10
votes
4answers
323 views

Where should pasted objects in a drawing application be placed?

We are creating a drawing application where users can add shapes to a canvas. They can cut/copy/paste via keyboard shortcut or context menu. For the context menu, it's pretty clear that the pasted ...
10
votes
2answers
332 views

User Interface functionality modelling languages?

[this is a copy of my question on SO http://stackoverflow.com/questions/2200215/user-interface-functionality-modelling-languages but it fits better here] I am looking for a UI functionality modelling ...
9
votes
4answers
778 views

What is the name of this combined button/popupbutton?

This button is in the new Firefox, but what is the name of it?
9
votes
3answers
482 views

Are new app designs deviating from conventional (better?) Interaction designs?

I am on the 3rd chapter of Joshua Clark's Tapworthy : Designing great iPhone apps And I was really taken aback by the first few pages. In these first few pages Joshua Discusses the "thumb hotspot" ...
9
votes
6answers
398 views

Do comments really need a “title”?

I'm sure most (or all) of you have seen sites that offer a comment form and a "title" field. However, is the title field really necessary? If so, what is the motivation behind it? In my opinion, it ...
9
votes
8answers
526 views

What is the name of this kind of pattern/component?

I would like to know what this approach is called. In case my incredibly high-fidelity mockups are too confusing, what I'm after is a design that explicitly links the thumb to the viewport by ...
9
votes
4answers
2k views

Good solutions for boolean filter with sub conditions

I'm looking for a good and a clearly represented solution for a boolean filter with sub conditions (max. 5 Levels). Best, a variant with tables. Many apps use the typical mac osx filter (see ...
9
votes
4answers
686 views

When is it appropriate to split functionality into separate apps?

I'm a designer and my company has a single app that serves two different types of user. One group is the general public, who uses the app to navigate big events (e.g. annual user group meeting ...
9
votes
4answers
311 views

New search pattern for eCommerce website, will it work?

I'm trying a new kind of search navigation (sort of tag based) where a user selects already populated options (relationships and occasion) and search. Already populated options are on the left ...
8
votes
7answers
442 views

Is there any resource for UI examples? [closed]

I run a Usability/UX blog, and my biggest hurdle right now is finding examples to illustrate the topics I write about (bad error messages, good implementation of tabs, bad interactions...etc) So is ...
8
votes
5answers
829 views

Different styling for different tooltips on a single page?

I am working on a web application, and we are focusing very much on the consistency of the look&feel. When we are designing tooltip styles, we can see there is the 'plain style' tooltip and all ...
8
votes
3answers
872 views

To lower user's cognitive memory load or not?

Naturally, it sounds like it is only best for our users if our design could reduce user's cognitive workload when performing a task. However, there are also theories that explain the need for a ...
8
votes
4answers
5k views

Where can I find a comprehensive list of UI Components?

I think this is the site where I can ask this. Sometimes I have to build specials "slider" or "scrollbar" but when I try to look for information is difficult because I don't know the proper names. ...
8
votes
4answers
382 views

Can you describe the attributes, properties, and/or elements that make a user interface pleasing to the eye? [closed]

I've read that beauty is subjective and I've read that it is objective (I tend to believe a mix of both depending on the context). However I've also read that scientists found that a person generally ...
8
votes
3answers
2k views

Problem with avoiding right caret on Android

I am currently adapting an Android app to follow the design guidelines more and more. One thing I am doing is removing the right carets as suggested. While this works fine for listview where each ...
8
votes
1answer
174 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 ...
8
votes
1answer
507 views

Are fixed mobile headers and footers that disappear and reappear on tap really useful?

These fixed mobile headers and footers disappear and reappear on click / tap using jQuery Mobile's data-tap-toggle which is on by default. How useful are they? Pro: More content is available when ...
8
votes
5answers
1k views

Is there a name for this instant filter search pattern?

I've been trying to find a jQuery plugin which creates behavior similar to that of Stack Exchange user searches. The user search used on Stack Exchange sites is not an auto complete, but is more akin ...
8
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 ...
8
votes
1answer
4k 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
614 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
683 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?