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.

80 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
7
votes
4answers
420 views

How should a global tooltips behavior be defined?

I defined a global tooltips behavior for the developers to use in all cases they will face as a guideline. I did a research about this issue but I didn't find anything really relevant. Finally, I ...
6
votes
4answers
372 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 the 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 ...
5
votes
0answers
583 views

Allow user to manipulate objects in 3d space using touch screen

Our app Iyan 3d, lets user to create 3d animation using their Touchscreen Mobile devices. We are targeting the casual market so we are trying to find the easiest way to allow users manipulate ...
4
votes
4answers
233 views

Using virtual-reality as user interface

I want to know about how to use a virtual-reality as user interface. Examples of virtual-reality interfaces are modern time AAA role playing games, like "The Elder Scrolls 5: Skyrim", "The Witcher 3" ...
3
votes
3answers
96 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 ...
3
votes
3answers
372 views

What is the best way to display user company role and application role when logged in to the application

An application having two roles i.e Company Role and Application Role based on which different sections of the application are accessible to the person. Company Role describes either Admin or Users ...
2
votes
1answer
72 views

Representing increase/decrease at glance on “opposite” labels?

I'm building the front-view of a marketing Ad fraud analysis tool that wants shows users how much ad fraud vs valid traffic they get. It already does this, and the purpose is to show at a glance in a ...
2
votes
3answers
216 views

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

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 ...
2
votes
1answer
69 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
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 ...
2
votes
2answers
618 views

Best way to design dynamic table of inputs. Like rate-lists

I am trying to design a rate-list input for parking lot management system. Where inputs are like this: But it needs to be customizable in time field of inputs, e.g. 3-4 hours based on user ...
2
votes
2answers
191 views

Layers in editor for multiple images

I'm working on a desktop software that is in its core a simple image editor (apply filter, draw on image etc.) but the catch is that the user should be able to open multiple images, edit, and compare ...
2
votes
6answers
505 views

How can I improve add entry tab?

I'm making a UX/UI for Telenor software that we are developing as summer project. How to do the navigation/controls for this Software style: I'm stuck on how best to do the Add Entry for this tab. ...
1
vote
0answers
45 views

Specific UI preferences & user behaviours in Singapore

Background I am currently working on an ecommerce site for Singapore, in particular their product detail page. A design was already provided but I worked on a small task where I have changed the ...
1
vote
3answers
74 views

Should a cross platform desktop application use a uniform UI and design language across platforms? Or entirely native UI and design language?

