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.
696
questions
1
vote
1
answer
80
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-...
2
votes
0
answers
118
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 ...
0
votes
0
answers
51
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), &...
2
votes
4
answers
154
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 ...
0
votes
2
answers
78
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
93
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, ...
0
votes
1
answer
52
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 ...
0
votes
2
answers
89
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 ...
0
votes
1
answer
104
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 ...
0
votes
1
answer
115
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 ...
0
votes
1
answer
133
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 ...
1
vote
1
answer
87
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 ...
2
votes
2
answers
285
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 ...
1
vote
1
answer
74
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
117
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.
...
0
votes
1
answer
161
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
85
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 ...
0
votes
3
answers
143
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 ...
0
votes
2
answers
61
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 ...
1
vote
1
answer
2k
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 ...
0
votes
2
answers
134
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 ...
2
votes
2
answers
912
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 ...
0
votes
0
answers
43
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 ...
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 ...
1
vote
1
answer
72
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 ...
1
vote
2
answers
341
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 ...
0
votes
1
answer
190
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
47
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.
0
votes
2
answers
215
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....
0
votes
1
answer
212
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 ...
0
votes
2
answers
86
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
74
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 ...
0
votes
1
answer
174
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 ...
0
votes
2
answers
84
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 ...
0
votes
1
answer
76
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
612
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 ...
0
votes
0
answers
291
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 ...
2
votes
2
answers
483
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 ...
22
votes
4
answers
4k
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 ...
0
votes
1
answer
1k
views
Accordion vs collapsable section
Is there any difference in accordions vs collapsable sections? Can we say that accordions have data, and collapsable sections have a layout? But, how do we visually differentiate between them? The ...
0
votes
1
answer
74
views
Multiple levels of conditional text
For a report builder, my non-technical users need to be able to visually specify conditional text that is potentially multiple levels deep. Example:
Mr X and Mrs Y, each possibly replaced by Mr Z if ...
-1
votes
2
answers
120
views
Many buttons in a mobile app
Imagine an app that can be native, hybrid or responsive and I have to put in the UI three actions: approve, deny and waiting for correction. Whats the best way to display these options?
0
votes
2
answers
325
views
Alternative UI design to provide access to multiple users
Problem: Part of the application has access to only specific users. Eg View only, Add item, and edit. Only admin can give access.
I have already tried toggle buttons and check boxes. Wondering if ...
0
votes
1
answer
50
views
Should buttons' position/placement be standardised across the whole platform?
I know that there have been threads about button placement, however what I'm asking is not a specific case. Rather, I would like to know regardless of contexts, should button placements be ...
1
vote
2
answers
244
views
How to distinguish between a selected and important menu item?
If you wanted a user to distinguish if a menu item is important and not selected.
How will you represent the difference between the selected and the important menu item?
The only idea I would come up ...
0
votes
1
answer
350
views
How should I design this, not sure if it's a container or card
I'm currently in charge of the design system and we have this component which I'm not sure if I can consider it a card, or should I just use the general term 'container'. I tried googling and results ...
1
vote
1
answer
49
views
User-needs approach
Do you think that an approach that consists of asking the user directly what their profile or sector of activity is and then refining the value proposition or directing them to a landing page that ...
3
votes
1
answer
149
views
User Interface for Deduplicating Records
I am looking for UX interface patterns that can be used to dedupe records.
Suppose, for example, one has a database of customers. Perhaps Ronald T. Wiggins and Ronald Wiggins are both in the database ...
0
votes
2
answers
363
views
Is it OK to break consistency in my page margins?
I am a beginner and designing my first UI wireframes for a large website with 80+ screens. My question is we set a margin width for the pages of 100px on each side of the page (the screen sizes are ...
0
votes
0
answers
39
views
Outdoor Interface Lighting [duplicate]
Sorry to anticipate if it is not the right place.
I have 2 questions regarding the same topic:
What type of screen would you use for outdoor use? Matte backlit LCD?
What background and text colors ...