All Questions
32,121
questions
0
votes
1
answer
31
views
Suggestions, isporations and ideas for report page for an ERP
I am designing a reports page where users come and fill in the required fields and get the report. They can then choose to download or view the report. Considering that our users are not very tech-...
- 41
0
votes
2
answers
91
views
How to improve the UX/UI for multiple buttons that are now spread out
I am working on a web application where we have detail pages for applications that were submitted by the user and certificates that were issued for them.These pages have multiple buttons and are ...
- 3
0
votes
3
answers
45
views
Patterns for handling concurrent modifications to resources in web app
While making an LMS web app, I was looking for a way to provide a nice UX while communicating the user that a resource they were trying to edit was already being worked on by another user. For example,...
- 63
0
votes
2
answers
353
views
Refresh list in Material 3
I have an Android app that displays a list or grid of cards, depending on the screen size, that is loaded from the backend. I migrated it to the Material 3 spec recently.
The app currently does ...
- 101
1
vote
1
answer
85
views
Show selection at the top of a table
I am designing a table that contains a series of items, each item has a series of associated details (name, number, group, etc) that are displayed in several columns; each column has a filter in the ...
- 59
0
votes
1
answer
47
views
Is there a best practice for what each Easing Functions should be used for?
How do I find the ideal easing function for specific scenarios like shape expanding and text appearing, etc.
0
votes
1
answer
30
views
"Non-exclusive categorical organization" (of files, database entries, etc.)
Hopefully this question fits here. I had it posted on another stackexchange site and it was deleted for being off topic--but the problem is this doesn't fit neatly into a topic. It lies on the border ...
- 101
2
votes
4
answers
178
views
Can modern personal computer users do without a tab key?
I am sketching designs for a prospective minimalist personal computer keyboard.
I am considering omitting a TAB key. In this case, a user needing a tab would press some function key together with one ...
- 123
0
votes
1
answer
68
views
How to position a "add to list" button?
Following picture shows a list of notes in a tab-layout. Each list has a + button at the bottom to create a new note.
As the list grows the user has to scroll down (a lot) to see, that there is ...
- 243
0
votes
1
answer
24
views
Landing page explianer video embedded vs modal
We are looking at putting an explainer video on our home/landing page above the fold next to our main CTA's to sign up or request a call.
I've seen two main ways to do this:
Embedded - the video is ...
- 213
0
votes
2
answers
67
views
How to update stale page content without interrupting user
I have a mobile application that supports offline usage, but can also work online. There are several pages of content (mostly long lists of items) that are loaded from server when user visits specific ...
- 103
0
votes
0
answers
21
views
System for learning without being led off on a tangent
I would like to know, how a software system, could be designed, so that everything you searched and used (chrome, Wikipedia, apps, dictionary, illustrations, images), and so on, were filtered through ...
0
votes
0
answers
38
views
Too much content for an accordion?
I'm working on an interface with a product list. I'm wondering what is the best way to show these label value pairs. I know the label should be emphasized since, the users will be looking for that and ...
0
votes
2
answers
73
views
Proper way to align list with colon separated values
I am creating a very small list of data for a device which will be displayed on an overlay. The following format is as follows:
There are many different ways these items can be aligned and I've ...
- 721
0
votes
0
answers
21
views
Website nivation with below mentioned terms, please give me a detailed suggestion for each navigation
All these terms (Breadcrumbs, Sidebars, Mega menus, Dropdowns, Tabs, and Accordions seem to be an important factor when creating sites and doing SEO, want to know if I am creating a site with ...
- 1
0
votes
4
answers
86
views
Should users be allowed to add new users on a user management screen while the screen is still loading
Designing an access management module. Sometimes there will be a delay in the list of existing users loading. During this time the add user button will be active. in this case users will be able to ...
- 10.6k
1
vote
1
answer
69
views
Accounting too much for user error?
So I am redesigning a configuration page and I feel that our current flow is overcompensating for user error too much. Basically, when you want to make a change on a device there are four steps:
Make ...
- 721
0
votes
4
answers
118
views
Cross or left arrow to return to the previous page?
I am developing a phone app with Material UI (using Flutter).
To return to the previous route ("cancel" the current route), when should I use Icon.close (cross):
...and when Icon....
- 171
0
votes
5
answers
334
views
What is an example of false/ bad affordance?
So I'm learning Norman's design priciples but I haven't quite understood affordance. I know the defenition now. If we take a square box, it affords to be sit on, stand on, it afford to be picked up ...
- 101
1
vote
1
answer
62
views
How do I plan for errors in the product that I'm redesigning?
So I'm working on an internal data product that's used mainly by two users (analysts) within the data team.
I've created a user flow, but haven't mapped out the potential errors on the flow during ...
- 13
1
vote
2
answers
159
views
Is input element changing height on focus acceptable?
I have built a multi-select dropdown with a search field that becomes visible on focus. However, when an element is already selected in the multi-select input, the search field has to be render on a ...
- 4,271
0
votes
1
answer
75
views
Representation of transparent color in a color picker without confusion with white color
I have a color picker to choose the background color of a rectangle in a Figma-like editor.
One of the colors is white rgba(255,255,255,1), and another one is transparent rgba(0,0,0,0).
On the image ...
1
vote
2
answers
281
views
What is the design system of gumroad?
I am learning web development, and in the process of taking inspiration for UI online, I came across gumroad.com. Its design is bright, colorful, blocky, doodly, etc.
I want to learn about this design,...
- 21
0
votes
1
answer
115
views
Ag-Grid filter across pages or current page
When using the Ag-Grid with multiple pages, is it a good practice to filter records across pages or should it be just the current page ?
Also for sorting, is it a good practice to retain the current ...
- 129
2
votes
1
answer
46
views
Modifier keys to use for group selection/panning/magnification
I am developing a desktop web diagramming app in which the user can pan the ('infinite') background to move it relative to the window, drag over boxes ('nodes') to select them as a group, and hold ...
- 121
0
votes
0
answers
35
views
Order of elements
I am designing a platform where the user can create items that are grouped into different categories.
Each category has an order for the items it contains.
During the process of creating an item, the ...
- 59
0
votes
2
answers
159
views
APCA (WCAG 3.0) does not allow for 14px font to be used as a regular base
According to APCA (WCAG 3.0), we are not able to use 14px font as a regular base, but when it comes to SaaS application design, 14px is commonly used as the base font size. Despite my attempt to use ...
0
votes
1
answer
29
views
Should newly added card be displayed above default card on list?
This question is regarding payment during checkout.
Say user already has 2 cards (Card A, Card B) in his wallet, and Card A is the default card.
During checkout he decided he wants to use Card C ...
- 173
0
votes
1
answer
80
views
User's expected behavior when uploading files before submitting
Problem:
I have a form that has a couple fields, but also asks for the user to upload files. Potentially, the user might upload multiple files, so we are saving them (kinda like saving drafts), but ...
- 1,281
1
vote
2
answers
110
views
How to design for a table which has two different header options depending on the model
So I have a large table with lots of different column headers, lets say there are 10. Currently, under this table, there are two different model types, model A and model B. Model A uses all 10 column ...
- 721
3
votes
1
answer
199
views
How to deal with rounded percentages that don't sum up to 100%
We often display percentages which sum is expected to equal 100%. For example, in a pie chart. These percentages are sometimes rounded, either for clarity (25% instead of 25.434%) or because we have ...
- 133
0
votes
1
answer
115
views
When should I use dropdown or sheets in mobile design?
I'm working on a web app design, and I'm designing for both mobile and desktop devices. In desktop forms, I'm using normal dropdown selection lists (or dropdowns) and in mobile I'm uncertain if I ...
- 1
0
votes
3
answers
140
views
Argumenst against adding an extra UI element (information icon)
I'm trying to find an argument against adding an extra UI element in one of our form.
We have a URL link and a small "(i)" icon next to it.
Both the URL and the icon can have tooltips.
...
- 615
0
votes
0
answers
22
views
Mapping Data UI: Map objects (per childs) to additional data
I'm working on a UI problem when it comes to map data. Imagine you have a wall (object) that contains multiple layers like insulation, concrete and plaster (childs). To provide value with the software ...
- 1
0
votes
1
answer
55
views
Should all my buttons be the same size if they are on different screens?
So I have a concept where you select a category, and underneath that category select another sub category, which will then show the history of that category. The screenshot just shows the subcategory ...
- 721
1
vote
1
answer
60
views
Should I include the @ symbol with the username when the social icon is shown as well?
Assume the following clickable social links at the footer of a website:
Find us at:
[F] @username
[I] @username
[Y] @username
Where [F] = Facebook icon, [I] = Instagram etc.
My question is, is it ...
- 747
0
votes
2
answers
81
views
Should suggested options show up in multiple sections in the same dropdown list?
We have an autocomplete dropdown where the user can search from a list of people.
In this dropdown, we want to surface a "Suggested" section to surface the people that have been selected ...
- 1,281
2
votes
2
answers
628
views
UI Design: I can't understand the concept of design tokens
I have created a few design systems in Figma for different companies. Some are simple, and some are complex. But till now I can't understand the concept of design tokens. Every article or video I ...
- 267
0
votes
1
answer
46
views
Reset Button in Filter Popup
How should the Reset button on popup work? Should the window be closed?
You need to close the window. The filter is reset, the table is updated
The window does not close, all items in the list are ...
- 21
0
votes
0
answers
31
views
SUS questionnaire in Korean
We're planning to use the System Usability Scale (SUS) questionnaire with our Korean clients and I was wondering if anyone has it translated into Korean. As I am not a native Korean speaker, it is ...
- 707
0
votes
1
answer
55
views
Multiple upload states and error handling
I am currently working on a banking site. We are designing a section of the site where users can follow their applications, i.e. for a loan. They can sign and upload documents from there.
There will ...
- 667
0
votes
2
answers
82
views
What is best way to put Required Text in Select Box?
I'm creating contact form. I have read Web form design guidelines and found tips to add optional or required text instead of putting asterisks. I have found the information in https://www.cxpartners....
0
votes
2
answers
92
views
Rationale behind the Material Design (M3) color system of interaction states
According to the documentation here, interaction states (hover, focus, pressed etc) are represented by overlaying an additional state layer on top of the container:
The state layer is an overlay with ...
- 101
0
votes
1
answer
67
views
How to show a custom range within a default range
I currently have a range of values where the center of the graph represents the ideal value, and the further you get away from the center the worse your value is. In this current wireframe, you can ...
- 721
0
votes
2
answers
45
views
How to informally test users’ knowledge of app’s undocumented behavior?
The app I work on has some undocumented but consistent behavior when filtering and sorting a queue.
The formal requirement is that, if the filter returns more than 1000 results, a warning message is ...
- 101
0
votes
1
answer
175
views
What accessibility pattern for filter/sort "dropdown"?
I have a design that displays a list of content that you can filter by different categories. Each filter is displayed in a dropdown menu that lets you choose one or more options, which when activated (...
- 103
3
votes
3
answers
850
views
Personas for Users who want to quit an unwanted habit
I'm working on an app that is designed to help people with unwanted habits to addictions. I'm trying to determine how many personas would be appropriate for this app. I don't believe it warrants a ...
- 31
0
votes
2
answers
35
views
Choosing the right onboarding for a niche market mobile app
I have a mobile app in a niche (bird management) where the average age of the user is ~40
The app requires the user to create data, which can at times be time-consuming (it's needed).
The churn rate ...
- 101
0
votes
1
answer
126
views
Toast Notification Placement
I'm working on a platform that should display Success and Error notifications when the user performs certain actions.
Initially we thought about placing the notifications in the top right corner, but ...
- 59
0
votes
0
answers
28
views
App based on mind map to model what lies around the heart, and how to maintain it
I am using the mind mapping software miMind, on Android, from Google Play.
I want to make the following mind map, but the features are not available.
In the center of the mind map, I want to place the ...