Questions tagged [design-patterns]

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

Filter by
Sorted by
Tagged with
0
votes
1answer
180 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 ...
0
votes
1answer
33 views

Locked content before clicking CTA

We want to increase our conversion rate, so the marketing team suggests to use the pattern when information is locked before the customer clicks CTA. I actually don't know how this pattern is called ...
2
votes
2answers
72 views

Name for design pattern used in complex or boolean search criteria

I am looking to see if there is a term that describes this type of design pattern or if there are well known examples of its implementation. This is an extension of the design pattern where a search ...
1
vote
1answer
82 views

Is Mailto function on E-mail address link bad UX?

I have done some basic research on this topic, but didn't came with valid conclusion as resources were not from well known or reputed sources. Hypothesis: (Especially for residential users), people ...
1
vote
1answer
55 views

Best practices: keyboard dismissal and button display in mobile apps

We have both iOS and Android apps with forms in multiple places, and are looking for an appropriate UX pattern for continuing when the form is complete. Example: On the login screen, the user must ...
3
votes
6answers
193 views

Interaction for dependent sibling input fields?

I have two fields in a form - Country and Organisation. These hold the same hierarchy and are dependent on each other. Meaning, the user should be able to either select a country first and then select ...
0
votes
1answer
33 views

UI Approach to Question/Reply Table

I got Project of One table which needs to be designed as per latest Design Standards, Old Table has a data of Question, Question's date & time, Reply and Reply Date & Time, UX perspective this ...
7
votes
1answer
739 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
1answer
53 views

What are the common conversational design patterns used by voice-based assistants like Siri, Alexa, Google Assistant and Cortana?

Conversational UI is common in IoT and other connected devices these days, not to mention smartphones and also computers. The main players in the market would probably be Siri from Apple, Alexa from ...
0
votes
1answer
101 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 ...
2
votes
1answer
41 views

Deselect after bulk actions

Working on a bulk actions flow at the moment and would like some thoughts on my approach. Wireframes here https://invis.io/7YTBHEJPXEA I have two core options... A button toggles the bulk ...
5
votes
4answers
977 views

Name That Pattern: side 'panel'

Please can someone name this pattern - where you edit something in a table and, instead of allowing you to edit the content in a modal dialog, you edit it in a docked side 'panel'? As per the ...
11
votes
3answers
3k views

Prepare a user to perform an action before proceeding to the next step

