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

learn more… | top users | synonyms (1)

3
votes
5answers
171 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. ...
-2
votes
1answer
28 views

A one pager, simple and clean website [closed]

Please have a look at: http://test.esnail.x10host.com/ In terms of UX I have the following questions: Does the flow of the website make sense Is the color palette selection solid, where there is a ...
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 ...
0
votes
0answers
26 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 ...
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
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 ...
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 ...
4
votes
1answer
40 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 ...
2
votes
2answers
69 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
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 ...
1
vote
2answers
70 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 ...
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 ...
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 ...
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, ...
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 ...
2
votes
2answers
134 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 ...
7
votes
5answers
757 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 ...
1
vote
4answers
67 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 ...
4
votes
3answers
111 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 ...
5
votes
1answer
106 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
94 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
78 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
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 ...
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 ...
1
vote
1answer
174 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 ...
1
vote
1answer
87 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 ...
6
votes
3answers
193 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 ...
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 ...
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.
1
vote
2answers
142 views

Link-heavy web GUI patterns

There is an enterprise system where all entities are interconnected. Let's say we have following entities for a example: Customer, Order, Product, Contact, Employee. The preferred GUI style is ...
0
votes
0answers
78 views

What is the standard design pattern for file sharing?

I want to know if there is any design pattern for file sharing between devices or users. How can I chop down some steps without compromising the user experience for the file sharing. Actually, the ...
4
votes
2answers
160 views

Why Google and Facebook use one text field by page for account creation?

I would like to know if there is some reason to have the account creation tunnel that way. Is it only because user focus more on an action by page?
0
votes
3answers
137 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
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 ...
0
votes
2answers
84 views

Picking a hymn with a minimum numbers of clicks from main menu

I am building an android app (hymn book). Users need to pick a particular hymn with a minimum number of clicks from the main menu. The problem is that the hymns are around 800+ and will keep ...
2
votes
1answer
162 views

Why do radio buttons precede the labels?

Radio buttons always seem to precede the label and not the other way around. Is there any reason for this? Don't user first read the label before selecting a radio button? Does this have to do ...
1
vote
2answers
89 views

Action requires users leave and interact with another site, how to ensure they come back?

I have a scenario in which a user must copy code from a Site A, paste it into the source code of Site B, then return to Site A to confirm the action was successful. What's the best way to make ensure ...
0
votes
2answers
97 views

Any online tool for creating style guide [closed]

My client has 10-12 years old web system. It includes websites, widgets, applications, different online forms etc. I could not find any pattern/ consistency across. Considering ongoing projects, I ...
2
votes
3answers
265 views

Canonical names for GUI design patterns

In communication with colleagues and clients, which authority (website, book, …) should one refer to for canonical names of GUI design patterns (for web pages, mobile apps, desktop applications etc.)? ...
2
votes
3answers
77 views

What's the best way to show resize handles for objects

I'm working on a web-based editor that lets people include shapes, images and different kind of objects on an interface. Considering this, they must be able to resize the objects, place them anywhere ...
2
votes
2answers
100 views

Including interaction on a graph

I'm doing some design work for a client on an iOS app and I've got a question about adding interactivity to a graph. It's a wine app and the idea is a user answers some questions and the app creates ...
2
votes
1answer
49 views

What is the sorting order for displaying tiles on a multi-column layout

The use of a tile or card design pattern to present information as a replacement for the conventional list and table view presents a rather interesting challenge for programmers when they have to ...
2
votes
4answers
221 views

Too many text-only buttons

I support a rich client line-of-business Windows application. Several of my forms have started to get bogged down with an array of buttons specific to that form. These buttons have historically been ...
0
votes
1answer
111 views

Why the X is the symbol associated to the “Close application” action?

I was wondering about the reason of the choose of the X as symbol used to represents the "Close application" operation.
1
vote
3answers
165 views

Adding an item to a pop up list

I have a form in which a user can select multiple tags via a pop-up window (multi-select with check boxes). The tags are maintained in admin/settings section. It is not a good experience if the user ...
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 ...