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
3answers
57 views

How to indicate a group of required fields and single required fields in the same flow?

I would like to hear your opinion on the matter. We do have a set-up wizard like that. Let's say in step one we do have dropdowns with values from 0 to 10 and 0 being the default value. The user can ...
46
votes
9answers
9k views

Is it good practice to allow users to navigate simply by hovering on a menu item without clicking?

A pattern I have noticed recently on some (desktop) websites is that users can navigate simply by hovering on menu items. While this is more efficient (fewer clicks) it feels unexpected and therefore ...
1
vote
0answers
42 views

Why does clicking the "StackExchange" logo in the top-left corner of this very page not directly take you to stackexchange.com? [migrated]

Rather than taking you directly to the main page, it opens a popup containing another button that you need to click. Why in the name of everything holy is this website designed this way? Please tell ...
2
votes
1answer
131 views

What to consider when designing UX for smartwatch and wearables?

I've designed for the desktop, tablet and mobile. But have no experience designing for smartwatches. What are the considerations I should be making when designing for smartwatches? e.g. users can use ...
0
votes
2answers
66 views

UX guidelines for placing edit buttons?

I am working on finding the best placement for the edit button for a company website already in existence (used for internal staff & clients). This is a review page after a Client has filled out ...
0
votes
1answer
27 views

Editing information displayed in page header

I have a page header which looks like this example from Ant Design: I need a way to edit the information displayed in the header. Initially I thought of having an Edit button in the header for that ...
2
votes
1answer
55 views

What should we call the mouse-over heading link pattern, and where is it best documented?

I want to be able to refer to the UI pattern where each heading / h-tag on the page is automatically turned into an appropriately named link, and hovering on the heading reveals an icon that can be ...
1
vote
3answers
108 views

Where should I redirect after filling a "creation" form?

HI hope y'all doing well I have an app where users need to create different items. There's a page that displays all the items created that as a "Create new..." button. The user's path: ...
2
votes
2answers
239 views

What is "neo-modern interactive" design?

I was going through a Google tutorial on building UI experiences with Jetpack Compose when I came across an odd aside: Tip: neo-modern interactive is probably a design trend After a web search, I'm ...
0
votes
1answer
43 views

Communicating the price on a single service, single price website

Having a pricing page or section that follows conventional pricing table design patterns seems to be a best practice for websites offering different services. If a website offers only a single service ...
1
vote
1answer
126 views

UI patterns listed by type of UI design case

Most UI pattern libraries list patterns by UI element - e.g. "footer UI patterns", "scroller UI patterns", "button UI patterns", etc. Do you know a library where patterns ...
0
votes
2answers
67 views

design decision behind buttons

What is the design decision behind the buttons 'Open in app' and 'get started'? In the image below we see two buttons or clickable links one has a boundary and another does not. But what thought ...
3
votes
2answers
448 views

What is the name for the design pattern of large numbers to convey statistics?

Usually presented on website homepages, the purpose of this design pattern is to present a quick top-level overview of the company in numbers, aiming to convert visitors by establishing credibility ...
0
votes
1answer
69 views

Is the 'Quick Exit' feature commonly applied to websites with sensitive information?

A developer pointed out this feature that was implemented on a website that I thought really understood the user experience at a high level, and showed that catering for the user experience doesn't ...
1
vote
1answer
67 views

How should users be notified of license expiration and of renewal?

This is a two part question. Licence Expiration: When a platform license expires, users are logged out and everyone sees the paywall. How should users be notified that this forced log out is about to ...
1
vote
1answer
138 views

What is this stepped design/component called?

I search for flow builder or sequence but can't seem to find references on google. This is the layout:
1
vote
2answers
120 views

Improve the current UI library or build a new one?

I recently joined a company with a small team but not a startup. I'm working on a CRM SaaS product, which has a few years, but it's not very sophisticated (UX and UI wise). When they started to build ...
0
votes
1answer
116 views

Which option is better for read only mode?

I have an Angular application where I have used mat-form fields (Material components) to build the forms. Here I am having a requirement to implement a read only mode. I hope disabling all mat form ...
0
votes
2answers
153 views

Is a good user experience to display actions on the top of the screen on the web?

Navigation on the top of the screen is common on the web. To add actions like "Edit", "See details", "Copy" in the navbar is more specific on the desktop. Fluent UI, ...
1
vote
2answers
74 views

How can I concisely present lists in table cells?

