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

learn more… | top users | synonyms (1)

10
votes
3answers
494 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
169 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
83 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 ...
56
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
45 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 ...
2
votes
1answer
82 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
268 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 ...
3
votes
3answers
3k views

Comparison between Bootstrap and Material Design frameworks [closed]

The Bootstrap family of design frameworks has been the main driving force behind a lot of front-end web development projects. The Google Materials Design concept has also been floating around for a ...
61
votes
12answers
9k views

Fibonacci pagination

Today I stumbled upon this pagination concept and I found it fascinating. It's actually an old shot but it made me think as I'll need to paginate some content in the near future. Pages will soon ...
8
votes
4answers
10k 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
231 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 ...
31
votes
4answers
5k 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
127 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
10k 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
2k 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
196 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
92 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 ...
3
votes
3answers
107 views

What are the conventions for keyboard shortcuts in Windows and OSX?

Keyboard shortcuts in Windows appear to follow some sort of convention based on the modifier key, but I can't figure out precisely what it is. Here is my current best guess: Ctrl often execute ...
1
vote
0answers
86 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
247 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
152 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 ...
4
votes
1answer
60 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
991 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
176 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
93 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
270 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
42 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
120 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 ...
58
votes
5answers
8k 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 ...
36
votes
8answers
6k 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 ...
3
votes
1answer
65 views

Introducing a new pattern vs learned pattern

Assume that I have a heat map UI showing company stocks. The current pattern that users have been exposed to for the past 2 years is dark green being low value and light green being high value. To me, ...
15
votes
3answers
3k views

What do you call websites that make heavy use of vertical scrolling?

This question is similar to Why did scrolling vertically became a pattern? I see a lot of modern websites moving to larger, singular pages with more content and more vertical scrolling. This is often ...
4
votes
3answers
314 views

Is it better for website accessibility to have the menu before or after the content

I have seen two approaches to menu/content markup order in relation to accessibility for keyboard only users: Menu first then content with a skip to content link at the top Content first then menu ...
2
votes
1answer
65 views

Pattern for multiple roles that have access to different parts of the same view?

Imagine I have two roles: Administrator Teacher Imagine a view Class Administrator has a subset of the functions allowed in the class view: Create a new class Name the class Add/remove students ...
3
votes
3answers
362 views

Best practice to include developer's area inside user's account options

In this concept, normal users see an option for "signing up as developer" then they would receive access to developer's options. the normal way I assume is like this: But I think of some ...
2
votes
6answers
1k 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 ...
7
votes
5answers
800 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 ...
4
votes
3answers
232 views

Tables with a lot of rows - where should the delete option be?

Question regarding how to handle large tables with many rows: Where should the delete option be? I see many examples placing the delete icon or text on the far-right of the row. Is this best ...
1
vote
4answers
121 views

Data tables - what's column should be first?

When creating a table with a lot of rows and a number of columns, what is the recommendation for which column should be first and most important? An example scenario for the data table would be a ...
6
votes
1answer
225 views

How to Display Occasional Announcements on a Website?

I’d like to add an announcement banner or an element with the same functionality (e.g. alert, button) to a website to notify users about an upcoming survey. It should contain a call for participation, ...
3
votes
1answer
151 views

How can I design a 'non-linear' user permission table with two column relationships?

I'm exploring the idea of using a two column relationship to deal with granting user permissions. The left column has rows where the user can be granted a 'view' or 'edit' permission in each cell row. ...
7
votes
1answer
146 views

What are the manage tools for “One-Person UX Team”? [closed]

Context: I am working as a UX, interaction and graphic designer on an enterprise web app. The team has never have a designer before and all design was done by developers and project managers who would ...
2
votes
2answers
101 views

How to display AND / OR groups and exclusions

I hope I'm able to describe this functionality effectively. We have a feature which allows a user to create "Authenticator Groups". The groups determines how a user can register. There are "Allowed" ...
1
vote
1answer
67 views

Android design convention for saying a user needs to complete an action first?

I've read the Android design conventions, but can't see a good solution. I have a 3 tab mobile application. Tabs 2 and 3 need a selection made on screen 1 before they will work. The user enters at ...
6
votes
5answers
587 views

Does a log in/sign up field always have to be top right?

Best practice says that log in/sign up fields should always be top right of the website, no arguments there. There seems to be a trend towards simply having "Sign up here. Or log in if you already ...
2
votes
1answer
101 views

How prominent should the deactivate account function be?

Our app allows users to interact with multiple accounts. When any one account has outlived it's usefulness, it can be deactivated. Although users can still navigate to deactivated accounts, most ...
6
votes
3answers
231 views

Where did the pattern of displaying username in the top right emerge?

What was the initial intention of displaying the user's name along with the avatar on the top right of the app-bar? This is fairly common in some sites like Facebook, OneDrive etc., while other ...
1
vote
1answer
942 views

Avatar vs Profile Picture vs Display Picture

I have noticed that on message boards, that we use the name avatar for the picture on our profiles. On Facebook and Twitter they are called profile pictures, and on Skype it is called Display Picture. ...