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

learn more… | top users | synonyms (1)

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
600 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
445 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
113 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
386 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
173 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
362 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
52 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
55 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
179 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
392 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
281 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
153 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
101 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
151 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
114 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
514 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
290 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
219 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 ...
19
votes
5answers
2k 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
236 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
357 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
310 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
229 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
643 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
89 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
312 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
121 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
85 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
183 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
159 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
304 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
249 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 ...
2
votes
5answers
894 views

Tooltips to shorten your content

At my job there is no UX expert, which can be frustrating since most of the daily discussions I have with colleagues is about user experience / interaction. Right now there is a discussion regarding ...
4
votes
2answers
158 views

Evidence of Button-action and Link-action in the same scope?

When I started to know GUI in the early 1990s there were always the same type of control to perform an action of the same type, even though the action was different as in [OK] [Cancel] and [Yes] [No]. ...
2
votes
3answers
186 views

Group settings depending on state

I'm working on a settings screen for a web application which consists of a list of features that can be either enabled or disabled. To be able to easily distinguish features that have been enabled ...
4
votes
2answers
1k views

When designing (UX/IA) a property search system what are some important things to remember?

I'm designing the UX for a property search system. The platform is FSIS. I am basically looking for best practices in doing a Faceted Search while being able to incorporate many refiners based off the ...
0
votes
2answers
114 views

Best way to identify different element states?

I maintain a reporting app and currently we're trying to come up with a new way to organize our settings page. We display our settings in a table, this is used for displaying the setting/values only. ...
8
votes
4answers
618 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 ...
1
vote
2answers
216 views

What is a good globalization pattern for user-entered content?

I'm trying to come up with a pattern that will support globalization for user-entered data. For each language, the Admin User can enter a Name, Description, and possibly other fields for their own ...
3
votes
2answers
630 views

Examples of magnification/zoom to see details [closed]

I'm looking for examples of interfaces where the user is shown part of the UI enlarged or magnified so they can perform a detailed task. One example would be the magnified text on an iPhone when ...
4
votes
1answer
5k views

UI Patterns for tables with many columns

I have a table with many columns,this table displays without scroll only on 21 inch and larger monitors. If there is a ui pattern for tables with many columns?
0
votes
3answers
174 views

Trying to decide which page should be my home page [closed]

I'm not a UI person and would love to get your recommendation - which page should be my homepage? myvoternation.com or http://myvoternation.com/mvn/questions
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 ...
3
votes
2answers
333 views

Are there any UI pattern sites with a bookmarklet / selective screen capture (think Skitch) tool?

For over a year now I've been trying to get into all of these UI pattern sites, but the fundamental flaw I've found across the board is the level of effort it takes to create/post styles you come ...