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
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 ...
Ivan's user avatar
  • 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 ...
CM509's user avatar
  • 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 ...
Mairead Louise's user avatar
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, ...
JMS's user avatar
  • 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 ...
Billie's user avatar
  • 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 ...
justronux's user avatar
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?
Benzowin's user avatar
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 ...
Michael Lai's user avatar
  • 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 ...
J Bo's user avatar
  • 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 ...
Daniel Perez's user avatar
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 ...
Danielst's user avatar
  • 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, ...
melanctha's user avatar
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 (...
Marco Leonardi's user avatar
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 ...
Angel's user avatar
  • 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 ...
Melnyk_Vik's user avatar
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 ...
duhaime's user avatar
  • 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 ...
AcinonX's user avatar
  • 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 ...
Queeg's user avatar
  • 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 ...
Ashwin Kulkarni's user avatar
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 ...
Ashwin Kulkarni's user avatar
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, ...
Muhammadoufi's user avatar
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 (...
user1313927's user avatar
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 ...
leonardo's user avatar
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 ...
Atharv Choudhary's user avatar
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 ...
Gene Lee's user avatar
  • 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 ...
Al Lelopath's user avatar
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 ...
Guest's user avatar
  • 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 ...
Devin's user avatar
  • 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. ...
Masius's user avatar
  • 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 ...
Kitanga Nday's user avatar
  • 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.
shakya90's user avatar
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 ...
MAX POWER's user avatar
  • 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 ...
Miguel Stevens's user avatar
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 ...
Jon's user avatar
  • 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 ...
John Hon's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
CodeMan03's user avatar
  • 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 ...
fury's user avatar
  • 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/...
J Bo's user avatar
  • 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 ...
Mark Fletcher's user avatar
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 ...
Mike Flynn's user avatar
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, ...
Gene Lee's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
xybrek's user avatar
  • 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 ...
Neha Kamath's user avatar
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/...
Ashwin Kulkarni's user avatar
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 ...
Miki's user avatar
  • 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 ...
Ashwin Kulkarni's user avatar
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 ...
custominstall's user avatar
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 ...
Tom's user avatar
  • 43

1
2 3 4 5
56