Skip to main content
Share Your Experience: Take the 2024 Developer Survey

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.

67 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4 votes
2 answers
149 views

Statistics (or tools) on screen calibration & readability

Fairly straight forward question, but I could not find any answers to it. Are there any known statistics regarding screen calibration & readability? Are there any colors to avoid where screen ...
Kevin M.'s user avatar
  • 1,074
4 votes
2 answers
3k views

Best way to design dynamic table of inputs. Like rate-lists

I am trying to design a rate-list input for parking lot management system. Where inputs are like this: But it needs to be customizable in time field of inputs, e.g. 3-4 hours based on user ...
Sanjeev Malagi's user avatar
3 votes
2 answers
350 views

UI Testing for multi screen setups

I was wondering if there was any tools/ systems, that are capable of simulating multiple screens for use on UI testing. Context: We are developing an application which can consist of multiple ...
bwright's user avatar
  • 133
3 votes
3 answers
311 views

Should fields be hidden if another field could appear in between?

I'm making a form which will have various yes/no answers. In response to the user's action, the form might display more fields. Some fields will always be displayed. For example (completely made up ...
Tom's user avatar
  • 131
3 votes
5 answers
1k views

What is the best way to display user company role and application role when logged in to the application

An application having two roles i.e Company Role and Application Role based on which different sections of the application are accessible to the person. Company Role describes either Admin or Users ...
Zihad Dingankar's user avatar
3 votes
2 answers
1k views

Is it a good idea to hide logout button with error/warning message?

I'm building a secure website, closer to banking. I'm bit hesitant to hide the logout link with the error/warning message. I think design look simplistic when I add error/warning over the logout panel....
HardCode's user avatar
  • 131
2 votes
0 answers
43 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
2 votes
1 answer
259 views

What's this button/ thumbnail layout called?

What's this button layout called? I've been looking for the appropriate name for this layout so I can learn more about its use case and where it's best to be used but I've been dumbfounded for a while ...
Ken Justine Shiina's user avatar
2 votes
1 answer
382 views

What is the best way to display "steps involved" in a UI?

I need to create a UI element for my website that illustrates how the main process works, using some steps. The element will have the header "How It Works" followed by three steps. However, ...
Hashim Aziz's user avatar
2 votes
2 answers
3k views

What should be the vertical placement of primary button on a mobile screen? And why?

A user scans the screen from left to right and top to bottom. So, we use the primary action (or primary CTA) on the right side while designing for the web. If we consider top to bottom scan approach ...
shubham ahuja's user avatar
2 votes
2 answers
528 views

Use inline table editing or multiple rows of dropdowns?

What is the preferred approach when the goal of a page is for a user to edit some values of multiple combinations? Inline editing in a table or multiple rows consisting of dropdowns and inputs? The ...
sarotnem's user avatar
  • 121
2 votes
1 answer
145 views

Floating Or Flat Mockup?

While Designing a mockup for an App or a concept, I find it difficult to choose between Flat Mockup and Floating Mockup. I'm interested to know why Floating Mockup gives a more 3-dimensional look and ...
Mehul Shah's user avatar
  • 1,163
1 vote
1 answer
65 views

Is scrolling inside a modal bad when it doesn't look like there is more information to view?

I am currently dealing with lots of modals that contains a lot of forms. One problem I am facing is how to organize the forms, and I have implemented a mostly single column form, unless the forms are ...
Gene's user avatar
  • 1,324
1 vote
1 answer
97 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
1 vote
1 answer
64 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
92 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's user avatar
  • 1,324
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
1 vote
1 answer
20 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
1 vote
2 answers
532 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
1 vote
1 answer
125 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
1 vote
2 answers
150 views

How would you design a UI for a form with selecting scheduled?

Sorry for the title, but I am a little bit exhausted here and I am not even sure if this is the right place to ask for help. I am making a Windows Desktop Application (C# WPF), it is the same as POS ...
Polar's user avatar
  • 141
1 vote
1 answer
205 views

Entry point ("Item level" vs "Page level") and "Inline edit" vs "Edit page"

A project I'm currently working requires the user to be allowed to edit only certain items on the page. So the way the page is arranged now, a few items can be edited, and a few items aren't editable. ...
user174078's user avatar
1 vote
1 answer
506 views

How to properly expand/collapse the top level of a side navbar while using the second level nav bar?

so I am designing a device manager with a two-level side navbar, where the second level is constantly showing while the top level is hidden. I am having trouble deciding on how to design the expand/...
Gene's user avatar
  • 1,324
1 vote
1 answer
180 views

A design to show the main items and related items of main

At present, my project display the main and related items separately in multiple interfaces, and use the combobox in the related item interface to filter the sub items of the main. However, such an ...
Mr. Squirrel.Downy's user avatar
1 vote
1 answer
406 views

Multi-select tree in which parent also is a child

I am working on a multi-select tree in which the user should be able to select all children of a parent. Normally you would be using the parent checkbox to do so, but in this case it should also be ...
Iljoesjin's user avatar
1 vote
0 answers
225 views

Why does handlebar not appear consistently in the native iOS UI design?

Handlebars usually appear at the top of Modal View: But in other system-level views, there is no handlebar, even if they functionally act like a Modal View. (For instance, this screen, where you can ...
Yida Zhao's user avatar
1 vote
1 answer
151 views

How to showcase additional menu level items within the current menu UI without breaking it

We have an app that lets users modify their face as they are taking selfies. Under the Beauty option, users have the option to Smooth their skin, add Lipstick, edit Eyes, etc. The user can see in real ...
Nicolas's user avatar
  • 5,608
1 vote
5 answers
249 views

Restrict the user to login to an URL from mobile

I am currently working as a product owner for a web based application. We have a requirement to restrict the mobile uses to access our URL from the mobile. I would like to know the standard UI pattern ...
Jithin Antony's user avatar
1 vote
0 answers
67 views

Are there any similar progress bars with interactions like this?

I'm actually looking at circular progress bars that can fit in the 45px x 45px space, as such there's a limit to what can be displayed (so the typical long and narrow progress bar isn't going to work ...
N TP's user avatar
  • 21
1 vote
1 answer
134 views

Browse and select from a list at the same time

We're looking for a way to cut down on pogosticking - users popping back and forth between a summary view and various detail views. One pattern we're experimenting with is pager arrows, for when users ...
Izquierdo's user avatar
  • 12.7k
1 vote
0 answers
45 views

Is there any guidelines regarding forms cancelling on iOS 13?

iOS 13 added the “swipe to dismiss” feature to form sheets. I’m trying to find how to manage saving and cancelling on my forms to be as practical as possible. On native apps I took a look at iOS ...
Steve G.'s user avatar
  • 133
1 vote
0 answers
189 views

Soft input panel for 480x320 LCD screen

I'm working on a Qt-based C++ project. The project includes a 480x320 TFT LCD screen for display. The screen is also capacitive and used for touch-based input. The screen is about the size of a credit ...
jww's user avatar
  • 111
1 vote
0 answers
70 views

Specific UI preferences & user behaviours in Singapore

Background I am currently working on an ecommerce site for Singapore, in particular their product detail page. A design was already provided but I worked on a small task where I have changed the ...
danallencreative's user avatar
1 vote
1 answer
120 views

Best way to design custom apps to plug in Microsoft dynamics 365

We are a small team of 2 customizing a Dynamics 365 for our ~100 people company. Using built-in customization tools from dynamics for basic forms and actions works (fairly) great. However, for more ...
Pierre Burton's user avatar
1 vote
4 answers
348 views

How to show a segmented control and multiselect buttongroup at top of a list

I'm struggling on how I can present the following to my users and that they understand how it works: In a desktop app, we have a 'Recent' phonecalls list. This list shows all calls that came in and ...
Alec's user avatar
  • 91
1 vote
0 answers
85 views

Correct way to associate user with tags, and ways to properly add them?

Context: An environment where users have a suite of various products at their hands, containing information about hospital patients. The people using these tags tend to be physicians or technicians ...
jator0's user avatar
  • 11
1 vote
1 answer
99 views

Is there a way to communicate both "End of list" and "No items in list" with the same verbiage?

I'm trying to figure out good verbiage to simplify list rendering. There are two cases I'm trying to solve within a scrollable list: Case #1 would be communicating that the user has reached the end of ...
Sam Carlton's user avatar
1 vote
1 answer
317 views

(Color) scheme for quiz/trivia/test type app/game

here is the example: | Answers | User Input | Results | |:----------:|:-----------:|:----------:| | (OK) A | selected | correct | | (OK) B | | incorrect | | ( ) C ...
Lance Freeman's user avatar
0 votes
1 answer
41 views

What's the best way to organize the content on this page? How do I place the different kinds of inputs and read-only values since there's so many

I'm redesigning a web form that users can use to create water compliance tests. The issue I'm running into is that there's a lot of information - both inputs and read-only fields that are derived from ...
Janhavi Shah's user avatar
0 votes
1 answer
37 views

Legal wants terms and conditions on mobile to have agree and disagree checkboxes but without a default state. How do i go on designing it?

The last step in the registration process of our clients app requires users to agree to their terms and condition. There are two types one being mandatory and other being optional. The mandatory will ...
Sankalpa Acharya's user avatar
0 votes
0 answers
57 views

Best way of showing filter options in list/reports mobile app

I need to display reports (long list of items) in my mobile app (in Flutter), along with search and filter options. Currently, I'm presenting filters in a pop-up, but I'm looking to improve this. I ...
Nibha Jain's user avatar
0 votes
1 answer
20 views

If I were to move this profile picture element (within the pink box in image) would the downward facing arrow remain in the right side?

If I were to move this profile picture element (within the pink box in image) would the downward facing arrow remain in the right side? Or to the left?
Sean's user avatar
  • 5
0 votes
1 answer
60 views

Simplifying Matrix UI Approach

I have a current design which is in matrix form where columns and rows can be added and value is added. Is there any other solution for this other than using matrix. I dont want to use the matrix ...
BiZay Sunuwar's user avatar
0 votes
1 answer
53 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
1 answer
35 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's user avatar
  • 1,324
0 votes
1 answer
108 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
0 votes
2 answers
66 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
2 answers
151 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
0 votes
2 answers
94 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/...
M Bo's user avatar
  • 1,394
0 votes
1 answer
49 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's user avatar
  • 1,324