Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [design-patterns]

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

0
votes
1answer
169 views

Is there a better way to organize control/data control panels?

A client I am working with has about 15 screens of control panels, with varying lengths of data columns/rows (some with scrolling columns). All must provide some sort of editing feature pertaining to ...
2
votes
5answers
126 views

Why do users misunderstand the recycle bin as archive?

Today I faced yet another user misusing the application's recycle bin as archive. When I offered him to empty it he went angry because he "always did so" and didn't want to lose his mails. The first ...
7
votes
1answer
699 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 ...
1
vote
0answers
81 views

Why are design patterns normally not included as part of a design system?

I have seen many front-end development frameworks that are simple a collection of UI components and page layouts to be used by developers to build new applications. However, it should come as no ...
40
votes
4answers
6k views

Button changing its text & action. Good or terrible?

After the user Registers for an event (he goes to cart and pays, etc.) the next time he visits the page, the event for which he registered now shows a less emphasized Unregister button, which does the ...
0
votes
1answer
84 views

“Mark as Reviewed” UI pattern advice [on hold]

Designing for an enterprise application wherein the user's primary area of focus is on a tabled list of "notices." The user's task is to look through their notices and evaluate each each one, ...
3
votes
3answers
1k views

Is there any distinction between badges, labels and tags?

We are looking at a set of design patterns for helping classification of projects on a list – there seems to be some strong discussions around what the difference is between badges, labels and tags. ...
0
votes
2answers
130 views

Making complex UI easier - User License [closed]

I have an admin portal for a Staff / Tech Support to check USB Dongle license information and help customers solve problems The client interface is much simpler, but due to legacy data and how the ...
1
vote
2answers
3k views

Should Income and Expense in money management app be red or green?

I'm designing a money management app, and I'm curious what does people react to the color red and green. Incomes should be displayed green or red? And expenses?
0
votes
1answer
95 views

Responsive UI Pattern for selecting from a list of exact values greater than 5?

I'm designing a page where users should be able to sort between exercise videos categorized by "phase." (see image). These phases start with "Pre-Op" then proceed linearly 1, 2, 3, etc. Since these ...
0
votes
2answers
117 views

Are unclickable tags/chips a good practice?

Title says it all basically. I have to show a trip that contains Title, description and a bunch of random additional info (the tags). The issue lays in those tags they should not be clickable and ...
0
votes
1answer
107 views

Icons alignment issue

I'm trying to find out another way to show the big icon (dumbbell) or re-arrange the rows, because the first icon from the third row (the clock) looks a bit strange when it's next to that big dumbbell ...
21
votes
6answers
8k views

The notification tray at the top of Stack Exchange sites: what is it called? And are there other good examples of this?

I'm trying to clean up notifications for a client site and was wondering if the notification pattern that Stack Exchange employs has a name that I can use to search for more examples.
0
votes
1answer
57 views

Is it more common, or best practice, to design several web pages to fill out user profile data or one page divided into sections? [closed]

I notice that a site like LinkedIn feels overwhelming and clumsy to me when I'm trying to update my profile. I would guess that LinkedIn would hire some of the best developers in the world, yet it ...
0
votes
4answers
183 views

Is there a program that can select a set of 5 to 10 colors based on a few main colors?

Say I want a color scheme to be 'vintage' and I know that, at least to me, that means a lighter sea green and a faded orange color. I know the art students will understand color theory enough to do ...
4
votes
3answers
1k views

Design patterns for hierarchical multiple selection

Given the hypothetical structure: Representing a group of items that can be classified as type A or B, and each subtype can be classified as type C or D, and within D can be classified type E or F. ...
0
votes
1answer
48 views

Dropdown variable picker with sibling and child elements

We are trying to make a dropdown variable picker experience more user-friendly. In the current state, here's how it works. The user sees a Parent database entity that is populated based on a previous ...
1
vote
1answer
47 views

SSO registration different ways to ask for account name

I'm creating a user portal to manage Dongle Licenses with Single Sign-on for a niche 3D Cad software. We have both single users "B2C" and companies "B2B" Business rules cannot change now, such as: ...
2
votes
1answer
67 views

Why CRMs have two views - one for companies and one for contacts?

Why these the structure is separated? Why not one search only that when you click on a user it goes to profile page and when you click on the company you go to the company page? or one company ...
1
vote
1answer
41 views

Should input fields be used as ready only information?

I have a license that will be transferred from user "James" to someone in my database (this is enterprise application): When I click on the name (it means assigned to) it opens a popup so it goes ...
32
votes
4answers
3k views

Design Patterns for Discoverability

What are some tried and true design patterns for discoverability in UI/UX, where information or a feature isn't necessarily overt at first glance, but is discoverable by using the interface through ...
6
votes
3answers
40k 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 me....
0
votes
1answer
106 views

Does this multi-line form interface pattern have a name?

I've got a form where the user needs to enter a number of records (varies for each screen), and the UI approach I'm considering is to have multiple rows, with the ability to add and remove rows, ...
1
vote
0answers
28 views

Business Software and Policies/Usage Hints

We use business software of all kind (CRM, ERP,...). There are lots of things to remember for fluent usage as keyboard shortcuts, company usage guidelines, colleagues hints, software manuals, internal ...
3
votes
2answers
112 views