I'm designing a cross-platform, desktop engineering app. I'm wondering whether I should make the apps follow native design practices (a la MS Office) or use the same ones for all platforms (a la ...
1
vote
1answer
88 views

What is the preferred way of displaying interactive information in a small space, eg table cell?

I have a list of athletes that have competed in a race. For each athlete, I want to be able to do a couple actions for each athlete, like View Time Online View Team of Athlete View Time Splits View ...
1
vote
2answers
83 views

Can Alt key alone be used as a modifier in web apps? Eg: alt + >, alt + k, alt + a

I am working on a chat application and it is a web app. I tried mapping few keyboard shortcuts to Alt + modifier in Windows. To my knowledge, I didn't find any application using only Alt as a modifier....
1
vote
0answers
57 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
97 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
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
144 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 ...
1
vote
2answers
139 views

Is there a recommended size for embedded maps or videos?

Basically what the title says. I know that anyone can do what they want, and I also know that the embedded content can be integrated in a responsive way, thus maintaining its original proportion. ...
1
vote
3answers
227 views

GUI for a weekly schedule

I am currently working on a weekly schedule for sport teams and everything have been going smoothly UX wise. The UI part, for some reason, is a bit more tricky for me this time around. The creation ...
1
vote
2answers
401 views

Best way to make an “easy, medium, hard” picker

I'm trying to create a website where you can get questions based on different settings. One setting is difficulty. For now, let's just assume that I have divided a lot of questions based on difficulty:...
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 ...
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 ...
1
vote
4answers
257 views

Which is better for a web-based CMS UI taking Miller's / Hick's Laws (cognitive load) into account?

I am working on a content management system. As the app is growing, more and more content types are being requested (Think of content types as "Widgets"). I would imagine future state may have 10-15 ...
1
vote
0answers
196 views

How to display a two column table with limited data on a wide page?

I am trying to create a table with three columns but there isn't much data to display. There will be a select button, the item name, and the item's detail (which will be very short) What's the best ...
1
vote
2answers
146 views

Type of control for a non-interactive widget

I have a set of inputs whose type can be changed, and one of the input types is read-only. What's the best way to represent this in a cross-platform manner? Right now I went with a disabled button ...
1
vote
0answers
252 views

Best layout for a MATLAB based GUI dropdown menu

I'm writing a GUI in MATLAB which allows users to designs pulses. The pulses are optimized based on their class (AM/FM). If the pulses are FM, then they belong to a subclass (RapidPassage or Adiabatic)...
1
vote
0answers
113 views

Large data migration workflow

Can anyone suggest the best way to represent this workflow for managing a large data migration which requires a manual FTP stage on the customer end? I am thinking a wizard to take us up to the FTP ...
1
vote
0answers
52 views

Correct way to associate user with tags, and ways to properly add them?

Context: An environment where users have a suite of various products at their hands, containing information about hospital patients. The people using these tags tend to be physicians or technicians ...
1
vote
0answers
59 views

Products Schedule UI Month/Yr wise

We have to build a product schedule screen where each product can be scheduled to n number of months. Also, there can be N number of products. We want to build a UI with ease of use where the user ...
1
vote
1answer
124 views

No matter how hard I try, I think this hotbar interface is going to suck

Here's a prototype with an animation of it being used on a scheduler app. https://codepen.io/TylerL-uxai/full/QvezdM/ Did some interviews and everyone said the hotbar would be "cool" or "sounds good....
1
vote
0answers
33 views

Create and edit M:N binding in large tables in GUI/Web app?

How to enable end-user to create M:N bindings for large multi-column tables? In our case there are tables up to thousands items large. Each table has number of columns. For example Cars (...
1
vote
5answers
146 views

What would be the best way to show 3 actions on the bottom half of the page

We are confused as to which of these UI should we go with to as we have three actions relating to the content on the bottom third of the screen. Three buttons are: 1. Write to Device 2. Load from ...
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 ...
1
vote
1answer
157 views

(Color) scheme for quiz/trivia/test type app/game

here is the example: | Answers | User Input | Results | |:----------:|:-----------:|:----------:| | (OK) A | selected | correct | | (OK) B | | incorrect | | ( ) C ...
0
votes
1answer
57 views

monthly payment and single payment in the same place

Good morning, I'm doing a payment area, where the user can buy a monthly product and a single purchase product, the project owner demands that the payment be the same for both forms, it can be on ...
0
votes
0answers
33 views

Bulk Upload GUI Feedback

I am redoing the bulk upload programs that I initially created a few years ago. This is an example of the new design I have come up with. Note that this is a desktop app written in a framework that is ...
0
votes
3answers
54 views

Inventory - how to add range of items and reduce the probability of human error?

Problem: I have an inventory that fills one purpose -> insert the same type of item (dongles) which only varies it's serial number. Every month someone buys a box which comes with a perfect range of ...
0
votes
2answers
134 views

Language switcher menu

I want to design Language selection menu and the requirement is, on the right side menu should appear (which shows the selected language) on selection, it should list all the languages available ...
0
votes
0answers
85 views

what is the best way to design a comparison block

I am very new to UX designing and I am trying to build a comparison block using CSS between two companies. I have already built a very basic layout about how it should look but its not looking that ...
0
votes
0answers
39 views

Retrieving information from a label when user press a button

In my application I have the following scenario: if the user click a "info" button, the info will be shown in a label (bottom right). The problem is that I am force to put this label a little far from ...
0
votes
0answers
30 views

Is it even possible to prototype chrome extension products in Invision?

Without giving away too much IP I am starting work on prototyping a product that augments google chrome with notifications and menus through an extension. From what I can tell, there seems to be no ...
0
votes
0answers
67 views

What is a good way to organize hundreds of sortable items in a list

I have many pages of items each page containing m x n items with the m and n dimension layouts being editable by the user. I want the order of the items on the page to be editable so I thought about ...
0
votes
0answers
48 views

Combining two panes into a single one?

I am working on a UI design which has two left panes: the first shows the type of project that the user works on (i.e. custom web application, Shopify, Wordpress and so on)... the second needs to be a ...
0
votes
0answers
12 views

Jumping between different but similar record types

We have an application which shows the details about a customer. However, some of these customers are related to each other, for example, one might be the parent of the other, or they are all refered ...
0
votes
0answers
29 views

Mobile-first design for many-to-many relationships

I am trying to figure out the best mobile-first design for many-to-many relationships. For example, a list in which the elements contain drop-downs with multiple-selection, e.g. check-boxed items? Let'...
0
votes
0answers
36 views

Help to design an UI for object placement in AR using Y axis?

I'm designing an AR furniture placement app, similar to IKEA Place, and I'm struggling to design an interface with good ux for the placement of a ceiling lamp in the Real World. As different ...