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
0
votes
0answers
35 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 ...
1
vote
2answers
147 views

What is the best way to design a 'debt' screen

So I've been searching for this, but I think Google thinks I want to know about 'UX debt'. The thing is, I've been assigned to design a new screen for when our customer hasn't paid for the service. ...
0
votes
5answers
209 views

Is adding multiple search buttons to the same filter a bad User Experience?

I am working on shopless e-commerce website. We have multiple filters on the left hand side and the search result appears on the right: So users can change the filter values on the left and then ...
3
votes
3answers
197 views

How can I represent something good for user and bad for the business in a graphical way?

I have this interface which is a stepper that asks user for several medical conditions. Based on the results, we have 2 final options: if result are bad, user will benefit from the business' service ...
2
votes
1answer
59 views

Prevent element jumping when error occurs

I'm working on a video editing application. It can have multiple layers and when a layer has an error, like corrupted frame, it displays an error message under the layer name. The problem is, when I ...
0
votes
0answers
32 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
52 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
1answer
60 views

Bulk Upload Interface and Flow

I have a bunch of desktop applications that do bulk uploads (they allow users to upload data from a spreadsheet into a database). The bulk upload programs do data validation, as incorrect data being ...
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 ...
0
votes
1answer
144 views

Too much content. Too little space

Images and text to be placed in a limited space are too many and unrelated. I can't tell what to do. What can I try as a UX designer when I can't determine the size of the space and what needs to be ...
4
votes
3answers
185 views

UI Pattern for interdependent settings?

I've been trying to build a configuration screen for a network appliance that needs to be configured by the user and has multiple parameters that each influence the max values of the others. The user ...
27
votes
7answers
6k views

Should I hide continue button until tasks are completed?

In a multi-step wizard, some of the steps present the user with a list of tasks that must be completed before continuing to the next step. Each task in the list opens a popup where the user completes ...
1
vote
1answer
116 views

Ux ideas for search bar with multiple entries

Im trying to create a search bar that is able to search multiple keys and values. An example of the use will be "type: car, model: toyota". The available keys will have autocomplete. My initial idea ...
0
votes
2answers
106 views

Any Alternative to Slide in Panels that does not compromise UX?

We are in the process of developing an Enterprise level Web Application where certain screens have cards housing some information on them and are clickable. Upon click instead of a Modal we have ...
1
vote
4answers
120 views

What usability issues occur with an application form only showing one question at a time?

My client is thinking about having an application form, with approximately 25 questions. The type of questions will be personal information such as name, date of birth, address, as well as financial ...
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 ...
0
votes
2answers
132 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 ...
3
votes
3answers
97 views

IoT offline - what should you be able to access

I am working on an IoT system, which connects many different products via a gateway. Now we had a big discussion what the user should be able to access when the gateway or one of the devices is not ...
1
vote
2answers
92 views

Is a table a good idea for navigation?

We're discussing in my office about having a table where every row is clickable and used for navigation. Is that a good idea? The context is: "Users" are involved in "projects", a "project" contains ...
0
votes
0answers
38 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 ...
22
votes
6answers
10k views

Modern approach to radio buttons

I am working on updating the UI/UX of a 20-year-old application and I seem to be stuck at this particular use case. On clicking on the New button, the system asks the user to choose one of two ...
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 ...
5
votes
7answers
325 views

How to collaborate with UX developers

Currently my team (a product team) designs mockups of UI impovements and enhancements using screenshots painfully stitched together. We then pass them off to the technology team who tries to replicate ...
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 ...
1
vote
4answers
123 views

How to indicate field is locked and contains auto-generated value?

How can I emphasize that the value in a field is auto generated and not editable? User must see the generated code. User must understand that the code is generated as per above fields completed ...
0
votes
3answers
132 views

Scrolling with more whitespace vs Everything on one page

Our end-users are used to an old B2B application which contains really small inputs and information that is so close together that it is difficult to distinguish. As a result, users complain a lot ...
0
votes
2answers
62 views