I am presenting data in a table. One of the columns will contain list data. The length of the list will generally be around 1-4 entries. These lists will have entries looking like property-comparison-...
0
votes
1answer
67 views

How to "swipe right" between two people given information density?

I'm not a UX designer, I'm a programmer. So please be patient with me :) So we're working on a dating app that learns what features a user likes in other people. We're struggling with designing the '...
1
vote
0answers
57 views

Language selector and default language on filter bar

A user is able to choose supported languages from a language list on our platform. The user is required to set one default language (the system defaults to English). The language dropdown is available ...
1
vote
1answer
112 views

Should user simply be able to upload a PDF?

I'm working on an application where a user can submit an important document that contains information we need from them. The information contains details such as - event name, event location, duration,...
2
votes
1answer
76 views

How to add item details within a in a multi-step wizard process?

I am working on a project that involves a wizard-type form workflow. In one part of the process, our system will return items we found for the user. The user will then need to provide details about ...
0
votes
0answers
60 views

Is it okay to combine Log-in and Sign-up for passwordless/magic-link logins?

The generally received wisdom online seems to be to keep your log-in and sign-up/register flows separate. The reason being, that they are very similar and it is easy for users to get confused. I plan ...
0
votes
1answer
192 views

Question about Grids and Layouts in UI Design

grids and layouts are something that i've struggled with since starting my design career two years back. I've read books like grid systems and watched several videos and courses but as a UI designer, ...
2
votes
1answer
51 views

Hover on a card with clickable links

I am working on card which has a clickable link/ clickable options but the card itself is not clickable. I want to add a shadow to the card when someone is hovering on/ clicking on the link. I have ...
1
vote
3answers
84 views

Are Collapsible horizontal navigation bars ever used?

There is an ask to have a collapsible horizontal navigation bar. This would be below the main horizontal navigation. This is not standard imo. And poor user experience because it is so uncommon. The ...
0
votes
1answer
107 views

Design pattern for collapse but not entirely

I have a bunch of cards in a 2 column layout in my grid. If there are more than 2 items to display I want to show only 2 of them and hide the remaining behind a "Show all" button. What is ...
2
votes
2answers
65 views

Product Purchase flow with Add-ons

I have a page where the user can purchase a digital product by itself, in a three pack, or in a five pack. The complicated part is that the user may also purchase add-ons for the products in the pack, ...
1
vote
2answers
99 views

How can I make this table in our sales proposals clearer?

The company I work for sends out sales proposals to potential customers. It is common for companies here to outsource Activity. If they do Activity in-house, they can save a lot of money. To do ...
3
votes
3answers
176 views

What would be the better option for Grid items in App, Circular buttons or Rounded Rectangular buttons?

Currently I'm designing a mobile application where I need to display various categories for the user to choose and for that I have created two variations. First Option is Item within circular shape ...
0
votes
3answers
167 views

Synonyms for Dark Design Patterns

There are many terms interrelated to dark patterns. I feel confused with the following terms: Dark design patterns Dark UX Asshole design Do all of the above mean dark patterns? If not, then what is ...
0
votes
2answers
86 views

Pattern for a one-time action

How to display an action that can only be enabled once? I originally considered a checkbox, but the user wouldn't be able to uncheck it once selected. Another option I think might work would be to ...
2
votes
2answers
537 views

What should be the vertical placement of primary button on a mobile screen? And why?

A user scans the screen from left to right and top to bottom. So, we use the primary action (or primary CTA) on the right side while designing for the web. If we consider top to bottom scan approach ...
1
vote
1answer
54 views

Continuing setup on another page and/or modal a bad practice?

Background I'm working on a project involving configuring live video feeds (contrast, brightness, focus, etc). This is a very rough sketch of how the layout of the UI looks like: Each grey box ...
0
votes
0answers
25 views

Can I design 2 steps wizard [duplicate]

I have a process of sharing video snippets. The users are trained and they need to trim a video (complex step that include using several UI components), choose a recipient and write a message. My ...
2
votes
2answers
88 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
66 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
100 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
42 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
75 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
283 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 ...
3
votes
3answers
744 views

Recommended maximum amount of columns in a table? [closed]

When designing tables I am always wondering how many columns are too much. I commonly have tables that act as an overview of all the items, which can then be opened to show all the details. On one ...
1
vote
1answer
65 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
111 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
359 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
44 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
3answers
312 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,...

1
2 3 4 5
18