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
5
votes
4answers
308 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
70 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
94 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
77 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
149 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
73 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
94 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
161 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
109 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
143 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
285 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
125 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
76 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
2answers
264 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
2answers
53 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
64 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
167 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
297 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
174 views

Segmented controls and buttons on the same page

We have some design problems in our big web project, so I decided to start my journey on Stack Exchange. I want your help now, but also want to help someone else as well! :) We have a UI Kit (which ...
0
votes
1answer
131 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
79 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
85 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
421 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
711 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
208 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
221 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
52 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
96 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
58 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
867 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
161 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
378 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
120 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
1answer
106 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
79 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
1answer
148 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
74 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
155 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
294 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: ...
2
votes
1answer
73 views

Designing interactions and UI for synchronous action with long processing time

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
120 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 ...
2
votes
3answers
325 views

Is there a name for this type of progress bar at the top of screens?

Lots of applications and sites (particularly SPAs or sites with lots of data to load such as YouTube) have a progress bar that is displayed at the very top of the screen. Does this have a special ...
1
vote
1answer
103 views

Stacked Bar Chart Movement User Experience

I have three friends Bob, Sam, and Maya. We all deposit some of our pocket money together to the electronic wallet. On tough time we can move money from each other accounts as Bob can transfer money ...
2
votes
2answers
117 views

'Yes to all' or 'No to any' with multiple individual questions - The best way to present to the user

I have list of approximately eight questions that need to be answered on a form (yes/no). If the answer to any of these questions is 'no' then the user is taken to page x, while if the answer to all ...
2
votes
1answer
260 views

How to choose a color combination for main header and sub-headers for better UI and UX?

I'm always confused about the BG (background) colors or a header and sub-header of a website or an app. There can be at least 3 options to choose BG for them: 1. A dark color for main header and a ...
2
votes
3answers
274 views

Designing new interface for a legacy web application

Current situation: We have a legacy web application. It is been in development for 5 years and already has many customers. It's a very critical and also expensive product and its customers are big ...
4
votes
2answers
230 views

Why is this text, that fails WCAG accessibility guidelines, subjectively easier to read than text that passes?

A The smaller text here passes WCAG 2.0 contrast accessibility AA guidelines. B The smaller text here fails WCAG 2.0 contrast accessibility AA guidelines. In a usability study comparing the images ...