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

learn more… | top users | synonyms (1)

1
vote
1answer
111 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
1answer
42 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 ...
1
vote
2answers
79 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 ...
1
vote
1answer
72 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
2answers
9k 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
175 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
58 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
48 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 ...
0
votes
0answers
27 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
212 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
120 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 ...
0
votes
3answers
141 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 ...
4
votes
1answer
41 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
634 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 ...
0
votes
1answer
101 views

Process wizard indicator on Windows phone

I'm designing a 4 step process on windows phone porting from iOS. The process has 4 steps in it, with multiple different micro-processes on each screen. Can anyone point me to an example pattern on ...
1
vote
3answers
372 views

Multi-selection experience

We have a form that allows a person to indicate a curriculum, level, subject and price, but we're trying to figure out the most intuitive way of doing it. There's a few challenges though: The ...
2
votes
2answers
138 views

What is the best web design pattern for toggle-able options within a parent toggle-able menu

I'm working on a menu that can be toggled on or off, with sub-options within the menu that themselves can be toggled on or off. while logically I think it makes sense for both the parent menu and ...
2
votes
2answers
70 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:
1
vote
1answer
175 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 ...
2
votes
1answer
31 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
265 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
39 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
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
1answer
75 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 ...
53
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 ...
33
votes
8answers
5k 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
62 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, ...
14
votes
3answers
2k 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
281 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
36 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
355 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
758 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 ...
2
votes
1answer
32 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 ...
4
votes
3answers
114 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 ...
57
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 ...
1
vote
4answers
68 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 ...
5
votes
1answer
108 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, ...
0
votes
0answers
98 views

Multi level Master Detail Single Page

We're building an application and on the main maintenance page the customer has asked for all the data to be presented on one page in a hierarchical format. There is a lot of data and quite a ...
3
votes
1answer
81 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. ...
6
votes
1answer
105 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
84 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
59 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
567 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
90 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
195 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
621 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. ...
0
votes
0answers
23 views

What is the best way to indicate required fiels for deskop style web apps? [duplicate]

I am interested for best practices for indicating required fiels for deskop style web apps.