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
2
votes
2answers
95 views

Should fields be hidden if another field could appear in between?

I'm making a form which will have various yes/no answers. In response to the user's action, the form might display more fields. Some fields will always be displayed. For example (completely made up ...
1
vote
1answer
219 views

Good examples of UI patterns for data assembling

I'm particularly interested in Node based UIs and I have a few questions: 1. What are good and elegant services in your opinion that use these pattern to create complex outputs? (I really like how ...
4
votes
3answers
191 views

Opinions needed on a dashboard design [closed]

Here's a VERY stripped down version of a dashboard design with some changes to protect it and the company it is for. I need a few opinions. 1) We currently have an ongoing debate over notifications. ...
4
votes
3answers
304 views

How to show a huge amount in a small pill?

I have come across this challenge where a developer is asking me as to how to show a large account balance in a small pill. In case of webapps, we show ellipsis and tool tips in order to show the ...
0
votes
2answers
172 views

Website dashboard design(guidelines to follow)

We are currently having landing page as below. There are 'x' number of entities, each entity is displayed as a square,4 in each row All the information related to that entity will be displayed inside ...
4
votes
2answers
851 views

UI issue for Add, Edit and Delete experience

First question on UX, so let me know if need to add more details. I have a budget module where user can add budget detail and later they can edit those detail. Budget Add Page So this form is ...
1
vote
2answers
426 views

Appropriate padding percentage between buttons

I'm laying out 5 buttons programmatically on the screen. So for example, the screen is 1000px wide. I'm dividing 1000 by 5 and get 200px for a single button. Since this is for mobile devices, it can ...
3
votes
1answer
102 views

Radio buttons with a long label in a small space

I have 5 radio buttons among which the user can choose: DTP, MMR, POL, HIB or HEP B and a small space in which to show these buttons. The problem is that the labels are not very explanatory. If the ...
2
votes
1answer
109 views

Are tabs a good fit with data that have a cause and effect relation?

Tabs are used to show content that: A.is not needed to be shown simultaneously and B.has a relation with similar hierarchy (like different chapters of a book) In the following case this web tool ...
1
vote
2answers
613 views

Put large table and form on one centered layout

I'm currently developing a quite complex and growing website that has centered layout. These are some of the layout rules: Table width are 768px in default, but if not possible (overflow) the table ...
0
votes
2answers
40 views

Dynamic selector answers

Background On a step, we have two selectors. "Travellers outside Wingly" depends on "Offered to Wingly". It works that you have N number of seats and you can share them or select that some seats will ...
3
votes
2answers
170 views

Allowing users to select all items except few

I have a list of country names (eg below) I want the user to be able to either select a few countries or, select all countries except a few. Now, this can be done using a select all button by ...
3
votes
1answer
329 views

UX for selecting complex set of nodes from 2-level, dynamic, moderate-size tree?

What is a good UX design for letting a user select a complex set of nodes from a 2-level, dynamic, moderate-size tree? (I say a 2-level tree, but to be more accurate, the implied root could be ...
2
votes
4answers
141 views

Where to place icon on a card with only text and an icon?

I have a list of cards where each card has a text content, an optional title, and one or more optional icon indicators. The exact use-case is not important but as an example, the user has a list of ...
3
votes
2answers
128 views

Transit app - button or toggle?

I'm designing a prototype for a mobile app that allows you ask for help inside a public transportation (bus or streetcar). The goal is to alert all passengers that someone needs help inside the same ...
0
votes
1answer
218 views

Any alternative for dual listbox control? [closed]

Is there any alternatives or other approaches - from UI perspective - for dual listbox element? In general I'm used to apply the Dual Listbox (as described in the example). The Dual Listbox should ...
5
votes
1answer
186 views

What is the pattern for displaying the state of a thumbs up thumbs down button pair?

I'm looking for a pattern that clearly lays out how to make the pair of buttons look clickable (or tappable) in the following states: Nothing has been selected yet One of the two options has been ...
5
votes
1answer
246 views

Display a bunch of buttons on one page

I currently develop an app in UWP and I need to display some buttons on a page. All of those buttons are neccessary and I want them on the same page because they are for maintanance/debugging of a ...
4
votes
2answers
85 views

How do I design an admin window for cascading dropdown data?

I am designing a window in a desktop app that allows the user to drill down to a specific problem using five cascading dropdowns. The first is general (eg harware or software), the second slightly ...
3
votes
5answers
589 views

What is the name of this dashboard UI element?

I've seen many dashboards or statistics pages/screens to have some kind of "dashboard header" in which larger text or graphics are present. They are designed to give an overview of important ...
1
vote
2answers
165 views

How should I represent a tree structure?

Context I have data from a source that has categories and sub categories and in some cases, even sub-sub categories. Requirements The actions that can be performed on the tree elements are - ...
0
votes
1answer
82 views

Designing a data editor and mapper

I've been trying to figure out the best way to design a data mapping and editing tool. The problem is as follows: I have data from multiple sources that don't follow the same naming convention. For ...
1
vote
0answers
42 views

Best navigation for a tool that switches contexts?

I'm working on a tool that can visualize a basic hierarchical relationship between items. The tool would allow users to put an object (one or more) in a search and return the hierarchy of other ...
3
votes
1answer
80 views

How to visualize versioned data?

I work at a SaaS company that has a product for entering accounting transaction data. We are building out a new feature for visualizing versioned data, and I am needing some help on how this could be ...
3
votes
3answers
121 views

Should I use bulk action or allow individual actions on the Dashboard?

On the dashboard, I have an "Actions Required" section. I would like some feedback about user behaviour when being affected by length of time and number of items to manage. In the "Actions Required" ...
7
votes
1answer
641 views

Can I use the same share icon for different functions?

So, in a nutshell, our platform gives people the chance to edit maps and data. These maps can be shared through a link with other people (or embedded) with the use of some templates we created. We ...
6
votes
4answers
238 views

Designing for users without meeting them

So recently I started my internship and the first thing I was told is that I probably won't meet with users (HR managers) nor do I get their feedback at least in the early stages of the design. I am ...
0
votes
3answers
176 views

Can you give your top factual reason (not opinion) why you chose not to use Material Design for your UI components? [closed]

I work in a group that has decided to use Material Design (MD) to guide out UX design and I have to admit I am a complete convert. Material Design provides the base design language for our components ...
1
vote
2answers
366 views

Simplifying Matrix UI

Need suggestion on simplifying a Checkbox Grid UI (shown in below image left side) as it is not scale-able due to number items count (Varies from 100 - 240). I had plans to go with the two column ...
3
votes
4answers
164 views

Why web apps do not consider high resolution screens in their designs? [duplicate]

Have a look at the image below, this is how Youtube will look when someone opens on high resolution screen.There are empty space on both sides and I have checked this with many popular web apps, same ...
0
votes
1answer
62 views

Where would the buttons go best? [duplicate]

I made a browser app, and have gotten some positive feedback, and someone asked if I could put buttons on it. It is located here: https://freezephoenix.github.io/FireSnake/3D.html Background: You ...
2
votes
1answer
67 views

When's the right time to use a lock icon on a button?

A little background on the question: I've recently come across an instance where a user is submitting a form to check their status on something. I've used lock icons on buttons for shopping purchase ...
1
vote
2answers
82 views

Colloquial writing style in UI messages

Nowaday I often see a colloquial or even flippant writing style in UI messages. For instance MS Excel 2016 writes "We finished $task", "Spelling finished. Let's go ahead!" (Translated from German "...
1
vote
3answers
73 views

How to display an active ruleset in a combobox?

In our application, we have a small bar with settings. We're currently adding the ability to save multiple rulesets of settings that the user can easily switch between. I've added a simple combobox ...
1
vote
1answer
52 views

Having a preview next to text editor, should it be on the left or right side?

I'm trying to design an email text editor that has a preview window next to it. Should the preview be on the right or left side of the editor? My reasoning is that the preview should be on the left ...
0
votes
0answers
34 views

Is it Confusing if a Link from a Modal Goes to a Different Page?

I am reviewing a design suggestion where a modal window contains a link to another page, i.e. not the original background page. This seems to me to be a non-standard pattern and I believe it will ...
2
votes
2answers
145 views

Expandability in Mobile app Burger menus

Is it correct to use expandable items (Nested Menus) in burger menus in mobile apps? Something like this
1
vote
3answers
125 views

end selection best practice

I'm designing a piece of windows software that allows a user to select items on a "canvas" (ex. will be coming up in a jiffy), and after selection somehow confirm the selection. Context: This is a ...
0
votes
1answer
143 views

Does this multi-line form interface pattern have a name?

I've got a form where the user needs to enter a number of records (varies for each screen), and the UI approach I'm considering is to have multiple rows, with the ability to add and remove rows, ...
1
vote
1answer
79 views

Why is the background of common motion capture systems black?

Popular commercial MoCap systems (Vicon, Motive, etc.) tend to have black backgrounds for their workspace environment. Is there any non-trivial reason for this convention? I'm currently working on a ...
0
votes
1answer
167 views

How to display a list of potentially filled “categories”

We're trying to provide the user with a potentially large list of elements which can be grouped into categories (one category per element). In addition to provide a quick overview and easy access to ...
1
vote
1answer
121 views

Google new Task application inconsistent UI

Visual design is part of user experience design, hence its safe to ask question related to visual inconsistency on this platform. Question If anyone of you has used the new google task application, ...
3
votes
2answers
133 views

How to make mobile “list” design does not look crowded?

In order to create a list, usually I think like a developer and tried to cram everything as much as possible in a single screen so that user can see everything (or as much as possible) all at once. ...
1
vote
3answers
260 views

“Intermediate” state of a two-level toggle/switch control

EDIT: The pizza example below is not my use case, it was merely used for demonstration. My use case contains grouped system options that can either be turned on/off completely as a group or be ...
3
votes
1answer
244 views

Distinguishing overlapping event types in a timeline

I am working with software that is used for scheduling astronomical observations. I've created a timeline view for the user to create, view, and edit observation schedules. Here's my mock-up: Gray ...
0
votes
1answer
235 views

Missing permission - hide, disable, show error message/page? [duplicate]

In a web application I wonder what's best practice to design an element (text link, button) pointing to an action where users don't have access to (e.g. create new user). Esepcially when this element ...
2
votes
1answer
138 views

Suggestions to improve this UI

I have the following UI, which on the face of it is fairly simple, but I've been going around in circles trying to find a satisfactory layout. This is my effort so far: Features: The "P2 Pressure" ...
1
vote
1answer
72 views

How to let users know special functionality of a component you created?

Lets say i create a grid view. The users are not technical and are higher ups so they dont have time to read documentation(or just lazy). I have implemented copy and paste functionality in this grid ...
1
vote
3answers
213 views

“Select All” vs. “Select All + New”

So here is a problem I constantly struggle with; How to communicate that the user can pick either all items in a given list vs. all items in the list and optionally all new items that may be added to ...
2
votes
1answer
44 views

Automatically create new window on second monitor?

Say a sovereign application has detected that a user has multiple monitors. If the user initiates the creation of an additional window -- a window that needs to be large -- what are the advantages ...