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
32 views

Are dynamic menus an anti-pattern?

I'm analyzing the menu of construction management software. I don't know if I don't have the same user mental models and what was the research behind those decisions, but I wonder based on HCI and ...
0
votes
0answers
29 views

Best way to move items in a list when the list is paginated

I have a paginated list where the user drags and drops items to change the order. This list is paginated, so when the length of the list is longer than the page there is no clear way to move items ...
1
vote
2answers
86 views

Should the “open new window” icon ever be the only way to click a link?

I have a request from a user to remove the link from the text and ONLY have the "open new window" icon be what is clickable for that link. The reason is that the text is something he wants ...
10
votes
4answers
4k views

How to make checkbox selection less of an eyesore?

I'm working on a component (see image) that shows the results of a keyword search. Each result displays: the title/link to an article, a snippet from the article, a checkbox reading "This ...
1
vote
0answers
39 views

Non-specificity of voice recognition for voice assistance devices or features

I remember from quite some time ago when Siri was first launched that there was no specific way of getting the voice-triggered assistant to recognize specific voices. These days there are many ...
1
vote
1answer
58 views

Managing translations for both text and voice over: Logic dead-ends

The tool I am working on can translate some text in different languages. You can also generate a voice-over of individual paragraphs in different languages. So translations and voice-overs have two ...
0
votes
2answers
133 views

Edit button in top right corner of screen

I'm currently working on a "details" page for a specific item that is editable. The question is, when you have finished editing the details of the item, would it be more user friendly to put ...
4
votes
3answers
102 views

Recommended maximum amount of columns in a table?

When designing tables I am always wondering how many columns are too much. I commonly have tables that act an overview of all the items, which can then be opened to show all the details. On one hand I ...
1
vote
1answer
39 views

Best layout/design for profile CRUD actions suggestions

I am currently working on a university project on an android app, that communicates with a device via Bluetooth and uploads profiles to it. So in the app I have a UI that provides different CRUD ...
3
votes
2answers
94 views

How to solve the “Set a password”-step problem in a really user-friendly way?

I'm an advocate of lesser cognitive load process, moreover when this process includes lots of forms and steps. I think we all are at some point. The password step by itself if usually full of pain ...
5
votes
2answers
160 views

Multi-select box vs Dual list box

I'm currently working on a story where users can make a custom report. The list has around 40 items. At this moment, I'm working on a multi-select box where users can select all items at once or ...
1
vote
1answer
36 views

Pattern for a form state/content, after an update data fail

