The Stack Overflow podcast is back! Listen to an interview with our new CEO.

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
3answers
101 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
153 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
200 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 ...
3
votes
4answers
127 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
329 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
392 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
74 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
173 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
82 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 ...
1
vote
1answer
200 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
76 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
2answers
104 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
194 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 ...
0
votes
1answer
162 views

Color Palette Accessibility for White Text Button Labels

Background: I'm currently working with trying to bring text accessibility into the visual design of a SaaS product suite, which has cross-product primary and system feedback colors and a number of ...
0
votes
1answer
179 views

Better 2D UI control for Yaw, Pitch Roll in 3d objects (transform)

I'm working with a 2D representation of 3D objects such as a PTZ camera or avatars and cubes. I understand that the best way to rotate things in a 3D space is with direct manipulation using a widget ...
3
votes
3answers
335 views

How do I call this type of UI widget?

I designed this but what would be a proper name? Data-table, info bar, list? When you click on each item of the list, it displays information on the right side. Programming wise it was not done as a ...
2
votes
2answers
133 views

Is there any logic when arrows are used before or when after the content

Just wondering if there is any logic defined to use a certain arrow position (left|right or front|back or before|after or whatever ...) in a navigation item or if it's merely a matter of choice and ...
0
votes
1answer
38 views

How to choose when we need to use “Monthly view” and “Weekly view”

I'm doing a to-do-list app. I was wondering why some app using different view like monthly , weekly view
0
votes
1answer
84 views

What's the best way to illustrate calls and responses on a timeline?

Problem: I have a platform that sends and receives notifications from mobile users. Here's how the process works. Platform user pokes a mobile user. Sometime later the mobile user will respond with ...
3
votes
1answer
302 views

Why designer choose a tabbed document interface (TDI) design if most user like multi-document interface (MDI)?

I have to choose the design for a complex “business” application. I work at the public prosecutors’ office and we need to develop an application to that handle hundreds of fields, grouped in ...
1
vote
3answers
70 views

How to make an inheritance relationship understandable?

In my educational game application, there are teams and the players on those teams. Historically, players could play any game they want (classic mode), but now I'm implementing a feature to limit the ...
1
vote
0answers
70 views

Website progress tracker [duplicate]

I’m working on an application that has multiple tasks that need to be completed in sequence (e.g. think placing your order with amazon). We have a progress bar at the top of the web page which shows ...
0
votes
1answer
213 views

Nested Vertical Scroll vs Accordion

I have this problem. I need to display all of the the following elements (cannot do contextual for lack of resources) as this is an administrative platform for employees only.: Each user license ...
3
votes
3answers
298 views

What is the name of this control?

Can anyone suggest a name for this control? It's designed to display nested hierarchical data, in the same manner as a TreeView control. However, unlike a tree, it can only expand one "branch" at a ...
0
votes
1answer
159 views

Weekly Report UI form: choice of multi select controls

I am working on a report feature that requires the ability to allow the user to set a frequency for reports to be sent. In this case I am working on the weekly frequency. Currently we are looking at ...
0
votes
2answers
84 views

Color Red for Positive Numerical Values in eccomerce site?

Company I am currently with wants to use red for positive values because it reflects their brand colors. I opposed using red because it associated with sale items or negative numbers. Any thoughts? or ...
1
vote
1answer
94 views

Is there a name for X Day of the month?

Im working on a form for a feature for a report that can have its frequency scheduled set by the user. One of the requests from our product owner is that the user is able to set frequency by a monthly ...
0
votes
2answers
821 views

Empty field. Error message or just highlight?

Which way would be better to add an error massage to the required empty field or it could be just highlighted?
2
votes
5answers
1k views

What is the best UI component to make user select a number from small range (1-12)?

I'm creating an Android application in which I want user to select a number from 1 to 12 (The standard in which user is studying). For this I've considered a dropdown with numbers 1 to 12 or a ...
1
vote
2answers
215 views

How should regular black text change to show that it has become editable?

I am building an app to be used on Android phones. The main purpose of the app is to display information, in the format of a form, to the user. Several fields of the form are to be manually filled in ...
3
votes
3answers
311 views

