Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
0answers
28 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
24 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 ...
1
vote
1answer
41 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
48 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 ...
0
votes
1answer
31 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
28 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'...
-1
votes
1answer
54 views

Why mockup doesn’t look crisp in iphone? [on hold]

I created a mockup of an iphone app in Adobe Fireworks. Once done, I copied the png file to my iphone. When I look at the image in my iphone (like a regular picture) it doesn’t look crisp like other ...
0
votes
1answer
71 views

Is a designing UIs according to branding/design guidelines actually design? - job position [closed]

Point me to where I can post this if this is not the right place. I am new here, take it easy pls I received an offer from a leading engineering company and I thought it was UX, involved research, ...
0
votes
0answers
55 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/...
15
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
78 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 ...
1
vote
1answer
61 views

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

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
28 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
92 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.
1
vote
0answers
84 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
18 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
53 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
67 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
3answers
69 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 ...
2
votes
3answers
64 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
50 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
100 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, ...
44
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
164 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
50 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
59 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.
3
votes
4answers
148 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 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 info....
1
vote
1answer
100 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
193 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 ...
0
votes
2answers
73 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
51 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
164 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
92 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
66 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 ...
0
votes
1answer
125 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
91 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 ...
2
votes
1answer
136 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?
1
vote
2answers
191 views

Is there a good reason for the modern trend of removing dividing lines?

Sometimes a website I use frequently will get a major visual overhaul. Recently (within the last few years) the trend seems to be removing dividing lines and reducing contrast. I personally find this ...
2
votes
3answers
74 views

Alternative to displaying multiple plan columns

I'm working on a pricing page that has 6 different plans. What is the optimal way of displaying them considering the limited amount of space we have? Mobile isn't an issue since they will just be ...
2
votes
2answers
166 views

Modal or new Page for product description?

I have a question it's kind of research and I have researched a few before posting but I want direct pros and cons for my concerns thus I am posting this question here. I have a page which has a sort ...
5
votes
4answers
269 views

Displaying Opening Hours

I'm designing a website for a client that has some irregular trading hours. Some days they remain open until 2am, others they close at 10pm. They want these hours displayed on their landing page, so ...
0
votes
1answer
66 views

What is the de facto method for indicating price graphically?

I've seen the "$" sign used to indicate price range from $ (for low) to $$$ (for high) like below at TripAdvisor: But is this well-understood by customers? What alternatives exist for indicating ...
1
vote
2answers
77 views

How to adapt text and/or elements size while designing to smaller screens?

I have a layout I made some time ago on Adobe XD (that was just a personal project) and now I wanna put it on Behance. To do so, I need to duplicate/adapt that layout (designed for desktop) to smaller ...
1
vote
2answers
73 views

Which indicator is more understandable?

Which indication of "high" level is more understandable? For example, when users sees an indicator (v2) on the humidifier that was launched for the first time is he going to think that sensor hasn't ...
0
votes
1answer
84 views

Multi-level expanding child rows in table

I'm trying to design a tabular view in which each item in a row contains about 5 pieces of basic information, the exact number doesn't matter. Some items will consist of multiple child items, which ...
1
vote
1answer
68 views

What are the best practices for a game/session over screen?

For games that are session based (ex : Temple Run, Fruit Ninja etc) what are the best practices for designing a game/session over dialog or screen? What should be the main CTA (replay, go to menu etc)...
2
votes
1answer
75 views

When to remove labels for data elements?

Removing labels seems to offer a trade off between clarity and concision. For editable forms, labels are necessary, but when can we forgo them when displaying that data back to an end user? For ...
4
votes
3answers
130 views

UX design specification format

We have a legacy (desktop based, developed since 90's) product that is quite successful despite having some UX and UI flaws. Recently we have decided to redesign that as SPA. In the process we would ...