Questions tagged [interface]
An interface is the point of communication between user and system, allowing for input to the system and feedback to the user.
715 questions
0
votes
1
answer
88
views
Is there an open-source tool to validate your user interface in an automated way?
Is there a tool to validate your user interface in an automated way? I was looking for something that would be able to scan your browser and look at the DOM and automatically detect visual issues with ...
0
votes
1
answer
71
views
Layout for device'settings desktop application
Often I need to develop simple desktop applications to configure hardware devices (i.e. using a serial port). Here a real example:
Please note:
each tab contains different fields, but organized in ...
- 113
0
votes
2
answers
95
views
Update fields based on user action on related field
I've a web application that requires some fields to be updated automatically based on user inputs to related fields.
Ex:
If user inputs value in TextField 1, they might expect TextField 2, 3, and 4 to ...
- 101
0
votes
2
answers
145
views
Designing primary description card for dashboard page
I am creating a dashboard for a product that tracks information associated with incidents that happen at a specific time and address. These incidents are plotted on a map that takes up much of the top-...
- 103
0
votes
1
answer
135
views
Blur background with semi-translucent pop-up, or clear background with blurred pop-up
I have seen it done both ways:
The background content is blurred, and the pop-up is semi-translucent.
The background content remains clear (no overlay) and the pop-up itself has a blur.
For the left ...
- 105
0
votes
1
answer
209
views
Simplifying Matrix UI Approach
I have a current design which is in matrix form where columns and rows can be added and value is added. Is there any other solution for this other than using matrix. I dont want to use the matrix ...
3
votes
2
answers
363
views
Effective graphical representation for parent-child containers to indicate relationship level
I'm seeking insights on the most effective graphical representation for visually indicating the relationship between two containers: one serving as the parent and the other as the child. The primary ...
- 153
1
vote
1
answer
189
views
How can i make this UI cleaner? [closed]
Good night fellas, i'm not an expert in design, ux ui, etc, my main field is more toward back end, so i would like to ask, how can i improve this page? It's the main page of a Saas i'm developing with ...
- 13
2
votes
1
answer
79
views
Best Path Representation
I'm working on a product that visualizes and identifies path based relationships between nodes. However a new relationship showed up in which a node might have a relationship to itself.
Right now we ...
- 21
2
votes
1
answer
137
views
Hiding the delete button behind 1, possibly 2 clicks
I have to anonymize this substantially, so forgive the abstraction, but here is the debate.
There is an interface in which you can create an object. This object has several attributes, as well as sub-...
- 1,326
2
votes
1
answer
204
views
Buttons on a wizard
In our current framework, we are presented with the challenge of accommodating five distinct action buttons: "Submit," "Back" (to the previous page), "Cancel" (to exit), &...
1
vote
2
answers
299
views
Research Dashboard: Empty State vs. Partial Data - What's the User-Friendly Approach?
I'm currently working on redesigning a research data dashboard. I'm facing a decision on how to handle the initial data load for a specific type of data that dates back couple of years. I have two ...
1
vote
1
answer
166
views
Side-bar Navigation pattern
I recently discovered a new UI pattern for the hamburger menu, displayed in the centre of a sidebar, even for e-commerce sites, but I can't find any resources/inspirations or examples. I'm wondering ...
5
votes
2
answers
3k
views
Design Patterns - like WYSIWYG
We have seen multiple applications using WYSIWYG.Eg: MS office applications, Adobe Photoshop, Illustrator and so on.
Recently I came across Miro and started using it extensively. What does the Layout ...
- 1,563
0
votes
1
answer
378
views
Horizontal and vertical alignment of headers in property tables
We have a Web application with a right sidebar which shows a lot of vertically stacked cards with details (aka properties) of the main active entity. Each card contains a property table, where each ...
- 131
1
vote
1
answer
228
views
Compare groups of items
I'm working on a web application allowing users to plan, organize and book an event for a group of people. Users would like to compare and share different options / packages of the event they are ...
- 111
1
vote
1
answer
166
views
How to display 3 nested content in an edtech platform
The learner in the edtech platform are having issues in accessing this nested structure, which is currently available on click. They want a single area where they can access this structure. I don't ...
0
votes
1
answer
234
views
Making a dropdown more apparent
After the good advice here: Multiple button display on a message approval screen, I reformatted our pending email message approval page. It now looks like this:
I've made the sender's name a dropdown,...
0
votes
3
answers
521
views
Button interaction inside table
I'm working on a table redesign and when it was first created they didn't have the design and experience in mind.
Right now, the table is a listing of products and there's a button inside the table ...
- 13
1
vote
1
answer
8k
views
Can I use yellow text on a white background to indicate warning? (Contrast checker)
I am designing an app targeted towards an older audience (age 65+) so my app needs to have high contrast to be visible. I am using a contrast checker and according to WCAG standards, any yellow does ...
- 1,444
2
votes
2
answers
2k
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 ...
- 336
9
votes
3
answers
2k
views
UI for autosaving checkboxes and radiobuttons
I am re-designing an online platform and we've decided to introduce autosave for settings. I understand it's important to communicate the autosaving feature to the user. This seems to be typically ...
- 93
2
votes
2
answers
1k
views
What UI component should I use to display API error or backend error?
What UI component should I use to display API error or backend error? Any best practice and what kind of UI element can I use to display it. I don't want to display it inside a form, but a sort of ...
user154738
1
vote
1
answer
83
views
Score at Quiz app - Learning app
For a learning app, which is better: adding score or not?
The feedback will be after each question and at the end we will rank users.
- 13
0
votes
1
answer
447
views
Best practice for tab contents in a web application
I am designing a web application that one of its interfaces includes a two tabs interface, if the first tab is selected then one input (a div containing tags) are shown above the tabs and if the ...
- 3