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,753
questions
3
votes
1
answer
181
views
When to display a modal popup over a card flip on mobile or desktop?
I am building a Bootstrap website for a mobile application. It's basic HTML with no real backend coding involved at all.
I have a photo with a chapter and verse from the Bible. I want to show that ...
- 133
0
votes
0
answers
64
views
How do I make my UI more modern and neat looking?
I am designing a scientific data visualisation application (native desktop application) which I would like to have a bit more of a "modern, minimalistic" look in its UI design. I am a decent ...
- 1
1
vote
1
answer
24
views
Persistent Rich Tooltips
Material Design has rich tooltips which can also be persistent. As it's explained here, these tooltips:
remain active even when leaving the target region
can contain links
only disappear once you ...
- 145
0
votes
0
answers
4
views
Need help with selecting a color pallets for light and dark modes o a site [migrated]
I'm building a e-commerce site as part of a project and to make it more catchy, wanted to add a dark mode to my site. And, also I'm open to suggestions on the colors used for light theme built ...
- 101
0
votes
1
answer
30
views
Appropriate button label to preview a file before sharing it publicly
We're working on a platform that has these 2 sections:
Private files - participants in the call have their own private files section
Public files - Files shared here become accessible (to preview and/...
- 1,303
1
vote
4
answers
222
views
Options when replying to an email
We run an email groups service, like Google Groups. Groups can set the default to where replies to messages are sent to - either to the original sender or to the group. For a group that is set up so ...
0
votes
1
answer
34
views
Change details view of iOS or Android without going back to UITableView
We are redesigning our app and the current one you need to hit the back button to view all Divisions to get to a new Division Details page. We are looking for the best UI option to just change the ...
- 105
4
votes
3
answers
108
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, ...
- 731
0
votes
1
answer
35
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 ...
- 731
0
votes
1
answer
61
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
726
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
619
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/...
- 883
0
votes
2
answers
47
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
325
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 ...
- 883
0
votes
2
answers
47
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
63
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
68
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 ...
- 137
0
votes
0
answers
36
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 ...
- 137
0
votes
0
answers
25
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
80
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 ...
- 731
1
vote
2
answers
156
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 ...
- 731
3
votes
2
answers
157
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 ...
1
vote
3
answers
175
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 ...
- 731
0
votes
2
answers
93
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
33
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 ...
- 731
0
votes
2
answers
90
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 ...
- 731
0
votes
2
answers
53
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
125
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
83
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 ...
- 731
1
vote
1
answer
347
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 ...
- 731
0
votes
2
answers
74
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 ...
- 731
1
vote
1
answer
69
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 ...
- 731
1
vote
2
answers
160
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,271
0
votes
3
answers
141
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
67
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 ...
- 731
0
votes
1
answer
90
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
105
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
128
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
102
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
160
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
65
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
45
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
82
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
396
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
83
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
65
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
128
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
25
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
95
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
90
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 (example), and when a user creates a post on the discussion board, this will be also included in ...
- 101