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

learn more… | top users | synonyms (1)

0
votes
2answers
409 views

Do users understand this hybrid checkbox/radio control? [duplicate]

I'm wondering about the perennial problem that arises when presenting multiple options, where the user can select none, one, or several options. Using checkboxes, it's not clear whether a user ...
14
votes
4answers
2k 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? ...
1
vote
2answers
348 views

What is the name of this dial/spinner-like interface element?

I've tried googling both spinner and dial, but they turn up results that are not this. I need to implement this in a website, and would like to know the pattern for it -- it's just so much easier ...
1
vote
1answer
155 views

What widget should I use to filter table rows based on checkboxes?

Suppose my table has a column on the far left that consists of only checkboxes used for selecting rows. The default design is that the header of that column would have a checkbox, which would be used ...
2
votes
4answers
285 views

Name, icon, and color of the button

I want to clear the text from the text box, what should be the button named as? what icon and color should the same button have? Thanks in advance.
3
votes
1answer
204 views

Standardized design patterns for UI?

In 2004, Jakob Neilson wrote about two studies that looked at a database of websites and compiled a list of standard UI patterns based on usage. The studies looked at 100's of web pages and ...
3
votes
1answer
115 views

Are there any recommendations or statregy for showing reviews on content at product launch?

We have a bunch of content that want people to read and have added reviews to the content to help others understand what is more valuable than other content. We are about to launch this feature and ...
7
votes
3answers
798 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 ...
1
vote
0answers
53 views

How to configure a graph widget? [closed]

I am working on a web app to help the user create configure a graph widget wherein the user: Names the widget Selects a graph type (one of many) Provides the details (5 to 6) that graph. I'm ...
4
votes
1answer
54 views

Need a pattern to capture multiple data sizes

Something I am struggling with: a UI for Network QoS Changes. The situation: There is a fixed maximum limit. The sum of the sub-values must not exceed this limit. Sub-values are captured as integers ...
0
votes
0answers
56 views

What is the best way to illustrate how discrete elements relate?

I have three pieces of information, say, that are being displayed: A score An abbreviated explanation for the score A call-to-action for a suggested activity based on the score Is there a best ...
8
votes
4answers
6k 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. ...
3
votes
1answer
195 views

Design patterns for unstructured storage and search of information

The prevalence of tags seems to have helped drive a trend towards unstructured storage of information, and instead supporting unstructured or intelligent search features to help retrieve stored ...
19
votes
5answers
2k views

Should a user be able to control the timezone when scheduling something?

I have a product where users can schedule content to post to social networks. The users may have their account set to their local timezone, while running a campaign which requires them to schedule ...
3
votes
2answers
175 views

Anemic user interface

Recently, while discussing the design of a user interface for a web app, I noticed a phenomenon in which people only think of a few simple user interactions like "type text there", "select an item ...
2
votes
3answers
267 views

Why does twitter not update live? [closed]

I'm wondering from a ux design perspective, why does twitter not show tweets live? Instead they add a bar which you can click to show new tweets. If tweets were rendered so that they are not so tall ...
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 ...
0
votes
3answers
145 views

How to provide an “easy to understand” UI to display/hide checked items?

I have a tree where the user can check/uncheck each item. Since there's many items, I would like to provide a way to filter the tree to display: all items only selected items only unselected items ...
2
votes
1answer
267 views

Better List Builder Pattern

In the list entry pattern here the user searches for a record using the form input, and the results are displayed below in a grid. Selecting a record from the grid adds the record to a list. The ...
0
votes
5answers
108 views

What is this type of interaction/component called?

When a user fills out some input fields and adds it as an entry to an existing list. Usually there's a way to edit/delete these entries as well.
6
votes
2answers
190 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 ...
11
votes
3answers
560 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 ...
1
vote
1answer
185 views

Dynamic picklist Vs. All options with active/inactive selections

In a tool that has filters that allow the User to drill down to the data that is most useful to them. Would it be better to dynamically populate a Delivery Time pick list with only the available ...
0
votes
2answers
118 views

Using a carousel pattern to display a set of questions

I'm considering using the carousel pattern to ask questions in a more dynamic and engaging way (this is my hypothesis). The carousel isn’t the only element on the site and will be displayed at the ...
58
votes
7answers
7k views

Why should text be non-selectable?

I've seen some websites that make their text unselectable. And I believe that this can break up user experience, as "selectable text" is a well established ui pattern on web and computer in general. ...
2
votes
1answer
74 views

What is the best combination of shortcuts for sending text message and breaking line?

So far I have encountered web applications that use these shortcuts to send messages(posts, emails etc) without clicking the submit button: ctrlEnter or cmdEnter ShiftEnter Just Enter On the other ...
3
votes
1answer
172 views

