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
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-...
JClaussFTW's user avatar
  • 1,326
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 ...
Devin's user avatar
  • 37.3k
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), &...
Ben zieda Nesrine's user avatar
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 ...
Ella Vader's user avatar
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 ...
Wolfgang Criollo's user avatar
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, ...
JMS's user avatar
  • 13
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 ...
Simone Pulvirenti's user avatar
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 ...
Ahsan Hussain's user avatar
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 ...
andromax's user avatar
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 ...
AsGoodAsItGets's user avatar
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 ...
YengarIV's user avatar
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 ...
Damien's user avatar
  • 111
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 ...
Steve Hanov's user avatar
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 ...
Rishabh Mittal's user avatar
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. ...
Davbog's user avatar
  • 656
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,...
Mark Fletcher's user avatar
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 ...
Petr A.'s user avatar
  • 21
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 ...
nanosphere11's user avatar
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 ...
Dave's user avatar
  • 153
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 ...
Gene Lee's user avatar
  • 1,146
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 ...
Gene Lee's user avatar
  • 1,146
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 ...
Bluebug's user avatar
  • 296
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 ...
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
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 ...
Oleksii's user avatar
  • 13
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 ...
Sayaman's user avatar
  • 157
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 ...
Akanksha Kolungade's user avatar
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.
Esraa Ali's user avatar
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....
Angel's user avatar
  • 143
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 ...
SSSOF's user avatar
  • 3
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, ...
Tunmise Alakija's user avatar
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 ...
Michael Lai's user avatar
  • 26.7k
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 ...
Nuwan's user avatar
  • 27
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 ...
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
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 ...
Deniz Erdal's user avatar
  • 2,280
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 ...
Samuele B.'s user avatar
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 ...
Samuele B.'s user avatar
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 ...
Haneef's user avatar
  • 221
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 ...
CookieWookie's user avatar
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 ...
mtruyens's user avatar
-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?
Rowan Frank's user avatar
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 ...
Mukesh Saravanan's user avatar
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 ...
Cassie Ho's user avatar
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 ...
rubo77's user avatar
  • 123
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 ...
Cassie Ho's user avatar
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 ...
Nicolas's user avatar
  • 73
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 ...
duhaime's user avatar
  • 237
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 ...
Rayyana A's user avatar
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 ...
Haast's user avatar
  • 1

1
2 3 4 5
14