Stack Exchange Network

Stack Exchange network consists of 174 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 ...

2
votes
4answers
145 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 ...
1
vote
2answers
82 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
33 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
39 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 ...
0
votes
0answers
16 views

Best way to show different forms

I'm using Angular 6 and Angular Material to create a website. I have a left hand side navigation bar that has the following items: Forms, Reports, Jobs. When the forms item is selected, the user ...
3
votes
0answers
95 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
35 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
60 views

Website progress tracker

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
68 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 ...
0
votes
0answers
34 views

Is having a secondary menu inside a user card anti-pattern?

Example of menu inside the User Profile card as a side nav (contained in a card): Example of menu on the top (outside card)
3
votes
3answers
245 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
44 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
0answers
39 views

GUI component for displaying and editing hashmap-style data

What would be the best GUI component design for displaying and editing data in hashmap/hashtable form? Hashmap gives the data some specific constraints such as no specific order and no duplicate keys.
0
votes
1answer
58 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
71 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
72 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
71 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?
0
votes
0answers
28 views

What is the best approach for displaying business logic hierarchy in my web app?

I have been trying to figure this out for a while and I've settled on breadcrumbs being displayed as the page title for the sake of meeting a development release. The product I'm working on after ...
2
votes
5answers
326 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
182 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 ...
0
votes
2answers
108 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 ...
0
votes
2answers
33 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
88 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
118 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
50 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. ...
0
votes
0answers
28 views

Proper use of Borders around content … looking for good set of rules to follow

I am looking for some heavy duty papers and research about when and how to best utilize borders. I found the following UX StackExchange question which had some great advice What makes a border a good ...
0
votes
3answers
116 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
238 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
65 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
91 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
70 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)...
-1
votes
2answers
72 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
83 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
53 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" ...
0
votes
1answer
105 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
166 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
60 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
105 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
200 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
73 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 ...
1
vote
2answers
107 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
118 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
167 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
204 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 ...
1
vote
0answers
75 views

Resetting password as software company staff admin (not user admin)

I'm building a tool for users to manage their account which includes user licenses and admin levels for teams (think like Adobe Cloud), but also an admin for our staff tech fix account issues. On the ...
3
votes
5answers
385 views

How to ensure that buttons look clickable? [duplicate]

I always notice that my designs look good but buttons and other clickable elements don't look clickable. Can you provide any tips or links that can help me?
82
votes
9answers
15k views

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

I would like advice on whether a disabled button is better than no button for a certain UI. Basically, the regular (experienced) users can either comment on an issue or close it; the users with ...
0
votes
2answers
74 views

How to structure navigation with many similar items?

So I have an app on the google play store currently (https://play.google.com/store/apps/details?id=com.euandeas.RowerStuff) which has calculators in it for rowers. I currently have free essential ...
0
votes
2answers
39 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
votes
1answer
189 views

Are there rules for warm and cool grey tones be used together in UIs? [closed]

I am currently working on redesigning a web app and want to reduce the amount of colors used, espcially the lot of different grey tones - warm and cool mixed up as accents for UI elements and the ...