Thinking in Inheritance vs Editing Multiple Disimilar Values

When presented with multiple similar modules, all containing the same set of user definable parameters, what pattern is shown to best suit the widest range of user expectations? Inheritance: Using a ...
1
vote
4answers
462 views

How could a webpage containing multiple tables be displayed effectively?

I am designing a user management tool where users will be made up of several groups. Each group has its own table, but the table headings need to be sticky. Example of a table with a sticky header ...
12
votes
4answers
16k 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?
1
vote
1answer
305 views

Is a wizard the best design pattern for this problem?

So my web app lets users charge monthly subscriptions for email newsletters. In my next update, I am completely retooling the user experience and need some advice. Users can create multiple plans for ...
32
votes
4answers
7k views

What objective qualities make a user interface intuitive?

How is intuitive defined in terms of UI? Are there any studies about what objective and measurable qualities make a user interface intuitive? What design principles, patterns, or approaches are most ...
2
votes
2answers
243 views

Should Sign up/ Register open a new page or just a popup window?

I am designing a simple web application. The only main function is displayed in homepage, together with other product feature promotion. On the top of the page, there are two buttons, for sign up and ...
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 ...
17
votes
4answers
3k views

Guidelines for autocomplete widgets

What guidelines exist when working with autocomplete widgets? I'm hoping for general guidelines that apply across different application types: web, desktop, and mobile. A response to a Search as you ...
3
votes
5answers
200 views

How to signal the user must add a minimum number of images to continue?

I'm making a utility where users rate images from favorite to least favorite. In the creation flow, the user must add at least two images, and is given the option to provide a title or description. ...
1
vote
2answers
109 views

Can I use a control NOT specified by Material Design?

Material Design has a comprehensive set of components, but no design framework can reasonably hope to cover all widgets. Many of the UX StackExchange questions on Material Design on this site relate ...
2
votes
0answers
155 views

iOS using tabs in modal view to show camera/multiple photo galleries

In our app there are many pages of forms, and each page can have (or requires) photos attached to them. Photos can come from the camera, photos previously taken, or a view of certain photos from the ...
0
votes
4answers
262 views

Should I make an effort to prevent trivia questions from being repeated too quickly?

I'm coding up a fairly simple trivia game. Right now, I have about 350 different pairs of questions and answers. Each question is chosen at random from the 350 before it is displayed. While it's ...
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 ...
2
votes
2answers
191 views

Allowing Users to Create Unions, Intersections, and Subtractions of Group Contents

I have a design challenge for allowing users to create unions, intersections, and subtractions of groups. The end goal of this is to create a subset of the different group contents, which can be ...
5
votes
1answer
99 views

Are there any established patterns or models for haptic feedback?

With the rise of smart watches and other haptic-enabled peripherals, it seems inevitable that there will need to be a set of established patterns that will be immediately (or with the smallest ...
1
vote
2answers
2k views

“Compare products” functionality on a product listing

Are there any good practices when it comes to "Compare products" functionality on product listings? I would like to do some A/B testing with different ones, but to be honest I have not seen something ...
2
votes
2answers
336 views

Is a “Clear input” button only for search fields?

I noticed that the "Clear button" are usually found in search fields: Why is it so uncommon for this button to appear in other input fields. For example this small configuration form:
2
votes
1answer
193 views

Shopping cart in store management software

I'm currently designing a store management application to be used by employees of certain stores. At many points within the processes of this store, the user should be able to search the database of ...
2
votes
1answer
273 views

Filtering results in a given radius [closed]

I have the following structure on the server : Parent -> child object. I have around 30-40 parents which each parent has 1-10 childs. A user can search children at a given point in a given a radius, ...
0
votes
2answers
44 views

Begin the column at the top of the title or at the top of the first main content text block?

On our homepage we have a content and a column with some boxes. What is the better approach: 1. Begin the first column box at the top of the title: 2. Begin the first column box at the top of the ...
6
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 ...
0
votes
1answer
143 views

UI design pattern, or excellent example, for repeat delivery

Suppose I'm running a website that does repeat deliveries (e.g., ship you a Nuttella sandwhich and a tin of spam once a week). Are there any prevailing UI design patterns for displaying a customer's ...
60
votes
5answers
9k views

Should “Deletion successful” confirmation be red, or green?

What color should a deletion confirmation message be? This is related to the question Should 'yes, delete it' be red, or green?, but different because this question asks about a passive confirmation ...
39
votes
7answers
8k views

When should you use a modal dialog box?

There seems to be an increasing use of modal dialog boxes on the web, but when should you use them? Why would you choose to use them instead of inline controls or another page, and when should you ...