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.

Filter by
Sorted by
Tagged with
0 votes
0 answers
12 views

Improving Apple 2FA modal prevent blocking input form

Expressing concern over Apple's 2FA user experience, I find it cumbersome each time I log in. The 2FA verification modal frequently obstructs the code input field on my laptop, the device I use most ...
I. T.'s user avatar
  • 55
0 votes
0 answers
22 views

Open an app within an app

I'm designing a job board app for a client, where users can look for jobs and apply for them. The app is not for one specific client but can be duplicated to the brand and style of multiple clients ...
continuous's user avatar
0 votes
0 answers
37 views

Need your suggestion for Live Interview Icon [closed]

I'm designing icons for our product's Interview module. We have three types of interviews: General, Phone, and Live. I've attached the icon for Live interviews. Could you please give your feedback on ...
GOPUXD's user avatar
  • 1
4 votes
2 answers
2k views

How do I handle white space in cards with varying amounts of information?

I'm creating this page to display books I've read/reviewed, but I'm not sure how to handle the different amounts of information that each card has. Most cards will not have a review so there ends up ...
Jacob's user avatar
  • 43
0 votes
0 answers
28 views

Would love thoughts on this gear icon to indicate profile points to account settings [closed]

Clicking on the profile picture opens up a drop-down where users can access account settings. Any thoughts on this behavior and UI choice?
Sean's user avatar
  • 5
0 votes
3 answers
131 views

Should toggle buttons be same size or dependent on text size?

I have multiple toggle buttons each with around 3-5 values. The problem lies in the text, where some buttons are much longer than others. Is it better practice to make all buttons the same size ...
Gene Lee's user avatar
  • 1,305
2 votes
2 answers
134 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
0 answers
39 views

Can we place Information icon inside a Chip or Tag element? [duplicate]

I am working on a popup screen. In this situation, the user attempts to publish a job on a certain job board, for example, Linkedin. The popup will open, and in order to publish a job, we must input a ...
GOPUXD's user avatar
  • 1
1 vote
1 answer
91 views

Improving readability and optimize space

I develop simple web applications for my hardware projects but I'm neither a web designer nor a graphic guy. Hence my pages are often awful and not useful. Let's see an example. Here my page to ...
Mark's user avatar
  • 113
0 votes
1 answer
28 views

Updating config settings for an individual item vs a group config update. When should i change 1 item vs all items?

Lets say we have a group of devices (A, B, C). These devices have the group config settings: location: USA color: blue Now I take device B and individually change its location to Canada. Now I go back ...
Gene Lee's user avatar
  • 1,305
2 votes
0 answers
35 views

Best way to show nullable boolean actionable or actionless state

Please note that I have seen these questions: Boolean table cell values - best way to show Yes/No What is the best way to display nullable bool value as UI component? My situation is different. I want ...
Saeed Neamati's user avatar
1 vote
2 answers
64 views

Best place placement to a 'Proceed Button' - along with huge graphics [closed]

Based on the mock-up attached, which do you think will be the best placement for the button?
justronux's user avatar
1 vote
1 answer
29 views

How to display additional names for a profile/stock

Looking for the most intuitive way to display additional 'names' / identifiers that a stock would have, similar to how steam does it. But not sure if thats good design. This is steam's This is what ...
Patrick Bornay's user avatar
3 votes
2 answers
153 views

What is better for UX/UI if phasing out features- hiding or disabling buttons/menus

We are in the process of phasing out certain features within our application. We are discontinuing some functionalities. Based on UI/UX studies, should we disabled buttons and menus or we should hide/...
Joseph's user avatar
  • 133
2 votes
1 answer
38 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
3 votes
2 answers
97 views

Alignment vs. consistency in button space

Let's say you have a card that uses a gray area to separate buttons from content. Should the buttons try to be aligned with the content? (24px on left/right, 12px top/bottom) Or should the left/right ...
Izquierdo's user avatar
  • 12.6k
2 votes
1 answer
69 views

What's the best way to avoid users changing a significant, and rarely changed setting?

I realise that the word "best" in my title is very subjective, but I couldn't think of a better word. I guess a combination of user friendly, easy to use and robust (ie minimises the chances ...
Avrohom Yisroel's user avatar
1 vote
1 answer
50 views