I am designing an application that allows the users to train at home. I have a step (let's call it step 1) in which the user must be in a position in order to "sync" (step 2) with the app for the ...
0
votes
3answers
68 views

Inventory - how to add range of items and reduce the probability of human error?

Problem: I have an inventory that fills one purpose -> insert the same type of item (dongles) which only varies it's serial number. Every month someone buys a box which comes with a perfect range of ...
4
votes
3answers
2k 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 seem to be some strong discussions around what the difference is between badges, labels and tags. ...
1
vote
2answers
162 views

Patterns for listing users in a “room”

I'm building a little app that lists music recommendations to users in a room. I want to list the users in the room but have a hard time finding patterns for this. Right now it looks like this (by ...
2
votes
1answer
88 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 ...
0
votes
1answer
144 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, ...
4
votes
3answers
215 views

UI Pattern for interdependent settings?

I've been trying to build a configuration screen for a network appliance that needs to be configured by the user and has multiple parameters that each influence the max values of the others. The user ...
0
votes
1answer
47 views

Multiselect dropdown where selected values cannot be deselected on edit?

I'm trying to find examples of a multi-select dropdown where once the form is saved/submitted, the selected values cannot be removed but, new values can be added. Currently, I've designed it to work ...
1
vote
0answers
50 views

why are outgoing text message bubbles colorful? [duplicate]

Why are speech bubbles either blue or green for outgoing messages and not for incoming messages? For example, in whatsapp, the outgoing messages are green. In iMessage, they are blue. I don't think ...
0
votes
1answer
63 views

Save Search in session or database

I have a table with records. The user can search the table using a Search Dialog. Due to our design constraints, I cannot have the Search criterias as part of a sidebar. Main Screen: Search Dialog (...
0
votes
1answer
38 views

Change main screen/section of product depending on user progression with product

Is it possible to create a product where the main section (where users land after login) changes depending on the progresses made by the users with the product? I'm currently working on a career ...
1
vote
4answers
162 views

Is it okay to use both nav drawer and bottom nav in home screen of an android app?

I am developing app, my home screen looks like below (using both navdrawer and bottom nav simultaneously) I used bottom nav, because I wanted to give user the easy access to the higher level ...
3
votes
3answers
1k views

Explicit vs Implicit save. Differences between Android and iOS expectations

Our app makes use of a 'Shopping Cart' type metaphor, in which users can select from a variety of items, and then confirm or remove all these items at once. We'll call this explicit save. The ...
2
votes
2answers
336 views

What is the best color to differentiate male and female?

In my app, when a user doesn't provide his / her avatar, I would like to display a colorful circle with the capitalized first character of his / her name. Let us assume, that if an avatar (face ...
4
votes
1answer
222 views

What is differences between primary actions and secondary actions for checkbox?

While reading about lists in material design, I could not understand what Primary and Secondary actions refer to for checkboxes. I could not find any information about it. What is the difference ...
2
votes
3answers
241 views

Does a user's knowledge of operating system interactions carry over to a browser?

My coworkers and I recently discussed an article criticizing the hamburger icon + drawer navigation approach, and began to debate whether Window's "Start" button utilizes the same approach. There ...
2
votes
7answers
10k views

Pattern for adding/removing an item within a form

I've looked around and can't find any pre-existing examples/patterns of an easy way to inline add/remove an item within a form. The scenario is during a process for me to add a new customer to my ...
7
votes
1answer
148 views

Assigning modules from a library to a server where the number of modules can change?

I need to create a design for an internal tool that we will try to utilize within our own team that works with software testing. We will try to build a tool that can help us automatically setup a test ...
4
votes
4answers
902 views

How to add one or more items to the table row?

Context I'm working on very complex enterprise solution. We have this table that shows list of let's call them contracts. Every contract (row) can contain one or more customers (and one or more ...
72
votes
12answers
11k views

Fibonacci pagination

Today I stumbled upon this pagination concept and I found it fascinating: Fibonacci-based Pagination Concept. It's actually an old shot but it made me think as I'll need to paginate some content in ...
2
votes
6answers
505 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
78 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 ...
3
votes
3answers
125 views

When should avatars or profile pictures be used in a application?

Designing a new application and wondering when avatars or profile pictures should be used. e.g. Let's says there is an application which can be used to manage a list of user tasks. Each task is ...
1
vote
2answers
592 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
169 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 ...
1
vote
4answers
682 views

What's the design pattern at the end of infinite scroll?

I have an app (iOS) that outputs a grid with all the applicable products. Is there a prevalent design pattern that indicates the end of infinite scroll?
0
votes
1answer
161 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
88 views

Best way to display offset position in direct manipulation design software?

I'm thinking on how to solve for an application that uses real-time positioning to project images. It uses a beacon (same as motion capture) that is hidden and sewed into a person clothes When the ...
0
votes
2answers
97 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 ...
0
votes
1answer
70 views

Reusable named colors list to use across all mobile apps?

I'm trying to define a (map? / protocol?) for the mobile apps colors between the mobile developer (I represent) and the UI designer, to easily use it in our apps and to achieve consistency among all ...
1
vote
1answer
220 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 ...
1
vote
1answer
54 views

How to identify design system or design language used by app or website [closed]

Have few doubts. I'm new to UX, how to identify which design system is used by app / website, can we judge by looking into its UI. Can i design my own design system for my app and website - for this ...
4
votes
6answers
305 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 ...
1
vote
2answers
146 views

Type of control for a non-interactive widget

I have a set of inputs whose type can be changed, and one of the input types is read-only. What's the best way to represent this in a cross-platform manner? Right now I went with a disabled button ...
3
votes
3answers
345 views

Single Page Application - In-app New Tabs

I have a table of items and when I click on an item, the details open in the same view. So, to view another item, I need to go back and click on another one. To avoid the back and forth, I want to ...
0
votes
2answers
159 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 ...
15
votes
5answers
12k views

Desktop software design patterns

There are a lot of resources on the web about web applications design patterns, but only a few about desktop applications. And this is quite strange as most of the business targeted software is (...
8
votes
1answer
216 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 ...