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.

Filter by
Sorted by
Tagged with
0 votes
1 answer
58 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 ...
BiZay Sunuwar's user avatar
0 votes
2 answers
70 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?
Mohammad.Y's user avatar
2 votes
2 answers
148 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 ...
Alice's user avatar
  • 143
0 votes
1 answer
97 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 ...
Tanooki Mario's user avatar
1 vote
1 answer
161 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 ...
amorim's user avatar
  • 13
1 vote
2 answers
98 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. ...
Bluebug's user avatar
  • 316
2 votes
1 answer
39 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 ...
merlin's user avatar
  • 21
1 vote
1 answer
68 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 ...
Lewis's user avatar
  • 113
2 votes
1 answer
86 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-...
JClaussFTW's user avatar
  • 1,326
4 votes
0 answers
139 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 ...
Devin's user avatar
  • 38k
1 vote
1 answer
85 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), &...
Ben zieda Nesrine's user avatar
3 votes
4 answers
180 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 ...
Ella Vader's user avatar
1 vote
2 answers
146 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 ...
Wolfgang Criollo's user avatar
2 votes
1 answer
109 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, ...
JMS's user avatar
  • 123
1 vote
1 answer
57 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 ...
Simone Pulvirenti's user avatar
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 ...
Ahsan Hussain's user avatar
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 ...
andromax's user avatar
0 votes
1 answer
159 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 ...
AsGoodAsItGets's user avatar
0 votes
1 answer
198 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 ...
YengarIV's user avatar
1 vote
1 answer
100 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 ...
Damien's user avatar
  • 111
2 votes
2 answers
493 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 ...
Steve Hanov's user avatar
1 vote
1 answer
82 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 ...
Rishabh Mittal's user avatar
0 votes
2 answers
180 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. ...
Davbog's user avatar
  • 656
0 votes
1 answer
170 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,...
Mark Fletcher's user avatar
2 votes
2 answers
94 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 ...
Petr A.'s user avatar
  • 21
0 votes
3 answers
204 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 ...
nanosphere11's user avatar
0 votes
2 answers
67 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 ...
Dave's user avatar
  • 153
1 vote
1 answer
3k 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 ...
Gene's user avatar
  • 1,315
0 votes
2 answers
210 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 ...
Gene's user avatar
  • 1,315
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 ...
Bluebug's user avatar
  • 316
0 votes
1 answer
53 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 ...
pdr.ix's user avatar
  • 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 ...
Joanna's user avatar
  • 93
1 vote
1 answer
79 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 ...
Oleksii's user avatar
  • 13
1 vote
2 answers
507 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 ...
Sayaman's user avatar
  • 157
0 votes
1 answer
250 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 ...
Akanksha Kolungade's user avatar
1 vote
1 answer
50 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.
Esraa Ali's user avatar
0 votes
2 answers
248 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....
Angel's user avatar
  • 173
0 votes
1 answer
265 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 ...
SSSOF's user avatar
  • 3
0 votes
2 answers
87 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, ...
Tunmise Alakija's user avatar
1 vote
2 answers
80 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 ...
Michael Lai's user avatar
  • 27.2k
0 votes
1 answer
222 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 ...
Nuwan's user avatar
  • 27
0 votes
2 answers
106 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 ...
J_Strauton's user avatar
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:
Harry Brooke's user avatar
1 vote
1 answer
794 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 ...
Deniz Erdal's user avatar
  • 2,280
0 votes
0 answers
442 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 ...
Samuele B.'s user avatar
2 votes
2 answers
641 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 ...
Samuele B.'s user avatar
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 ...
Haneef's user avatar
  • 221
0 votes
1 answer
2k 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 ...
CookieWookie's user avatar
0 votes
1 answer
102 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 ...
mtruyens's user avatar
-1 votes
2 answers
133 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?
Rowan Frank's user avatar

1
2 3 4 5
15