UX solution for dashboard with scrollable content boxes?

So i have come up with a UI design for a dashboard, that is constructed like the following: the dashboard has a scroll activated depending on the the total height of the added boxes, the issue here ...
1
vote
3answers
53 views

Uniformity and overview

I have a system to register attendance, displayed on a screen on the premises. First the user chooses his/her class, and then his/her name, which results in an "attendance registered" screen, which ...
1
vote
1answer
98 views

Automatic Focus change: Does it violate an accessibility standard?

I am working on a Two Factor Authentication page. A tester has suggested that after clicking the 'Send Token' button (Sends the token to the user's phone), we should automatically change focus to the ...
5
votes
2answers
132 views

User experience issues when the order of content changes?

I'm working on an iOS project for users with age 55+ years who have not to much experience in using mobile devices. I have around 8 tiles with information to show the user. (Scroll View) By time ...
0
votes
2answers
65 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. ...
2
votes
3answers
1k views

Android Material Design: Should text field and button have same size?

I'm making a login view using material design guidelines, which makes me confused whether the text field should be and the login button must have the same size?
0
votes
3answers
192 views

How much zoom to design at

I’m a self-taught, new designer. When I’m designing on MacBook Air, 13 inch I design at 50 to 70% zoom on an average. When, I see the prototypes on the browser, they appear too large or too small. Is ...
2
votes
1answer
525 views

What is this UI element called? A horizontal scrolling menu?

I'm talking about a horizontal scrolling menu with "left" and "right" arrows to scroll. I have been seeing this thing everywhere since I started working on a design that uses them. What are they ...
0
votes
1answer
151 views

How to make optional fields more subtle to reduce its usage?

How to make optional fields like email a bit more subtle? The intent is to have minimum prominence for the email field and reduce its usage. The reason why we can't remove it is that lead capture ...
1
vote
3answers
206 views

Can a contact form be too short?

So we all know how much users dislike completing forms... even when it's to get to something they see value in. We're told that, in a general sense, the shorter the form, the better the chance of ...
1
vote
1answer
108 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 ...
0
votes
1answer
83 views

Tight space lot's of data to display how to handle?

I don't have great UI experience so if you think my mock-up is wrong let me know. From a Service Status page I am retrieving the following data: Incident Creation DateTime (When the incident created)...
0
votes
2answers
73 views

Is it right convention to put tabular view in the pop up

In our modal we need to showcase two options.To delete and edit the projects. Just wanna know if it is right convention to show tabular view in the pop up modal.
0
votes
4answers
221 views

Handling Dropdown conditional Dropdowns

I'm working on a material design web-app designed for a mobile/touch environment. Obviously I have tight space constrains and would like to know what is the best-practice for conditionally providing ...
0
votes
1answer
194 views

Design patterns to indicate status on infinite scroll pages

There are several questions regarding design patterns that apply to infinite scroll such as What's the design pattern at the end of infinite scroll? and also What are best mobile navigation ...
2
votes
1answer
80 views

Nomenclature for all parts of a progressbar

I'm looking to get a name for all off the different parts of a progressbar. e.g. Loading [ =====> ] 1/20 (5%) done I want to know what name can be given to the following parts: "Loading" ...
1
vote
1answer
164 views

ERP system for staff admins - managing complex information tree

I'm re-creating an internal ERP tool to manage user license, sales and customer information for a desktop 3D cad software. So something similar as an admin portal for Autodesk employees to manage user ...
2
votes
1answer
314 views

Design graphical user interface

I'm about to design a GUI for creating/editing a filter. A filter can have one of the following types: Text Object name Object type Object attribute The following is a draft of a possible design: ...
3
votes
1answer
102 views

Designing interactions and UI for synchronous action with long processing time [duplicate]

I have a synchronous process that is trigger by a user action and the process can take more than 10 minutes. While it's being processed, the previous UI that user triggered from and the previous data ...
0
votes
2answers
121 views

Why are there exit button provided by application?

Why do a lot of applications provide an exit button in addition to window title one and Alt+F4? I can understand it if: Application is full-screen one (no window title) Application can run in ...