All Questions

Filter by
Sorted by
Tagged with
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 ...
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 ...
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 ...
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 ...
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,...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 (...
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 ...
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 (...
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

15 30 50 per page