Usually when there is a form on a website, a user fills it in then saves it. If the saving operation fails, is it considered a good UX practice to retain the entered form data? (Since the user shouldn'...
2
votes
2answers
179 views

looking for a name for UX pattern for “decision tree”

I am struggling to google a UI framework that would simplify building UI/UX for interactions like this: (on the example of choosing a car): how many passengers you would expect to be driving: 1, 2, 4,...
0
votes
0answers
22 views

Infinite Scroll: remember state vs open links in new page

Generally speaking, is there a scenario(s) where it is preferable to have links open up in a new page rather than remember the user's position in search results when implementing infinite scroll? Are ...
0
votes
1answer
32 views

Disable field or button if user exceeds number of tries

I'm currently facing this design issue: When a user exceeds the number of attempts given to fill up a verification code field, he or she will not be able to try again until 20min later. If within this ...
2
votes
6answers
184 views

How do I make it harder to click this button by accident?

The dialog box shown below constantly has me clicking the wrong button—despite the fact that I designed it! The way it works is, the user types some text into the line edit box, and program output is ...
0
votes
3answers
51 views

CTA on mobile screen that prompts another CTA

I'm currently designing a mobile screen that has a floating CTA bar at the bottom of the screen (see picture below). The issue that I have run into is that the "Inspect" CTA at the bottom of ...
1
vote
1answer
59 views

Show/Hide Toggle for a Toggle

We have a toggle available in our main screen, to enable/disable an important functionality. Since, only 30% of our users use this functionality at least once per month, we are considering to (...
0
votes
0answers
24 views

What UI/UX best practices are applicable in the case of RWAs?

Recently, we have started work on a Rich Web Application (RWA) project. In the process of choosing a suitable UI framework, and web components. Is there a difference between choosing design patterns ...
2
votes
1answer
42 views

What level of compliance does a chart with patterns have in WCAG 2.1?

The following is an example of a chart using patterns. When a chart uses patterns (instead of plain colors) to separate sections, in which category of WCAG levels does it fall – A, AA or AAA?
1
vote
1answer
85 views

UI pattern for adding option to a tree select box

I'm wondering if anybody has seen or knows of a good UI pattern for creating options for a select box with a tree-like structure. This is the library I'm planning to use to display the actual ...
2
votes
1answer
74 views

Are collapsed filters an antipattern? or does it depend on the intended user?

So we are building a monitoring page intended for a specialized group of users who would like to keep an eye on their logs. We are implementing a filtering solution to help users find the type of ...
4
votes
4answers
81 views

Financial planning site — show a negative balance in italic type?

I have read the discussion from some years ago about whether to use a "minus sign" in front of a negative balance or to put it inside parenthesis. Our website is used primarily by people 45 ...
1
vote
1answer
41 views

Do users notice text changes on call to actions?

Brief product Description So I have been working on a digital project where the product is an online presentation software where the user(Teacher) has presentation slides to select and conducts ...
3
votes
1answer
151 views

What is the name of this element? For the elections

I know it goes with the family of Information Visualisation Charts, but do we call this specifically.
0
votes
1answer
40 views

Reusable / temporary instances of an object / item

Context I am working on a design where I have containers that hold different types of objects. These objects are used within each other / dependent. We are displaying them as a tree in a table format ...
2
votes
2answers
114 views

Forms in natural language

I would like to know the best UX pattern for implementing such forms. This will be used to setup the discount of a particular hotel. The existing swing UI is designed in narrative forms and I am ...
1
vote
1answer
83 views

Is it easier for the user to have all the options at a glance?

I am working on an internal webapp where we ask users about very different issues. Users have the option of not answering, but now we want to know if they really don't answer because they don't ...
25
votes
5answers
5k views

What is better: to have a modal open instantly and then load its contents, or to load its contents and then open it?

Let's say you have a button. When you click it a GET request is fired for some data (for this example assume that the data cannot be prefetched). Then a modal opens and displays that data in a pretty ...
2
votes
1answer
204 views

Best practices for “show password” functionality

In a mobile app context, when the user is presented with a dialog specifically asking for a password, what are the best practices for allowing the user to show the password while entering it into the ...
0
votes
2answers
61 views

Apply theme customization on a financial app [closed]

I am designing a UI design for a financial app, can a user apply different themes to change between colors of the UI, so what themes are best suited for this feature?
0
votes
1answer
51 views

How to represent nested If-Else blocks in documentation?

I want to document a process that has some nested If-Else decision steps. The documentation must be printable, so I don't have a lot of space for proper left indentation to represent the current level ...
1
vote
0answers
22 views

Google Forms with Interactive Passage Design? [closed]

I'm currently trying to design an editor for an application where quiz questions are linked to specific parts of a passage. This editor is essentially for people to create these type of special ...
2
votes
1answer
37 views

Display dates for a long period on the graph

I'm working on an app where I need to show a graphs for different period of time. The problem is that when I'm picking long periods like a 5 or 6 months, the labels for days are all squished together ...
1
vote
1answer
34 views

How to handle data addition in data grid when data is sorted

I have data grid in application which has pagination and the latest added record is added on top. If the data is already sorted on a column and another record is added to the table how should the ...
4
votes
6answers
1k views

Dropdown menus: Should the parent item be clickable?

TL;DR In my opinion, the parent element (that which when hovered spawns the dropdown menu) MUST be clickable. Other items in the global navigation bar that do not have have dropdown menus take you ...
1
vote
0answers
43 views

How do I best show the format that's allowed for an input?

I can restrict the input on the front-end to certain values or make it match a regex pattern, but the user might be confused about why they can't input certain values unless it's communicated to them ...
1
vote
0answers
58 views

Are there any similar progress bars with interactions like this?

I'm actually looking at circular progress bars that can fit in the 45px x 45px space, as such there's a limit to what can be displayed (so the typical long and narrow progress bar isn't going to work ...
4
votes
2answers
272 views

Standard style for text that opens hover tool tip?

Is there a standard style for text that opens a tool tip upon hover? E.g. "Learn more" text where the user hovers over it and it opens a tool tip. Someone on my team had mentioned displaying the "...
2
votes
2answers
95 views

I have 2 sets of button, how can I arrange them for best user experience?

I have 2 sets of buttons on a pop-up box of a website. Set 1 consists of multiple options the user can choose from, i.e. option 1, option 2, etc. Another one is "Back" "Next" "Start over". What will ...
1
vote
1answer
78 views

What's a better alternative to using tool tips on a modal box on mobile

I'm working on the mobile web adaptation of a desktop design. The desktop version uses a modal box, on that modal box there are tool tips that can be hovered on or clicked for more info. When ...
1
vote
1answer
69 views

Browse and select from a list at the same time

We're looking for a way to cut down on pogosticking - users popping back and forth between a summary view and various detail views. One pattern we're experimenting with is pager arrows, for when users ...
3
votes
1answer
127 views

Is there a best practice for redirecting users in a web application during an interaction?

To be more clear, my scenario is something like this: User interacts with a dynamic form that might or not create a new record on the system. When this record is created, I want to give the user the ...
5
votes
2answers
231 views

“Missile launch” button pattern name and implementation?

I am curious about a specific confirmation pattern. The best way I could describe it is the "missile launch" pattern, where the user has to "arm" the button by removing some sort of cover before ...
3
votes
3answers
121 views

If I have 24 categories with sub-categories in my shop page, where would be the best place for them?

The design is specifically to Desktop, on Mobile and Tablet I'm planning to have a drawer window with the list of categories and its sub-categories. The idea is to make the category visible in the eye ...
10
votes
5answers
285 views

Novel design patterns used to attract user attention but not a call-to-action

On the seek.com job website there is an interesting little character on the top of the navigation: When you hover over this character, there is a small interaction/animation Which basically extends ...
2
votes
1answer
4k views

Why are Google search results aligned to the left? [closed]

While doing some research on search results patterns I realised Google still to this day shows the results list on the left on desktop while the remaining 99% of websites are aligned to the center of ...
0
votes
1answer
50 views

Design Principles for Applying Configurations to Multiple Destinations

Do solid design principles exist for a scenario where one would have a dashboard for applying configurations to multiple different locations? As an example - let's say you have a dashboard to ...
1
vote
1answer
158 views

Usability of toggles as a filter or sorting mechanism

I looked up a website (page link here) and noticed this at the bottom of the page (one of the few times that I managed to scroll that far): It shows a toggle being used to sort the comments added at ...
1
vote
2answers
78 views

Name for flexible view-based layout like in Photoshop, Eclipse, Blender?

Is there an established name for the visualization and interaction based on movable views as in Photoshop, Eclipse, Blender, etc.? I refer to: a screen with some global controls onto which a set ...

1
2 3 4 5
18