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

learn more… | top users | synonyms (1)

4
votes
1answer
279 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 ...
5
votes
3answers
164 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
3answers
13k 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 ...
13
votes
5answers
708 views

How to define/classify messages and notifications

I have seen content from various style guides and UX guidelines about this, and was wondering if there is a much more simple system to create a consistent and easy to implement design for various ...
6
votes
4answers
900 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 ...
5
votes
4answers
234 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 ...
4
votes
5answers
332 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 ...
26
votes
4answers
2k views

Design Patterns for Discoverability

What are some tried and true design patterns for discoverability in UI/UX, where information or a feature isn't necessarily overt at first glance, but is discoverable by using the interface through ...
6
votes
2answers
246 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 ...
10
votes
4answers
2k 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? ...
8
votes
5answers
457 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 ...
12
votes
8answers
2k views

Best practice for translating context menu options to touch devices?

I'm building a photo site that must allow users to manage thousands of photos via paged thumbnails on a big desktop. I also want to offer a touch interface that is both usable and delightful on the ...
13
votes
8answers
2k views

Do you know any comparative resources like mobile-patterns.com [closed]

Mari Sheibley is the lead designer of foursquare and has created this awesome site comparing mobile UI patterns - for example showing how a feed page looks in different applications, etc. I've found ...
11
votes
5answers
558 views

What is the correct meaning of “slider”?

I'm confused by the word "slider". It seems to be used interchangeably for two quite different types of UI control. An input allowing selecting of a point on a numeric scale, as in the jQuery UI ...
4
votes
3answers
358 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 ...
7
votes
1answer
103 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 ...
13
votes
4answers
382 views

Best Practices For Marking New Content

In my web app I want to clearly tell a user what has happened while he was not there. At this time I just highlight new posts with yellow. But if there were many changes then the whole page is ...
2
votes
1answer
153 views

Should Desktop UI Patterns include Keyboard Shortcuts?

Not much to describe here. But I think that it'd be a good idea to have UI-Pattern documents to suggest relevant keyboard shortcuts. However, I haven't seen it anywhere and I'm wondering whether this ...
3
votes
5answers
323 views

Using scrolling up from pageload to reveal additional content

There are certain sites have a pattern where the page loads, and then if a user scrolls up, additional content is presented. I know that NBCNews.com does this with certain pages, and I've been told ...
6
votes
4answers
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 ...
0
votes
0answers
48 views

Mobile pattern library with animated IxD examples? [duplicate]

Can anyone suggest a blog or pattern library that demonstrates interaction design examples? Everything I've seen to date uses static screenshots, but nothing that actually animates the interactions or ...
0
votes
0answers
54 views

Consistency in Mobile App [duplicate]

Should we maintain same design for all different native app platform? Or can we change depends on mobile design flow? Please clarify my comfussion. Ex: 1. facebook same in both android and iphone 2. ...
1
vote
0answers
173 views

Do you know some interesting patterns galleries for tablets? [closed]

I need to find some good examples of patterns for tablets. I know already a list of mobile patterns websites that I find really usefull but now I need something specifically oriented to tablet design. ...
12
votes
4answers
378 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 ...
8
votes
4answers
207 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 ...
3
votes
1answer
1k views

Examples of patterns for multiple file uploads using drag and drop?

I've been working on an app that involves making an application for a permit. Applicants typically need to upload 5-16 documents (drawings and specifications) before they submit their applications. ...
7
votes
1answer
143 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 ...
2
votes
1answer
97 views

Design paradigm for order process where customer has no existing record

I'm creating an intranet app (MVC and razor) for a jewellery business. One of the forms is for creating a custom piece of jewellery, sometimes these are made for display purposes and have no initial ...
3
votes
2answers
144 views

UI patterns for data composition

More specifically, I would like to create an interface which Takes input from one or multiple sources. Makes it possible to process on these inputs Provides a way to capture the output. One way I ...
0
votes
1answer
108 views

Similar Template Design Causes “Imitation” Concerns

I'm new to the web design and web comic fields. A little while back I posted this article on how to change my site design because it looked like it was from the 90s... How to not make my website ...
8
votes
6answers
496 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 ...
2
votes
3answers
234 views

Providing multiple paths/flows for the same Action

We are developing a complex platform with heavy functionality, and I am having a dilemma, concerning whether or not to add a button for the same functionality one-step earlier in the User Flow. As ...
9
votes
2answers
209 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 ...
18
votes
5answers
1k views

What should be the difference between enabled and disabled buttons? (especially if they are grey)

What is the best way to show that a button is Enabled or Disabled? (especially if it has grey color) For example what do you feel about the following button? Is it enabled or disabled? How could it ...
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 ...
9
votes
4answers
218 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 ...
2
votes
3answers
306 views

Look and Feel Consistency for existing app with new features

I have an existing app, which is almost two year old and I am planning to build new UI screens using bootstrap framework. I start to realize that new UI screens are NOT having the same look and feel. ...
1
vote
2answers
241 views

Action buttons for mobile — ok to go full width?

Is it acceptable to use full width mobile action buttons, say in the footer, like in the 1st example? It's nice and simple but I'm afraid users might mistake it for a regular footer. The 2nd example ...
5
votes
2answers
198 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
5answers
626 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 ...
3
votes
2answers
83 views

UI Options for Displaying Connected Apps / Managing App Connections

I am searching hard to find a nice way to show connections/interactions between various individual apps within an app store. This is important for two reasons: Certain apps exist mainly to ...
12
votes
5answers
2k views

How to represent optional fields?

I've read somewhere, that if you have more required fields than optional, best practice is to mark the optional form fields. However I think that asterisk notation for required fields is a widely ...
14
votes
3answers
1k views

Labels above the field or to the side of the field? What about prompt text and validation messages?

Which layout works best for your users?: Field labels on the side of fields Field labels above the data entry fields What about prompt text, format tips, examples and validation or error messages? ...
6
votes
5answers
280 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, ...
1
vote
2answers
114 views

What to do about “occasional” recommendation in a decision support application

I am designing a clinical application which displays a list of potential actions for clinicians to take ranked by their appropriateness to the clinical scenario (i.e., it looks like Google). ...
2
votes
1answer
76 views

Rarely used translation function placement

I have just been looking at the analytics of one of the websites I work on, and one of the features is required - but rarely used. There is a Microsoft Translate button, with their "Powered by ...
7
votes
1answer
160 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 ...
4
votes
3answers
157 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 ...
7
votes
4answers
296 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 ...
6
votes
1answer
241 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 ...