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.
707
questions
0
votes
1
answer
29
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
2
answers
126
views
To indicate UI components are not yet usable, is the "wait" ⌛ or "not-allowed" 🚫 cursor better?
This answer makes the argument that simpler is clearer and thus is better, and the "not-allowed" CSS cursor 🚫 is more direct (in my opinion) than the "wait" cursor ⌛. Another ...
- 101
0
votes
1
answer
95
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 ...
0
votes
2
answers
142
views
For a permissions interface settings, how to better handle multiple checkboxes on one screen?
Is this the best way to display the checkboxes in the below screen?
Should I add Select all for the checkboxes?
3
votes
2
answers
175
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
0
votes
1
answer
130
views
HTML element or UI control to accomplish the following scenario to select a range of page numbers in various orders
Seeking some insight on what HTML Elements or UI control would be best suited to accomplish the following scenario. The ability to select a range of page numbers that could include a number of ...
- 126
1
vote
1
answer
175
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
1
vote
2
answers
126
views
How to redirect viewer's attention to a certain card among similar cards?
I am a product designer but I also work on illustrations and web designs on the side. On my portfolio, I would like to motivate viewers to click the first card (UX/UI card) rather than the other two.
...
- 336
2
votes
1
answer
42
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
1
vote
1
answer
84
views
Best way to show a rating/score which also needs to be an apparent button
I've been stuck on a presentable design solution for some time now. I'm trying to simplify the UI so the user can see the ratings/score for all (Affordability, Scenery and Safety) for a specific ...
- 113
2
votes
1
answer
93
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
5
votes
1
answer
156
views
Does this pattern have a name?
I just came to a very known website that I found pretty weird and confusing because of its onload behavior. You can see it at https://wetransfer.com and what I mean is the image below:
Just in case ...
- 38.2k
1
vote
1
answer
100
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), &...
3
votes
4
answers
216
views
Could elevators not have call buttons?
Do elevators need call buttons? Shouldn't the elevator be called if someone stands in front of the door? I see many questions about people pressing the buttons for different banks of elevators and so ...
- 31
1
vote
2
answers
191
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 ...
2
votes
1
answer
122
views
How can I make dropdowns more tied to the graphs that they control?
(question copied from https://graphicdesign.stackexchange.com/questions/162197/need-help-with-a-color-coded-design since commenter there suggested this is the appropriate forum)
I am but a simple BA, ...
- 123
1
vote
1
answer
75
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 ...
1
vote
2
answers
90
views
How to make extra options appear in a language learning app
I am trying to design a app for learning languages. It lets you watch 15 sec youtube videos. The goal is for you to watch videos and try to understand what is being said with subtitles which are ...
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,516
0
votes
1
answer
106
views
How small preferences in microwave ovens are chosen by the manufacturers
Dealing with several microwave ovens during the lifetime I find that there are at least a couple of peculiarities I'd rather have my way, but they're not usually listed in specifications. I'm not ...
- 1
0
votes
1
answer
201
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 ...
- 121
0
votes
1
answer
248
views
Visualizing Data Hierarchy and Inheritance in a Multi-Layered System
We are working on functionality with three layers of data hierarchy, where data and settings are inherited or 'inherited' from higher to lower layers. This indicates a parent-child relationship within ...
- 75
1
vote
1
answer
136
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
2
votes
3
answers
766
views
Why is showing battery percentage turned off by default?
The first thing I do on a new phone or new laptop is find the setting to turn on the display battery percentage. It's much easier to read 78% than to try to distinguish whether six or seven pixels are ...
- 121
1
vote
1
answer
113
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
2
answers
318
views
Terminology: Press and Hold -or- Hold?
"Press and hold" (or touch and hold) is clearly the full description.
However, is "hold" alone clear enough for users?
Instruction: Press and hold the button for 3 seconds.
...
- 656
0
votes
1
answer
199
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,...
2
votes
2
answers
97
views
How to visually indicate that anonymous user profile is non-clickable?
In our classified advertising website we have user profiles. You can click on a seller's profile (Pic, name, registration date) and see what they are selling.
We also have an anonymous way to publish ...
- 21
0
votes
3
answers
266
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
0
votes
2
answers
80
views
How to design an interface to apply many teachers to students
I have a web app that created report cards. A teacher who logs in sees a list of their students (no matter the subject) and when they click a student, they are brought to a page with all the subjects ...
- 153
1
vote
1
answer
5k
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,334
0
votes
2
answers
336
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 ...
- 1,334
2
votes
2
answers
1k
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
0
votes
1
answer
57
views
Showing Time Spent Today and Time Spent Total in Time Tracker App
Currently, our team is developing a time tracker for employees to time in and time out during their shifts.
In the time tracker are tasks listed. Each task (e.g. Read emails, read backlogs) has a text ...
- 1
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
1
vote
1
answer
84
views
How to set an interface for chain(YES/NO) logic?
I want to make an interface that will allow you to set a chain of events (namely races) using dependencies. Each race can have a YES/NO case (according to whether such a race took place or not) and no ...
- 13
1
vote
2
answers
789
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
0
votes
1
answer
320
views
How to show advanced search in a mobile view? And also how to take a care of utilizing the space of a mobile screen?
I am trying to get a solution for the mobile version of a web layout for an advanced search which includes dropdowns, filters, checkbox and toggle buttons. I tried to get it in the responsive format ...
1
vote
1
answer
56
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
2
answers
274
views
Progressive disclosure on hover - Best approach?
Context:
I'm the sole product designer for a company with a product built around selling "knowledge packages" for getting your company on a better spot financially, fiscally, or productively....
- 173
0
votes
1
answer
340
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
0
votes
2
answers
88
views
How can I make this habit tracker interface more visually interesting? [closed]
I'm designing an interface for a habit tracker app where a user can view a list of their habits for the day and tap a button to mark a habit as complete.
I think the habit containers (meditate, ...
1
vote
2
answers
87
views
From a user's point of view, is it important to distinguish between the terms extensions, plug-ins, add-ons and widgets?
With a lot of focus towards customisation of software functionality and interface components, there are some software platforms that choose to go down the path of creating APIs and exposing some of ...
- 27.5k
0
votes
1
answer
275
views
Double grid approach to display related data
This is my problem: when the user selects a record from the first table, all parameters relevant to the selected h2h column must be displayed below the table. When the user selects the second row from ...
- 27
0
votes
2
answers
118
views
Show Related Items
What is a good user experience for a single web page that allows the user to add and manage 3 related things?
In my case I want the user to see this in the UI:
Property 1
Building 1
Apartment ...
- 101
0
votes
1
answer
77
views
What's the name of this 3x3 direction selection control?
I've noticed this control in a few places, but can't get google to tell me what it's called- what is it?
Text justification in Altium Designer:
Image anchor in Paint.NET:
And in Photoshop:
1
vote
1
answer
1k
views
Archiving. What are the best practices?
We are having a debate about a new feature we want to implement. Our system has a long list of items with five statuses (Public, staged, scheduled, draft, disabled). One of the users' main problems is ...
- 2,280
0
votes
0
answers
682
views
"Add" button with option to add more than one item
As part of a task in my webapp, users need to add "slots" to an object. For each slot, there's some settings that the user can adjust. Adding a slot is achieved via clicking a button.
Some ...
- 61
2
votes
2
answers
791
views
UX for picking tags and then quantities related to them
I'm making an app in which students can select topics/tags they're interested in, and get a randomly-generated quiz containing questions that have those tags/belong to those topics. For each selected ...
- 61
22
votes
4
answers
5k
views
Why is Figma/Adobe XD needed?
A bit about myself - I'm an 18 year old amateur graphic designer who works primarily in Photoshop and Illustrator. I've also been trying to learn coding for the last couple of years. I have developed ...
- 221