All Questions
31,978
questions
0
votes
1
answer
53
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
20
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
52
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
19
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
35
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
66
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 ...
- 675
0
votes
0
answers
19
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
85
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
67
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 ...
- 675
0
votes
4
answers
110
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
210
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
61
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
153
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
69
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
181
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
74
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
41
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
106
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
73
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,209
1
vote
2
answers
89
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 ...
- 675
3
votes
1
answer
80
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
54
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
136
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
16
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 ...
- 675
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
66
views
Should suggested options show up in both sections?
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,209
2
votes
2
answers
567
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
37
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
24
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
37
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
80
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
74
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
62
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 ...
- 675
0
votes
2
answers
44
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
73
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
849
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
34
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
75
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
26
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 ...
0
votes
1
answer
49
views
From design to user story mapping
We have ran a design sprint after the end of which we managed to test a simplified flow of the designs elaborated with 14 users. We are now bringing those learnings into the design making sure that we ...
- 373
0
votes
1
answer
41
views
Should PDFs for on-screen reading be split into pages (with a "real" paper size)?
Downloadable PDFs are not a good format for on-screen reading and should be avoided, but sometimes there's nothing we can do about it. That's my case now: I have to design a PDF for on-screen reading (...
- 31
1
vote
1
answer
98
views
How to display ( and work with ) related data without using a table component?
I'm working with an external system where users can create entities and link them bidirectionally. One entity is the source / the parent and the other entity is the target / the child. So one link ...
0
votes
1
answer
63
views
Save as "Save and continue" vs Done as "Save and exit"
Current workflow:
User clicks to edit a page
User edits some stuff and clicks "Done"
User automatically navigates to "Changes successfully published"
Our users want to be able to ...
5
votes
4
answers
1k
views
Terminology for the use of the word "your" in a call to action?
A widely used technique in calls to action is the use of the second person, and specifically the use of the possessive determiner "your" before a noun phrase denoting the good or service ...
- 151
0
votes
1
answer
55
views
Users are not figuring out that they can use breadcrumb to navigate to go to the previous page
[
This is the screenshot of the breadcrumb navigation where users face issue,
0
votes
0
answers
42
views
Show checkbox onhovering over a row of a table
My team is working on a Saas product. we have a table design where we displays actions onhover (we use this approach throught the product)
we are adding a new feature where the user can select ...
0
votes
1
answer
63
views
Best UX for a dynamic list of actions/operations
Predominantly focused on web-based Desktop use.
When viewing a particular object in our system, let's say its a helpdesk ticket as an example. Our workflow system allows the enrolment of new ...
- 101