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

learn more… | top users | synonyms (1)

3
votes
5answers
346 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 ...
8
votes
4answers
254 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
150 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
100 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
149 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 ...
2
votes
3answers
200 views

Pagination design, reload entire page or reload just the section with data

I am building a search website, which will have results displayed using pagination. I am trying to figure out the best way to implement pagination of these results. User searches for abcd in my ...
3
votes
2answers
101 views

Interface to merge suggested updates with existing information

I'm building an application that will let a record administrator merge updates submitted by the general public with an internal record. Records include contact information, qualifications, etc. ...
5
votes
2answers
877 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 ...
9
votes
2answers
217 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
7answers
1k views

How to define/classify messages and notifications in web applications

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 ...
2
votes
3answers
269 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 ...
8
votes
6answers
502 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 ...
9
votes
4answers
233 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 ...
11
votes
5answers
590 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 ...
1
vote
2answers
281 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 ...
2
votes
3answers
348 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. ...
5
votes
2answers
218 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 ...
7
votes
5answers
240 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, ...
3
votes
2answers
88 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 ...
6
votes
5answers
300 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
116 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
81 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
177 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 ...
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 ...
6
votes
1answer
246 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
1answer
1k views

Master details form in Android

I have an activity that is used a lot, that requires a lot of input fields and it can be updated when the user wants, although it won't be very common. In this moment, I have something like this: ...
2
votes
5answers
827 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
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 ...
4
votes
2answers
315 views

What is a good UI metaphor for switching roles user plays in the application?

I am building a conference/tradeshow application where a user can assume multiple roles within the application and within a particular conference. For example a user can be an attendee, and have ...
4
votes
2answers
150 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
168 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 ...
5
votes
4answers
245 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
345 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 ...
6
votes
1answer
2k 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 ...
5
votes
1answer
420 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 ...
4
votes
2answers
95 views

How to place text and a gallery side by side without giving more relevance to one or the other?

I have some galleries and some text (2 o 3 word pages) attached to each gallery. Until now I've had a gallery and the text in two different pages, with a link bar to switch between one and the other. ...
1
vote
1answer
308 views

Status Bars and their Nature [closed]

I want to know more about status bars, what are they useful for and what is the appropriate way to use them. I've noticed the following: Status Bars are always located at the bottom with the most ...
0
votes
1answer
200 views

What's the most beautiful navigation experience you've seen in an app in the last year? [closed]

I've noticed that all apps are becoming the same. Top and bottom navigation bars, and everything where you expect it to be. This isn't necessarily a bad thing, but has anyone seen anything thing ...
2
votes
2answers
147 views

Where can I find info about rudimentary navigation / architecture paradigms?

I need something that refers to classic approaches to structure content and the reason to choose them over others. For example: Tabs - use tabs when the different sections co exist and can be ...
32
votes
8answers
6k views

Best UI pattern for letting a user assign items to groups

Problem: the user has a list of about 5-20 uncategorised items and needs to categorize them into 2-4 groups. The tricky part is that the same item can be placed into more than one group (this is an ...
5
votes
3answers
15k 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 ...
3
votes
2answers
230 views

Name of this semi ubiquitous pattern in Google Now search field?

With Android JellyBean, Google introduced Google Now, which is a fantastic addition in itself as far as I'm concerned. One interesting feature usability wise, something that dmh pointed out in a ...
8
votes
3answers
599 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 ...
5
votes
3answers
170 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 ...
7
votes
5answers
439 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 ...
6
votes
3answers
2k 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 ...
4
votes
1answer
308 views

How would you design a two stage bar chart drill down?

A common design pattern I've used is using a horizontal bar chart to visualize numeric data about a series, and a click through drilldown that discloses a pane with more detailed information about the ...
2
votes
1answer
249 views

How to display large data over a full screen image slider?

On my website www.goo.gl/uompd I have a full screen image slider which works just fine (the images are from screenshots of other websites I have done). On the slider I want to put 4 text boxes, a ...