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
1answer
28 views

Suggest Visualization for Control line & Waning line

I need to show 100's parameter & its current value with respect to Upper/Lower Control value and warning value. Each parameter has different Control/Warning line. If value is close to warning ...
0
votes
0answers
29 views

Mobile-first design for many-to-many relationships

I am trying to figure out the best mobile-first design for many-to-many relationships. For example, a list in which the elements contain drop-downs with multiple-selection, e.g. check-boxed items? Let'...
1
vote
2answers
112 views

Should I show database-generated IDs to the user?

I'm working with a UI where users can create records that represent people. The user enters multiple fields (Name, Age, Married status), but I'm wondering how I should display duplicate data. It ...
0
votes
1answer
37 views

Sidebar positioning on mobile - review form

I'm updating a review page where users are asked to leave feedback on their recent course purchase. Students who purchase courses on our site don't instantly get access to their course. Some users ...
1
vote
2answers
43 views

Primary contact indicator in table

Let's suppose we have a table that shows a list of users and their basic contact information. First Last 1 | Phone 1 | Address 1 ---------------------------------- First Last 2 | Phone 2 | Address 2 -...
1
vote
2answers
83 views

Can Alt key alone be used as a modifier in web apps? Eg: alt + >, alt + k, alt + a

I am working on a chat application and it is a web app. I tried mapping few keyboard shortcuts to Alt + modifier in Windows. To my knowledge, I didn't find any application using only Alt as a modifier....
0
votes
2answers
154 views

Making complex UI easier - User License [closed]

I have an admin portal for a Staff / Tech Support to check USB Dongle license information and help customers solve problems The client interface is much simpler, but due to legacy data and how the ...
0
votes
0answers
36 views

Help to design an UI for object placement in AR using Y axis?

I'm designing an AR furniture placement app, similar to IKEA Place, and I'm struggling to design an interface with good ux for the placement of a ceiling lamp in the Real World. As different ...
0
votes
1answer
58 views

Is it more common, or best practice, to design several web pages to fill out user profile data or one page divided into sections? [closed]

I notice that a site like LinkedIn feels overwhelming and clumsy to me when I'm trying to update my profile. I would guess that LinkedIn would hire some of the best developers in the world, yet it ...
0
votes
4answers
205 views

Is there a program that can select a set of 5 to 10 colors based on a few main colors?

Say I want a color scheme to be 'vintage' and I know that, at least to me, that means a lighter sea green and a faded orange color. I know the art students will understand color theory enough to do ...
0
votes
1answer
60 views

How to decide dashboard's general buttons when having multiple clients with different colors each?

I have this project, where I have to implement text, raised and ghost buttons depending on the different sections. It's kind of a wizard-style app, with a dashboard with steps to complete and submit. ...
4
votes
3answers
203 views

Deletion: Require two clicks instead of confirmation?

I have an idea regarding deletion buttons... The usual idea is to either present confirmation modals or allow undoing. My idea to avoid accidental destructive actions is a little bit different: ...
1
vote
4answers
241 views

Best UI for items with assigned percentage

I want to get my user to create a list of items. Then each item in that list needs to have a percentage assigned to it. The tricky part is that the percentages need to add up to 100%. So let's say ...
0
votes
1answer
88 views

How can I show a document preview alongside a form in a responsive way?

My registration form requires the user to input Information A and Information B , which are printed on documents only they have access to. Since I have to make the form responsive for all kinds of ...
0
votes
1answer
43 views

Twofactor fields, email code + authenticator code. One page or two pages for input?

I have a user action that requires both a mobile authenticator 2fa code, and also a copy-paste from an email (a code). I'm trying to determine whether it would be best to have a single dialog view ...
2
votes
1answer
146 views

A mix of single and bulk delete

I'm working on a UI that will allow users to save thousands of records. They also have the ability to organize these records into Projects. In the main records screen, we allow bulk delete - ie: you ...
0
votes
1answer
115 views

Prevent users from entering honorifics (Mr. / Mrs. / Ms.) in the First Name field

We have a high-throughput User Info intake form that get thousands of submissions everyday. The form, among other fields, has fields for First Name and Last Name. The form text is translated to the ...
-1
votes
1answer
47 views

How to add other info to main page of mobile app?

This is what our app looks like: For each row I would like to add the amenities for the particular gas station (ie. "parking", "bathroom", etc). For example, "Rocket Fuel" has parking, bathroom, and ...
0
votes
0answers
30 views

track size on interactive map

Im designing shiptracks on an interactive map(openstreetmaps) (see example image). there is a distintion in size and color to indicate what type of track and what kind of size the track is. But now i'...
0
votes
0answers
58 views

What Problems are solved by having the Find option(s) nested under the “Edit” menu in web browser applications?

This really threw me for a loop when I was looking for the Find option in Safari on macOS. In Chrome, for instance, on both Windows and macOS, Find is located on the top level of the three dots/...
16
votes
6answers
3k views

Simplify an interface for flexibly applying rules to periods of time

We have a module in an application where users define time periods for different criteria that will be used later to filter some lists. By default each criterion applies any time. Its validity can be ...
-2
votes
2answers
82 views

Preview of an widget setting in a modal

I got this problem with setting up the modal for a widget preview. Lets say I want to edit a widget and Im opening modal with the widget settings. The problem is, the preview makes the whole modal ...
2
votes
3answers
213 views

Why can't you copy and paste files in FTP software?

This is something always bothered me, and a simple search on Google shows millions of results on the subject, so it seems to be a real issue: why can't you do simple file operations such as copy+paste ...
0
votes
0answers
45 views

Log File Viewer Web App: Auto Scroll Options

I have a small web app to view log files on remote servers. One feature is to emulate the UNIX command "tail --follow", where the display updates each time the log file is appended. Initially, I had ...
0
votes
1answer
95 views