What's a good metaphor for a simple state machine?

This is a bit of a weird question so I'm not sure it fits here, let me know please. This is a question about UI design for a video game. The question is purely about user experience, but I'll have to ...
H. Saleh's user avatar
  • 813
1 vote
1 answer
69 views

Handling of command line errors in a GUI app

Q In a console application the normal behaviour for a usage error is to report it and exit. What is the 'correct' behaviour for a GUI application? should it exit or continue running? should it write ...
Bruce Adams's user avatar
2 votes
1 answer
84 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
1 vote
0 answers
76 views

How to scale typography and UI for different mobile device resolutions?

We have an iOS and an Android tailored application. We noticed that on small devices, the UI becomes very large with texts not fitting properly, either truncating or going to another line (this ...
Velionis's user avatar
3 votes
4 answers
274 views

Radio vs checkboxes

Can I get thoughts on which pattern is better (internal debate at work as to which we should be using)... Developers favor radio buttons as there's no need for any error handling. Thanks
Jim's user avatar
  • 31
3 votes
1 answer
111 views

Solving accidental clicks

Sometimes when a window is bring to front by the system, I click a button or other widget accidentally when my intent is to click in the window which was covered by the new window. For example suppose ...
nadapez's user avatar
  • 133
2 votes
1 answer
49 views

Multi-level configuration editor

Background I have limited experience in GUI design, but I have to produce a desktop application (Qt) meant for expert users (our own staff mostly). Its purpose is to read/write a large set of ...
Nicolò Tosi's user avatar
1 vote
1 answer
56 views

Is a loader useful in a complex multi-step authentication process if the app is fast and the waiting time is less than a second?

Is a loader useful in a complex multi-step authentication process if the app is fast and the waiting time is less than a second? Some pro arguments I have in mind: It’s an opportunity to create a bit ...
Madalina Taina's user avatar
1 vote
1 answer
69 views

How to expand data table when only 2 columns have data that can be expanded on?

I have a data table where you can click to expand upon the row. Two out of my four columns have data that can be expanded upon if the column is set to enabled. If disabled, there is no additional data ...
Gene Lee's user avatar
  • 1,305
5 votes
1 answer
122 views

Is it mandatory to have semantic names for tokens?

I’ve just started creating my color token library, and I’ve read and watched many tutorials on how to do it. Practically, all of them mention these three steps: I have my primitive tokens (example: #...
Mourad's user avatar
  • 87
1 vote
1 answer
44 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 ...
Ivan's user avatar
  • 111
2 votes
1 answer
41 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 ...
CM509's user avatar
  • 21
1 vote
1 answer
43 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 ...
Mairead Louise's user avatar
2 votes
1 answer
108 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
  • 23
1 vote
1 answer
78 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 ...
Billie's user avatar
  • 13
1 vote
3 answers
313 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 ...
justronux's user avatar
1 vote
2 answers
63 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?
Benzowin's user avatar
1 vote
1 answer
107 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 ...
Michael Lai's user avatar
  • 26.9k
1 vote
1 answer
200 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 ...
J Bo's user avatar
  • 1,384
3 votes
1 answer
750 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 ...
Daniel Perez's user avatar
1 vote
1 answer
63 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 ...
Danielst's user avatar
  • 369
0 votes
0 answers
25 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, ...
melanctha's user avatar
1 vote
1 answer
47 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 (...
Marco Leonardi's user avatar
1 vote
2 answers
174 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 ...
Angel's user avatar
  • 173
1 vote
1 answer
52 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 ...
Melnyk_Vik's user avatar
1 vote
1 answer
18 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 ...
duhaime's user avatar
  • 247
2 votes
1 answer
355 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 ...
AcinonX's user avatar
  • 141
3 votes
1 answer
150 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 ...
queeg's user avatar
  • 133
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 ...
Ashwin Kulkarni's user avatar
4 votes
2 answers
243 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 ...
Ashwin Kulkarni's user avatar
0 votes
2 answers
86 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, ...
Muhammadoufi's user avatar
0 votes
2 answers
52 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 (...
user1313927's user avatar
0 votes
3 answers
129 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 ...
leonardo's user avatar

1
2 3 4 5
57