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.

90 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
3answers
180 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 ...
4
votes
3answers
195 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 ...
4
votes
2answers
208 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 ...
4
votes
4answers
329 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" ...
4
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
1answer
70 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
2answers
182 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. ...
3
votes
3answers
195 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
5answers
681 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
856 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
1answer
23 views

How to display comparison of two versions of a blog post?

Suppose I develop a blog web application with a blog post editor. The blog posts are stored as JSON files. The web application renders these JSON files to display blog posts with their titles, headers,...
2
votes
1answer
117 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 ...
2
votes
0answers
101 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
55 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 ...
2
votes
1answer
143 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
167 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
549 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
683 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
296 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
220 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
125 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
39 views

Best way to select answers for a questionnaire which carries points based on the option selected

I am designing a screen in which a doctor/nurse fills the form based on the patient's symptoms. Each answer carries points which gets added up in the end to calculate the severity of the illness. I ...
1
vote
1answer
67 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
56 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
52 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
96 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
39 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
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
77 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
97 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
141 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
192 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
57 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
0answers
79 views

Suggestion in putting nav bar in centred website design

Can anyone suggest where I can add navigation bar in this kind of design. items I want on the nav bar logo (optional) call to action button one more link user/profile/login/signup Can anyone ...
1
vote
1answer
145 views

conceptual, semantic, syntactic, and lexical levels

In relation to symbols or icons, the conceptual level is defined as the mental model of the viewer; semantic level is the meaning it conveys; syntactic level is attributed to its aesthetic quality or ...
1
vote
1answer
177 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
91 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
3answers
123 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 ...
1
vote
0answers
55 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
255 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
86 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
297 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
271 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
53 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
157 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
1answer
880 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 (...