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.

95 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
4answers
327 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
1answer
48 views

What's the difference between Welcome screen, Getting Started screen and Start Window?

Microsoft Office has "Start Window": Visual Studio also has "Start window": This is an example of welcome screen: And this is a getting Started Screen for LabView: What's the ...
3
votes
0answers
64 views

Statistics (or tools) on screen calibration & readability

Fairly straight forward question, but I could not find any answers to it. Are there any known statistics regarding screen calibration & readability? Are there any colors to avoid where screen ...
3
votes
3answers
175 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 ...
3
votes
3answers
186 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
2answers
202 views

Screen with multiple list crud

I have a screen with CRUDs For example: I will register a department and identify all job positions, equipment and employees Solution A: Display everything on a scrollable page Solution B: Display ...
3
votes
3answers
194 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 ...
3
votes
2answers
1k 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 ...
3
votes
5answers
660 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 ...
3
votes
2answers
840 views

Is it a good idea to hide logout button with error/warning message?

I'm building a secure website, closer to banking. I'm bit hesitant to hide the logout link with the error/warning message. I think design look simplistic when I add error/warning over the logout panel....
2
votes
0answers
95 views

What is the name for Flutter's sliver-like behaviors?

I'm looking for a component name that behaves like flutter's sliver: Here is an example of sliver. What i'm looking for exactly is a list that collapses or expands based on how much you dragged, ...
2
votes
1answer
136 views

Use inline table editing or multiple rows of dropdowns?

What is the preferred approach when the goal of a page is for a user to edit some values of multiple combinations? Inline editing in a table or multiple rows consisting of dropdowns and inputs? The ...
2
votes
2answers
166 views

How to merge login/signup into one option

Currently for our platform, we are using facebook login & Mobile number verification for login and sign up pages. User does not need to have any additional password to complete his registration. ...
2
votes
2answers
166 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 ...
2
votes
3answers
498 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 ...
2
votes
2answers
672 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:...
2
votes
1answer
295 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 ...
2
votes
2answers
216 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
1answer
123 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 ...
2
votes
6answers
565 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
107 views

UX for Range Control within a Carbon Footprint Tracking App

I am working on redesigning the UX for a carbon footprint tracking app. The issue is when it comes to letting users select miles travelled via airplane, car, bicycle etc..with airplanes, the data ...
1
vote
0answers
36 views

Custom select component with filtering

Custom select components are seen everywhere these days due to the limitations of the native HTML select element. Ignoring the virtues (or lack thereof) of select components (c.f. https://gerireid.com/...
1
vote
0answers
21 views

Google Forms with Interactive Passage Design?

I'm currently trying to design an editor for an application where quiz questions are linked to specific parts of a passage. This editor is essentially for people to create these type of special ...
1
vote
0answers
55 views

Are there any similar progress bars with interactions like this?

I'm actually looking at circular progress bars that can fit in the 45px x 45px space, as such there's a limit to what can be displayed (so the typical long and narrow progress bar isn't going to work ...
1
vote
1answer
50 views

Browse and select from a list at the same time

We're looking for a way to cut down on pogosticking - users popping back and forth between a summary view and various detail views. One pattern we're experimenting with is pager arrows, for when users ...
1
vote
0answers
92 views

Best UX for Tree Input

I have made a UI for creating recursive groups that can be made up of many items or other groups. I have a UI that looks like the following: It is not more likely one way or the other that the tree ...
1
vote
0answers
37 views

What are the best ways to redirect user from page 01 to page 02 and then redirecting them to screen 01?

I am working on a feature where I have some constraints. To perform an operation on screen 01 I can't use a modal and have to redirect users to screen 02 for performing operations (As it involves ...
1
vote
0answers
38 views

The right Layout grid for iOS UI design

I just downloaded the free iOS 13 GUI for figma and I tried to see whether their app templates follow a standard grid layout format, and by the way it looks they don't - components are not aligned ...
1
vote
0answers
35 views

Is there any guidelines regarding forms cancelling on iOS 13?

iOS 13 added the “swipe to dismiss” feature to form sheets. I’m trying to find how to manage saving and cancelling on my forms to be as practical as possible. On native apps I took a look at iOS ...
1
vote
1answer
76 views

How to express multi condition rules with flow diagram or truth table

I have a below mentioned multiple variable which match with the other variables and gives output like FALSE, HOLD or TRUE. I have tried to represent it here in table format. Variable ...
1
vote
2answers
86 views

Segmented control at the bottom of the screen in iOS

Is this a common pattern to put a segmented control at the bottom of the screen? I've seen this only in the native iOS 13 Photos app. This is a segmented control on the screenshot below, right? If ...
1
vote
0answers
140 views

Soft input panel for 480x320 LCD screen

I'm working on a Qt-based C++ project. The project includes a 480x320 TFT LCD screen for display. The screen is also capacitive and used for touch-based input. The screen is about the size of a credit ...
1
vote
2answers
165 views

How to support a “Save draft” to a wizard approach when the user takes a long time to complete a step?

I have simple user workflow, in which the User has to complete the process sequentially. But the step 2 might take a day or more to get completed. In the Current UI, If user decides to complete the ...
1
vote
2answers
55 views

What is the name for component of menu board in front of home slider app

What's the name / the called for the component of menus board in front of home slider app. Usually it's contains of several feature services/action of the app. I mark with red frame on this image ...
1
vote
1answer
175 views

Android UX/UI guidelines for smaller vs larger screen size and pixel densities

I'm an Android Developer that's not all that well versed in UI/UX design principles. In the projects I work on, I find that the biggest issue is accounting for the myriad of screen densities and sizes....
1
vote
2answers
88 views

Are there services out there that allow you to easily upgrade or downgrade?

I noticed that in many different types of products and services that offer a few different subscription plans, upgrading is easy. Downgrading, on the other hand, is a bit discreet. In most of them, ...
1
vote
0answers
54 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
1answer
241 views

How can I show a document preview alongside a form in a responsive way?

My registration form requires the user to input Information A and Information B , which are printed on documents only they have access to. Since I have to make the form responsive for all kinds of ...
1
vote
0answers
80 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
1answer
291 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 ...
1
vote
2answers
247 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
0answers
52 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
0answers
156 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
58 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
2answers
284 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
1answer
865 views

What is this called in GUI? A “panel” that contains tabs

I have a feeling this answer will depend on everyone's opinions and which design spec they follow. However, maybe it will give me a broader perspective. I have a "panel" (as best as I can describe). ...
1
vote
0answers
35 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
287 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
237 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
0answers
18 views

Time picker with blacklisted times

What would be a good design on an app for a time picker, incremented by 30 min with some blacklisted times? So for ex. 9:00am, 9:30am, 10:30am 12pm, 12:30pm etc. checked all over for inspiration, but ...