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,784
questions
0
votes
1
answer
26
views
How to let users know that they can save more images in history bar?
I'm designing a UI for an image editing tool. Right now the history bar looks like this. Users can decide whether they want to "save" (button) or "delete" (button) the image when ...
- 101
1
vote
1
answer
33
views
Fairly Complex List Select Problem
Im wondering if you guys can add some expertise...
I have the following problem, and I would like to know if anyone here has any ideas or solutions.
Essentially, the user will create a post, and the ...
- 11
0
votes
1
answer
36
views
Chevron / drop down to activate keypad
I want users to understand how to adjust the quantity of products.
We can't include a dropdown and allow users to input text. So for now, we're removing the dropdown and allowing text input only.
My ...
1
vote
1
answer
80
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, ...
- 13
0
votes
1
answer
63
views
Design suggestion for a register page via smartcard
Context
Developing a Login/Registration page
Security is very important
To reduce code complexity, I want to use just one controller and FXML page.
I want to create a form to register three users at ...
- 3
0
votes
3
answers
74
views
Is the standard notification badge color always red, or can it be something else?
First, I asked GPT what the standard notification badge color is. Is it always red, or can it be something else? GPT said that it can depend on the branding. If the brand's color is blue, then we can ...
- 41
0
votes
1
answer
40
views
How to best showcase selected state of visually important elements
I'm creating a feature to select profile badge – how might I best showcase the selected state?
- 1
0
votes
1
answer
45
views
Components in graph based UI with more complex interactions
Something that I noticed has become a feature of complex no-code software applications is the use of graph-like interfaces with more complex interactions such as the Unreal Engine 5 user interface.
I ...
- 26.5k
0
votes
1
answer
58
views
Segmented control vs toggle switch
We have a dashboard that allows a user to see all jobs belonging to their firm. These jobs are split into two tabs:
Upcoming jobs
Requested jobs (but haven't been yet been confirmed by us. Once it's ...
- 1,315
1
vote
1
answer
78
views
Blinking cursor on input fields and blinking time/timeout
What about the blinking time?
Should it blink eternally until the user interacts?
I see that on Firefox 117, the blink stops after some seconds whereas it doesn't on chromium browsers.
Is the timeout ...
- 289
0
votes
1
answer
57
views
Buttons with icon. Possible problems
I'm designing a web application. In several pages there are many secondary buttons that allow users to perform actions.
For example, inside an "Order" page you can:
Create notification
...
- 317
0
votes
0
answers
24
views
What is the best UI element for selecting OPTION 1, OPTION 2 or NONE? [duplicate]
I am designing a very long form with around 40% of fields being a dropdown with options:
[NOTHING SELECTED]
Enabled (On / True)
Disabled (Off / False)
The [NOTHING SELECTED] option is important, ...
- 11
0
votes
1
answer
24
views
Python GUI: visualise exoplanet transit and simulate atmospheric temperature
I've been working on a Tkinter GUI (first try with these sort of programming) to make it as easy as possible to visualise light curves and look for exoplanet transits in TESS and KEPLER missions (...
- 101
0
votes
1
answer
71
views
Should I include ... at the end of input placeholders?
I've noticed designers using "..." at the end of inputs or search bars placeholders ("Enter your email address" vs "Enter your email address...") seemingly at random. Is ...
- 143
0
votes
1
answer
38
views
What is better way to implement category selection?
I am developing an android app and currently have a AutoCompletEditText implemented for selecting source of meme. However I want to limit source selection to limited number of options and therefore it ...
0
votes
1
answer
13
views
Typeahead that makes it clear whether you've selected an extant entity or are creating a new one
We have a typeahead that lets users identify a dog in our database (by name) or specify the name of a new dog to be added to the database.
Is there a good UI pattern that helps make it crystal clear ...
- 237
1
vote
1
answer
173
views
Why has extreme padding become so common in web/UI design since 2019?
From 2014-2019, Windows/Windows apps, macOS/macOS apps, and most websites have used modest levels of padding in their user interfaces. From what I understand, the padding is there to make it easier to ...
- 11
2
votes
1
answer
144
views
Alternative ways to guide users
I am developing a Java Swing application, and I want to improve the UI so it better guides users to increase their probability of success.
When the UI discovers some fields are not filled, some state ...
- 123
1
vote
0
answers
62
views
Design for Users or correct UX practices? [closed]
I was working with a product few days ago and interacted with various stakeholders who have seen the product and users closely. Unfotunately, I did not have access to the user base and was not able to ...
- 1,114
4
votes
2
answers
209
views
What are various factors to be considered for Font Selection Parameters for any applications?
I am sure there are multiple parameters and factors to be considered while selecting a font, for the application to be designed and developed. Few of the points that are straight away taken into ...
- 1,114
0
votes
2
answers
79
views
how to make card with more detail [closed]
How can I display all the information on this blood donation request card without cluttering the card's visibility on Stack UX? Additionally, I have a long text that describes the user's blood need, ...
0
votes
2
answers
45
views
How to handle inconsistent radio button options?
I'm trying to understand if an approach we're taking with the following is bad UI or not.
We're a staffing application for finance and accounting professionals. In this experience, we ask a client (...
- 121
0
votes
3
answers
92
views
Should "primary" buttons always perform an action?
I have 2 buttons, one is only to open a menu below and the other is to navigate to the view to create a new employee. I recently read an article where they say primary buttons should only be for ...
- 1
0
votes
2
answers
97
views
Problems with UI UX design for grid elements
i am facing a problem with my grid elements, the design is made to look good when the grid element is filled with long information, but it looks empty and filled with lots of white space when there is ...
15
votes
2
answers
5k
views
Evidence for using "Do not show again" on modal/popup advertisements
We have a modal/popup advertisement that appears whenever the user logins to their account and currently I added a "Do not show again" checkbox next to the ad so that it won't appear every ...
- 1,066
0
votes
2
answers
95
views
Indicating on/off state and action with button
Is there an objective criteria for buttons in a GUI on how to reflect the current state of a button and indicate what happens if you click it? For example an On/Off button where green indicates on and ...
- 154
0
votes
2
answers
80
views
How to have optional fields in a dropdown
Can someone tell me how I can have an optional value in a dropdown menu with mandatory values.
E.g: There are main values that should be available in a certain dropdown, and there is one optional ...
- 1
1
vote
1
answer
71
views
Is there a term to describe the presence of unnecessary complexity in UX development?
Here is the case. One client wants us to create a relatively simple website and app (it's just for online courses, nothing extraordinary). We have our dev team, but the client has its own, and they ...
- 36.6k
11
votes
2
answers
1k
views
File tree expander arrow directions
Is there any explanation on why the expanded node/folder has an arrow pointing down and collapsed pointing to the right?
My guess, an arrow pointing down directs user down to the content of that node. ...
- 211
0
votes
2
answers
212
views
Design intended to discourage certain actions
I call it negative design, it's sort of like hostile design, without the social nonsense attached. I don't know what it's called in UX or UI terms though, I'm sure it isn't negative design.
A good ...
- 1,639
0
votes
2
answers
139
views
Why does apple use odd numbers for font size and paddings?
I have learnt the use of even numbers for font sizes, spacings. The 8 point rule. But still not being able to figure out why Apple still uses odd number for font sizes, spacings and paddings.
- 1
1
vote
2
answers
111
views
Matrix table with checkbox selections
I am creating a matrix data table which will allow checkbox selections. Here is a mock up I have come up with:
This fulfils two purposes:
User is able to see instantly which options have been ...
- 151
0
votes
2
answers
76
views
Categories that have Questions, CRUD in one view feels chaotic
I've been thinking about this design for a while, and I couldn't find any good examples online, this is a system where there are Categories and Questions, and they are both translatable.
So in my ...
- 103
1
vote
1
answer
55
views
Examples of label/highlight color pickers
I'm looking for application examples where the user can select a color for a label/tag/highlight, choosing both the background color and foreground color. Gmail provides a two-stage UI for this with ...
- 11
1
vote
3
answers
106
views
Non linear item quantity selection (1,2,5,10,20,30... items)
I have an ecommerce site selling lollies. I'm having a hard time figuring out the best way to allow user selection of the number of battery cells they can buy.
I wanted to allow for the following ...
- 111
1
vote
2
answers
79
views
Progress vertical bar chart labels
I have a vertical bar chart that represents the progress of the usage. I have limited width and height to work with, but I need to make sure that the current usage and maximum usage are both shown on ...
- 1,066
3
votes
1
answer
290
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
1
vote
1
answer
57
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
1
answer
58
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,315
1
vote
4
answers
229
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
37
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
145
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,066
0
votes
1
answer
64
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,066
0
votes
1
answer
66
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
822
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
623
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
51
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
344
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
90
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