Best way to insert a clear button in a datagrid cell

I have a datagrid (or, more general, a data structure) in which the user, with a proper button, can clear data by only one column. Since that requirements force me to implement different moments to ...
2
votes
1answer
86 views

How to use input fields that automatically get a value while filling in the form?

Imagine we have an inventory management system. It contains a form where the user can fill in a placed order. The order has some properties like: Date Supplier User who ordered it Total price VAT (...
0
votes
1answer
33 views

Course review form - include link to course details

I'm currently putting together a design for a review form for a course e-com site. However, I'm unsure whether or not I should include a link back to the course details page. My worry is that ...
1
vote
5answers
145 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 ...
0
votes
1answer
36 views

Animations and complex graphics required?

Hey guys I need some suggestions, I am developing a domain website on health care where specialists surgeons doctors who treats specific health problem. Is having animations,sliders, gradients makes ...
1
vote
1answer
48 views

Hiding the keyboard in a mobile app with a chat

I'm having some trouble hiding the keyboard in a mobile app with a chat hover the main UI (3). On iPhone, this action is usually done by clicking on the zone (3) or dragging down. But in my ...
1
vote
4answers
111 views

Is it correct to delete a button that opens a section, when the section is open?

In a particular scenario, I have a button in the main window of application that, when pressed, opens a specific "command" section. When this section is open, is it correct to delete the button that ...
0
votes
3answers
71 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
4answers
160 views

Correct way to show that software is connected to an instrument?

Let me start by saying that I am a software developer, not a ui/ux designer at all, but in my company I need to cover this role too. I am developing a desktop software that manages some particular ...
4
votes
3answers
407 views

Do people actually use the zoom buttons on a map?

Between touch screens and scroll wheels, are the + and - zoom buttons on a Leaflet map really necessary? I'd really like to remove them if there's no significant case for keeping them there. Not just ...
1
vote
1answer
53 views

What are the correct steps to build a SaaS B2B company UX experience?

I'm currently working for a SaaS B2B project in a specific niche, and this is my first experience of a kind. On of my first toughts is to have a consistente user experience throughout the customer ...
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
2answers
63 views

Fit Large Text in a Quizz Layout

I'm trying to make a Quizz section for my app in android the problem is that it may have large Texts in it and i want to make it easy to read and to answer i came out with this design but i think ...
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 ...
0
votes
2answers
68 views

What is recommended spacing between controls for a fat finger friendly interface?

I have tried searching anything related to fat finger friendly sized controls and spacing between. I could only find that it is a common rule to make controls at least 44 pixels big (from what I ...
0
votes
1answer
69 views

Reusable named colors list to use across all mobile apps?

I'm trying to define a (map? / protocol?) for the mobile apps colors between the mobile developer (I represent) and the UI designer, to easily use it in our apps and to achieve consistency among all ...
33
votes
4answers
4k views

Multiple options vs single option UI

On the dashboard we are building we got 2 sets of options users can pick: Multiple options (checkboxes) and single options (radio buttons behavior) while the look of the components is similar, ...
0
votes
1answer
42 views

Nonmodal pop-up vs application-modal pop-up [closed]

I am not sure whether the "join our mailing list" pop-up shown when the page "https://www.lemonadela.com/" first appears is considered a Nonmodal pop-up or a application-modal pop-up. Could you ...
0
votes
1answer
28 views

Suggest Visualization for Control line & Waning line

I need to show 100's parameter & its current value with respect to Upper/Lower Control value and warning value. Each parameter has different Control/Warning line. If value is close to warning ...
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'...
1
vote
2answers
111 views

Should I show database-generated IDs to the user?

I'm working with a UI where users can create records that represent people. The user enters multiple fields (Name, Age, Married status), but I'm wondering how I should display duplicate data. It ...
0
votes
1answer
37 views

Sidebar positioning on mobile - review form

I'm updating a review page where users are asked to leave feedback on their recent course purchase. Students who purchase courses on our site don't instantly get access to their course. Some users ...