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.

Filter by
Sorted by
Tagged with
16 votes
7 answers
6k views

Blinking, bouncing and flashing elements

I'm responsible for the UI/UX in a software development company. During my absence, some developers decided to implement a "bounce" effect on a button of a website that they think should have more ...
11 votes
2 answers
1k views

What are the "Big Three" Gestures in Mobile Development?

last week, our project manager mentioned that we needed to incorporate more of the "big 3" gestures in our mobile software. unfortunately, she's off on vacation now and none of us know what exactly ...
1 vote
1 answer
107 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 ...
0 votes
1 answer
36 views

How to show nested hierarchy in UI

I am working on this screen where we have multiple quotes, inside of which there are different numbers that can be assigned to a quote. So for eg. in the image attached, lines John & cicily are ...
1 vote
1 answer
184 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 ...
1 vote
1 answer
154 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 ...
16 votes
5 answers
2k views

Emerging UI trend: comments in the margin - pros and cons?

Context: Irrespective of threaded-vs-unthreaded comments, I've noticed that a few sites have started to experiment with comments in the margin (as compared to comments above or below content in a ...
1 vote
1 answer
138 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 ...
0 votes
1 answer
61 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 ...
0 votes
1 answer
50 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 ...
1 vote
1 answer
208 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. ...
0 votes
1 answer
42 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 ...
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 ...
2 votes
1 answer
261 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 ...
0 votes
2 answers
152 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 ...
0 votes
1 answer
179 views

Making sorting discoverable on a table with no default sort

We have a table that orders results of clients (can be searched on name, address, email, phone, etc.) based on an algorithm, so there isn't a "default" sort we can mark with an arrow to ...
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 ...
21 votes
7 answers
20k views

Fixed width for buttons or proportional with the text?

What is the best practice for a UI, to make all the similar buttons with a fixed-width, no matter how long is the text (with the condition to fit) or make the width proportional with the text and add ...
0 votes
1 answer
50 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 ...
2 votes
2 answers
211 views

One tablet app, one flow with two users (specialist and customer) - how to differentiate?

I am working on a project that involves creating User Interface of a tablet app. The app will be used in the following way: a customer is coming to the shop a specialist is starting the app and ...
0 votes
1 answer
101 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 ...
2 votes
1 answer
396 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, ...
1 vote
1 answer
101 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 ...
3 votes
2 answers
351 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 ...
0 votes
1 answer
43 views

Nice DB GUI for Lots of (ideally rich formatted) Text

I am designing a workflow processing system. I have many (hundreds) of workflows that in many cases are variants of each other and have related characteristics. In the beginning development stages I ...
2 votes
2 answers
530 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 ...
1 vote
1 answer
68 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 ...
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 (...
0 votes
1 answer
675 views

Managing groups, users and their roles and permissions

I'm working on improving the current layout for managing group and user permissions - mainly the presentation of these things. The way it currently works is that all permissions from a group (Read/...
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?
0 votes
1 answer
109 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 ...
0 votes
1 answer
61 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 ...
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 ...
0 votes
2 answers
235 views

iOS App with two states and mostly different content categories

I’m working on a medical iOS app for university. Our users are usually 55+ years. I’m currently struggling with the navigation flow of the app. We basically have two states, pre and post-surgery. ...
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 ...
0 votes
2 answers
147 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 ...
0 votes
1 answer
397 views

Usability of multi-directional sliders for touch interfaces

I have been trying to solve the issues of having to use two sliders that represent values of different orders of magnitude to give users a fine control over the value they want to input. I was ...
1 vote
5 answers
251 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 ...
7 votes
3 answers
5k views

What color should "record" / "stop" buttons be?

I have an application with a simple GUI for recording video: In default state, button says "REC", pressing it starts recording. While recording, button says "STOP", pressing it ...
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 ...
1 vote
2 answers
136 views

mobile app usability - UX design

what to do in this case, users feel the text is overwhelming and not organized, should I put the fields under each other? but all other sections are in the design of this field, If I did so would that ...
0 votes
0 answers
59 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 ...
0 votes
1 answer
384 views

What is a good UI to enter a list of numbers?

I'm working on a small UI to manage a few attributes to style lines in SVG sketches. One of them is stroke-dasharray. stroke-dasharray defines the pattern of dashes and gaps used to paint a dashed ...
3 votes
3 answers
2k views

How should I allow cron expression input?

I need an input in a website where users can input something in a cron expression style, eg. Every friday at 3pm What would be the best ui system to implement this? Are there any conventions for ...
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 ...
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 ...
1 vote
2 answers
555 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 ...
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 ...
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/...
1 vote
4 answers
350 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 ...

1
2 3 4 5
57