What is the least disruptive way to display ads in a mobile application

From this question I have understood popup ads are annoying to the end-user: When is the best time to display ads in phone applications Could you explain how one can generate a little revenue with ...
1
vote
1answer
144 views

ERP system for staff admins - managing complex information tree

I'm re-creating an internal ERP tool to manage user license, sales and customer information for a desktop 3D cad software. So something similar as an admin portal for Autodesk employees to manage user ...
1
vote
1answer
59 views

How to make license assigment easy to use when technology and resources are limited?

I am building a portal for company users or single license users to manage their account for a 3D CAD application. Due to low resources and lack of information on the project, the architecture was ...
3
votes
6answers
178 views

Is there a name for this connecting the dot selection pattern?

Is there a name for the pattern of matching two things by using a line to connect them together? This is often used on school tests that try to match a word with its proper definition. Here is an ...
2
votes
1answer
120 views

What is YouTube's auto-pause from an UX standpoint? [closed]

When I'm listening to music on YouTube after some time, it stops by itself and I was wondering why is that happening? I considered two possibilities but maybe I'm wrong: Dark pattern to make you ...
24
votes
4answers
48k 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
0answers
39 views

Reasons for the difference in design patterns for mobile to desktop vs. desktop to mobile

I want to follow up on a recent question that related to the WeChat Web experience but expand the scope of the question a little bit further: Is WeChat Web bad for UX? In recent times companies that ...
2
votes
2answers
174 views

Type of screen/UI pattern?

What is the common name for this type of marketplace browsing landing page? I'm looking for inspiration for the UI (and interactions patterns) for this type of screen - a marketplace landing page ...
0
votes
1answer
45 views

HELP tackling huge WCAG 2.0 compliance project! Need advice, please

I need advice on how to tackle a really big project. The project consists of getting the production and future support website WCAG 2.0 complaint - for both mobile and web: Production website: is ...
6
votes
3answers
129 views

Is there a design pattern that accounts for phone protector/cases

So, I'm wondering if there is a design pattern that counts for the usage of a phone protector/case. Recently I noticed a new employee use an application we just launched, he was using a protector/...
3
votes
3answers
165 views

How to display a user’s score overview when values often tend towards the maximum?

At the end of the day, my users get a score ranging from 0 to 100 depending on how healthy their meals were. 100 being the perfect score, most users following a healthy diet get more than 80 every day....
0
votes
1answer
93 views

Nav Bar or No Nav Bar

I am creating a mobile app that has a flat hierarchical structure. Users will primarily navigate using a slide-out menu (nav drawer). The screens at the top hierarchical level of the app have toogle ...
0
votes
0answers
24 views

Signup as first step after app was installed

What are the arguments to ask users to signup before they can use your app? For example in a secret luxury accommodation booking app, once you downloaded the app, you are forced to create an account....
2
votes
1answer
131 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
8answers
3k views

Are checkboxes with crosses (instead of ticks) safe to use?

Would you consider checkboxes using crosses instead of the standard ticks OK to be used in UIs? There are several CONs (being easily confused with close or delete crosses and wrongly implying there ...
0
votes
4answers
268 views

Best practice for selecting a recurring event?

I need to allow users to set the frequency with which they would like for a certain task to occur (example- every X days/week/month/year). So far, what I've come up with is an input box and a drop ...
74
votes
2answers
34k views

What is the significance of the three dots “…” on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generaly mean that there is "...
5
votes
2answers
220 views

Perceived security of magic link/passwordless login

As far as I've read, passwordless login like Slack uses (user inputs their email and then clicks on the login link in their email) is becoming more common and is just as secure as logins that require ...
0
votes
0answers
47 views

Best practice to create landing page for a product that has a lot of features(tools)

My web projects has 16 different features(tools). I divided these features into 2 different group, starters, enterprise. As all we would agree, we must show UVP, main benefit of the product to the ...
2
votes
6answers
494 views

How can I improve add entry tab?

I'm making a UX/UI for Telenor software that we are developing as summer project. How to do the navigation/controls for this Software style: I'm stuck on how best to do the Add Entry for this tab. ...
0
votes
1answer
61 views

What's the best way to illustrate calls and responses on a timeline?

Problem: I have a platform that sends and receives notifications from mobile users. Here's how the process works. Platform user pokes a mobile user. Sometime later the mobile user will respond with ...
1
vote
2answers
456 views

Placement of anchor link buttons in a page with a lot of scrollable content

I am building a profile page (http://giga.brandvertisor.com) containing a lot of of information, visually organized in horizontal sections. For the sake of easier navigation, I have put anchor link ...
2
votes
3answers
154 views

Timer settings, when to use a combobox or spinbox?

I was creating a mockup for an login settings window, and when i came to the option for "auto logout", i was wondering if it should be a spinbox, allowing the user to set any value (in minutes), or a ...
0
votes
1answer
116 views

Design patterns to indicate status on infinite scroll pages

There are several questions regarding design patterns that apply to infinite scroll such as What's the design pattern at the end of infinite scroll? and also What are best mobile navigation ...
1
vote
1answer
194 views

Good examples of UI patterns for data assembling

I'm particularly interested in Node based UIs and I have a few questions: 1. What are good and elegant services in your opinion that use these pattern to create complex outputs? (I really like how ...