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
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 ...
CodeMan03's user avatar
  • 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 ...
Danpihl's user avatar
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 ...
fury's user avatar
  • 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 ...
user3872094's user avatar
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/...
J Bo's user avatar
  • 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 ...
Mark Fletcher's user avatar
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 ...
Mike Flynn's user avatar
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, ...
Gene Lee's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
xybrek's user avatar
  • 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 ...
Neha Kamath's user avatar
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/...
Ashwin Kulkarni's user avatar
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 ...
Miki's user avatar
  • 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 ...
Ashwin Kulkarni's user avatar
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 ...
custominstall's user avatar
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 ...
Tom's user avatar
  • 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 ...
Sayaman's user avatar
  • 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 ...
Sayaman's user avatar
  • 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 ...
Heinzi's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
Gerold Broser -- On Strike's user avatar
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 ...
Gene Lee's user avatar
  • 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 ...
c4k's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
Dave's user avatar
  • 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:
Emmanuel's user avatar
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 ...
Gene Lee's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
daniel.sedlacek's user avatar
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. ...
Max's user avatar
  • 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 ...
Gene Lee's user avatar
  • 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 ...
Sami.C's user avatar
  • 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 ...
Antistandard's user avatar
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
David's user avatar
  • 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 ...
Ahmed Nasr's user avatar
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 ...
Blue Ocean's user avatar
  • 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 ...
Benjamin79's user avatar
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 ...
MyICQ's user avatar
  • 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 ...
Beatriz GP's user avatar
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
Emmanuel's user avatar
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 ...
DarkLeafyGreen's user avatar
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 ...
Oleksii's user avatar
  • 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 ...
Reinier68's user avatar
  • 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 ...
Max's user avatar
  • 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 ...
Michael LB's user avatar
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 ...
Eric's user avatar
  • 101

1
2 3 4 5
56