What is the best form element for multiple number inputs? (Days, Hours, Minutes)

The user will input the Days / Hours / Minutes. Should it be 3 sliders, or 3 input fields, or something else? The design is on on desktop and tablet.
2
votes
1answer
120 views

Is there a name for the way Excel scrolls through cells?

I have noticed that while scrolling horizontally in Excel, it jumps to the start of the next cell without stopping in the middle of a cell. Is there a name for this type of scroll behavior?
1
vote
0answers
45 views

Should textbox labels be above or to the side of the textbox? [duplicate]

At a former employer, the interface guidelines strongly insisted that the labels for form elements are always above the element citing that It's more natural to follow It's easier to translate since ...
0
votes
0answers
27 views

Input for Duration/Time Delta

What would be the best widget for duration/time delta? The duration can take days, hours, minutes, seconds, or a combination of those. Some use cases would be the length of a song or video, playlist, ...
1
vote
0answers
57 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
2answers
75 views

What is a best way from the user experience point of view to list questions and answers (FAQ)?

At the "Questions and Answers" or "Frequently Asked Questions" (FAQ) section it is often fashionable to have collapsing/expanding sections for each question and answer. Is it still the best way to ...
2
votes
4answers
144 views

Are icons in business software helpful?

me and my team are working on a re-design for an internal software, that people within our customer service do use to track shipments in real-time. I am thinking about a way to efficiently show ...
3
votes
3answers
96 views

what transition to have between two screens when there is where minor change in content?

I have a series of files that the user can look into. User can open any file and view the file and user can navigate using arrows to view the next file and problem I am facing is where there is very ...
2
votes
1answer
69 views

Why CRMs have two views - one for companies and one for contacts?

Why these the structure is separated? Why not one search only that when you click on a user it goes to profile page and when you click on the company you go to the company page? or one company ...
2
votes
1answer
142 views

Is “UI Event logs” a thing?

working on a "Google/AWS Cloud management console" style web-app where I need to "make UI better". I recently noticed a pattern in zocdoc app where if you click the arrow on date selector 5 times, ...
45
votes
6answers
7k views

Why would you use 2 alternate layout buttons instead of 1, when only one can be selected at once

I was looking at the Spotify desktop app and noticed they use two buttons for displaying an artists albums in either a Grid layout or a List layout See below: If only one layout can be selected at ...
4
votes
2answers
215 views

Handling two possible workflows of the same action

There is a subpart of the user workflow in the product that I am designing that I am having trouble with. The user is at a step where they have to fill-in patient data, in a modal window. Once they ...
0
votes
1answer
51 views

Best practice for nested, modifyable 2d rectangles in an editor

Overview Summary User can resize, move and add boxes at will A box may have endless amount of sub-boxes Editing sub-boxes is currently done by opening another window Sub-boxes usually fill the ...
0
votes
0answers
65 views

Show Product Logo in Landing Page

Could anyone suggest me how to show only two product logos on the landing page? I tried many options but am not satisfied. Please suggest any landing page design with only two product logos.
6
votes
4answers
367 views

Expandable rows, quick view or modal to show a big section with details for a row in a table?

I have a table and in the first version of the implementation, I had expandable rows with info. In the new version, the client wants expandable sections in the section expanded because it is a lot of ...
1
vote
1answer
111 views

How to improve 3rd level navigation selection

I have a responsive dashboard web app, as shown in screenshots. The left navigation menu has two levels of navigation, and then there is a blue tab strip running along the top for the third level. ...
31
votes
2answers
5k views

How to increase users' perception of security on a payment screen? [duplicate]

Has anyone done any user testing they could share about padlock or shield icons on payments screens and which is perceived as most secure?
2
votes
2answers
227 views

Difference between button and switch

Today I had an argument with somebody about the difference between a button and a switch. The button toggles between two states (sound on/off) and changes the icon accordingly. The switch does more or ...
1
vote
2answers
91 views

Is it ok have to have two search bars on the same page? [duplicate]

I have two search boxes on the page. First one is the universal search in the main navigation bar and the other one to filter map pins based on location. What do you guys think? P.S I am unable to ...
2
votes
1answer
70 views

A method for consistency comparison of multiple products

Are there any good methods / tools / templates for evaluating the consistency of multiple websites from one product family in terms of UI components, patterns, button placements, labelling, date ...
3
votes
3answers
168 views

How to display a user’s score overview when values often tend towards the maximum?

At the end of the day, my users get a score ranging from 0 to 100 depending on how healthy their meals were. 100 being the perfect score, most users following a healthy diet get more than 80 every day....
0
votes
2answers
124 views

Does this type of UI need a Delete button?

This screen is part of a multi-step process. This screen, in particular, lets you add user emails by clicking on the "Add email" button. Clicking "Add email" appends a new textbox to the list. Once ...
1
vote
1answer
68 views

Button label and section title are same, which are next to each other

I got this question from one of my colleague which I did not realize at the time of wireframing. I have a button which says "Advanced Search" when you click on it, which shows/hide s section titled ...
1
vote
1answer
208 views

How to design simulation of a user interface for UX/UI evaluation? [closed]

I want to design to a simulation of a User Interface for usability testing, e.g. the User Interface of the Car showing speed, rpm, and other indications. I may want to stop the simulation after a set ...
3
votes
3answers
98 views

Terms used for overloading UI element to provide additional functionality/display

I am looking for a term to describe the way that some UI elements are overloaded to display more information or provide features that are not always appropriate for what the UI element was originally ...
3
votes
1answer
146 views

Why are there two checkboxes for 1 state selection?

Those permissions could be handled only with one checkbox. Checked - allowed, unchecked - Full Control denied, for example. Why two checkboxes, not one? Also why not radio buttons?