Questions tagged [gui-design]
Graphical User Interface design (GUI-design for short) refers to the visual aspect of designing computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. Generally refers to digital rather than physical design.
2,798
questions
4
votes
3
answers
172
views
How can I relay to the user that there is a max number of profiles available?
So I currently have a list of profiles where the user can click a button to add more profiles if they wish. These profiles contain groups of devices (i.e. a phone, 2 laptops and a tv). The problem is, ...
- 1,146
0
votes
1
answer
100
views
I have two different graphs. Should I use one legend or two legends in this case?
I have two graphs that follow the same legend. I am wondering if should use one legend for both graphs (screenshot A) or one legend for each graph. (screenshot B) I don't want to clutter the design ...
- 1,146
0
votes
1
answer
69
views
On designing a button
I'm designing a button for an tool app.
What are the general design rules for button design?
I'm trying to keep the element sizes in 8s, e.g. 8, 16, 24, 32, and so on.
The font size is 14px.
Then ...
- 133
3
votes
2
answers
894
views
How to differentiate different states of input field
I have three states of the text field in my design. One is the normal input field, one is when they have input the no. and the next state is when the number is locked as in users cannot change the ...
- 41
4
votes
1
answer
624
views
Question based solution suggestions - Design strategy
We have seen the rise of AI like Chat-GPT that can provide feasible solutions using pre-fed data. Also, I have seen multiple applications the user on what they want, and then suggesting services/...
- 1,114
0
votes
2
answers
54
views
Can layers and groups be combined in drawing software?
Multiple drawing software packages (Illustrator, Gimp, etc) make use of both layers and groups. Seems to me that those two features can be combined together in order to simplify the UI.
You can give ...
- 101
3
votes
1
answer
353
views
Can Toggles be used instead of Checkboxes?
I have seen multiple applications going for safe usage of checkboxes while there is a multi-select scenario of options shown in list or under one category.
What is the rationale of having checkboxes ...
- 1,114
0
votes
2
answers
49
views
Clean design ideas for promoting users to explore more
I have a website which promotes local fitness events. A lot of our site visitors are through Google. They will generally arrive on a specific event page and then leave. I have put suggested events at ...
4
votes
1
answer
123
views
Selecting products from hierarchy
We have a hierarchy of products (documents) where there is a global library at the top that consists of all the products we have, a user’s account library that is a subset of the global products, and ...
- 43
0
votes
1
answer
90
views
What UI elements do you use to display information in real time?
If some string like "Now executing cronjob...", "REST call made", "Authorization successful", "Cronjob complete", etc. need to be shown every 1-2 second, what ...
- 157
0
votes
0
answers
51
views
Does it make sense to have a bunch of modals replace tooltips?
Does it make sense to have a bunch of modals replace tooltips? Let's say instead of tooltip, you had white modals appear with text and buttons that look like the MUI card element, and you could also ...
- 157
0
votes
0
answers
94
views
What to do when the record has been edited by another user (aka "optimistic locking conflict")
Optimistic locking is the go-to solution if your backend is stateless (e.g. REST) and/or editing conflicts are rare. In a nutshell, the idea is to allow concurrent access to a resource, but, upon ...
- 2,487
3
votes
1
answer
83
views
How to incorporate a rating scale and an alert setting onto the same scale?
I am currently trying to design an app and part of the app is being able to monitor data and set alerts when the data reaches a certain point. There are 6 different metrics that are being tracked and ...
- 1,146
1
vote
2
answers
349
views
Using left, right, select buttons for up/down navigation?
I am currently designing a product which has an lcd screen and three physical buttons that allow for navigation: left, right and select. Currently, this lcd is VERY small so I have limited screen ...
- 1,146
3
votes
2
answers
389
views
Is there an Interface Hall of Shame and Fame for web design?
There's the Interface Hall of Shame and also the Interface Hall of Fame for desktop UI design. The company that created the site doesn't exist since quite a time. Their site has been archived by ...
- 569
1
vote
3
answers
230
views
When dealing with a large data list, is it considered bad UX to make the user manually refresh to update the list?
I am dealing with a large list of items right now. For the sake of this question, it will simply show whether a device is online or offline (there is a lot more data, but those items are more static ...
- 1,146
0
votes
2
answers
115
views
Is a GUI needed for developer tools?
I'm working on a tool designed specifically for developers.
Most of us (developers), spend their time in a Terminal and very rarely on GUIs. The advantage of a CLI is that things are scriptable.
For ...
- 101
0
votes
0
answers
34
views
How to show that multi-dependent optional forms are linked together without hiding?
So I am creating a form with 3 optional items that are dependent on one another. The first is date. If the user adds a date, they have the option to add an alert time. Once they select a time, they ...
- 1,146
0
votes
2
answers
111
views
How to design dependent dropdown menus
I am designing a profile creation screen which allows the user to add a birthday (optional). If they add a birthday, there is an additional dependent dropdown that allows them to set a reminder for ...
- 1,146
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 ...
- 153
0
votes
2
answers
135
views
Should my headline be conversational, or stick to the numbers?
which of these two options is easier and clearer for the user to understand and consume?
Option 1:
Option 2:
- 1
0
votes
1
answer
93
views
Does the toggle button need to be near the item that it affects?
I am designing a dashboard/homepage where there is a toggle button that users will use somewhat frequently and affects the object detection feature of our app. I have two versions currently, one with ...
- 1,146
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 ...
- 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 ...
- 1,146
1
vote
2
answers
92
views
Accounting too much for user error?
So I am redesigning a configuration page and I feel that our current flow is overcompensating for user error too much. Basically, when you want to make a change on a device there are four steps:
Make ...
- 1,146
1
vote
2
answers
193
views
Is input element changing height on focus acceptable?
I have built a multi-select dropdown with a search field that becomes visible on focus. However, when an element is already selected in the multi-select input, the search field has to be render on a ...
- 4,269
0
votes
3
answers
147
views
Argumenst against adding an extra UI element (information icon)
I'm trying to find an argument against adding an extra UI element in one of our form.
We have a URL link and a small "(i)" icon next to it.
Both the URL and the icon can have tooltips.
...
- 615
0
votes
1
answer
72
views
How to show a custom range within a default range
I currently have a range of values where the center of the graph represents the ideal value, and the further you get away from the center the worse your value is. In this current wireframe, you can ...
- 1,146
0
votes
1
answer
143
views
Best UX for a dynamic list of actions/operations
Predominantly focused on web-based Desktop use.
When viewing a particular object in our system, let's say its a helpdesk ticket as an example. Our workflow system allows the enrolment of new ...
- 101
0
votes
1
answer
145
views
Creating a Dark Mode
A lot of my colleagues work in quite large companies and have created some very robust and large Design Systems, however, they always say that they haven't quite determined the Dark Theme color ...
0
votes
2
answers
140
views
What is this component called? It looks like a table but each row has different types of data
Looking for a way to distinguish this from a table component but not sure what to call it
- 1
0
votes
1
answer
111
views
How would I go about designing a home screen whose sole purpose is navigating to other [5] pages?
The homescreen really only needs 5 buttons that navigate to other screens. there isn't much more to show in this page since they are static screens.
This is what the homepage looks like:
I've tried ...
- 103
1
vote
5
answers
175
views
Reducing the prominence of information on the UI
I'm redesigning the UI for an industrial smartwatch face, the challenge I'm facing is one of the complications 'Active Hours' needs to be less prominent. Not all their users are required to use it ...
- 10.6k
2
votes
1
answer
72
views
Arrangement of multiple boxes with different length
I have multiple boxes with different user data. One box contains data like email, zip others contain things like bank data or other private data.
Problem: The boxes differ in length.
Solution
Left ...
- 21
0
votes
1
answer
47
views
Good pointers for customers to encourage making a UI specification?
I have a customer that needs a small program made to do some simple tasks. I know pretty much what they want to do exactly, but our developer does not (external resource).
Customer just specifies what ...
- 101
0
votes
1
answer
88
views
What would be the most accessible and attractive approach for selectors in forms?
I'm working on a project about forms in which we have a question about selectors.
We have seen that there is a boom of selectors that do not show whether it is a checkbox or a radio button.
From my ...
2
votes
3
answers
403
views
Which of these is a better design approach for displaying this banner on a dashboard and why?
Which will be a better approach to display this banner on a dashboard?
Option 1
Option 2
- 21
0
votes
2
answers
111
views
How to show multiple titles per note?
Following picture shows a list of notes with a title and a body. The title is selected via a select field.
Now I got the requirement to implement multiple titles per note. How would you change the UI ...
- 243
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 ...
- 13
1
vote
3
answers
133
views
What to do with important information that disrupts the flow of the design?
Quite recently, we redesigned our whole application. FYI, below you'll see the old and the new design:
Old:
New:
Very short summary of what you'll see:
The top toolbar shows all the actions that ...
- 111
0
votes
1
answer
29
views
Header to accomodate product IDs with 2 different lengths
I have to display the ID of some products, there are 2 kind of product ID, one with 18 characters and the other one with 7 characters.
The double vertical bar between the ID and the is a visible ...
- 615
0
votes
2
answers
129
views
How to display search options/filter in a less cluttered way
Please see the image below which is search options (at the top of a page) to filter results in a table.
There are a lot of options (too many if you ask me but they're all required!)
Any suggestions on ...
- 161
0
votes
3
answers
112
views
UI for skin care routines (two versions) - seeking advice
I created a UI for displaying skin care routines for my website.
This will be part of a profile page , and when a user creates a post on the discussion board, this will be also included in the post ...
- 101
2
votes
1
answer
600
views
How to display filters with optional relationship(OR or AND)
We have a table of users and at the top I have 8 buttons, each one representing a filter (age, status, role...). When clicked it displays a dropdown with multiple checkboxes.
The relationship between ...
- 23
0
votes
5
answers
508
views
Why don't most mobile apps use color in their interfaces?
We've been developing a mobile app, and now we're researching the perfect colors for it.
I've noticed that most mobile retail/list apps use white and gray as their normal GUI colors. For example, ...
- 177
13
votes
4
answers
3k
views
Change link color based in background color?
Our white-background webpages use the blue hyperlinks as shown in the image below.
Occasionally we have dash-bordered yellow information sections on a white webpage as shown. In that case someone said ...
- 263
0
votes
1
answer
323
views
Do you really need a close button for a dialog to be accessible?
For example: Apple Books
When you create a note, the note doesn't have a close button, you click outside and it closes. If you delete the content, the note is automatically deleted. It doesn't have ...
- 853
1
vote
1
answer
69
views
Deciphering Lightness in Color Theory
I’m working on a UI right now and there is again something related to color that I’m struggling with: The perceived lightness/value of color in a UI.
It's possible to create hierarchy by using color ...
- 111
2
votes
5
answers
436
views
Radio button group or Checkbox?
Should I use a radio button or checkbox or something else to indicate which row is the primary selection?
- 131
0
votes
2
answers
177
views
How to create a good user experience for a matrix of input fields?
Following matrix of prices up to a given weight per country is given:
The user is able to edit individual prices. Depending on the amount of countries and weights the matrix can get quite big, making ...
- 243