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
14
votes
5answers
1k views

How to represent a numeric input that is limited to increments of some number

I have a requirement for a form that restricts a field value to fixed increments of 50 and I'm not sure what would be the most elegant way to represent that constraint in a meaningful fashion. The ...
11
votes
4answers
1k views

How to present Actions (eg. CRUD) buttons without taking focus away from main content?

I am looking for a way to present Actions (eg. CRUD) buttons while not taking focus away from main content. It'll be great to see examples of good application design (I am doing a web app (probably ...
57
votes
9answers
12k views

How to visualize the possibility of drag'n'drop?

My web application contains a list of elements, which can be sorted by drag'n'drop. How should this feature be visually represented to users?
43
votes
17answers
13k views

Should the OK/Cancel buttons be aligned right or centered?

Where should I put the OK/Cancel buttons on my dialogs? At the bottom centered or aligned right? I've seen both and I personally don't care, but I want to create a consistent look across my ...
9
votes
7answers
836 views

Is there a “nice” way to show navigation icons so they don't clutter the UI?

I've got a small desktop application that scans music folders and randomly chooses an album to play. The first version is WinForms and has "previous" and "next" buttons next, to the album art, that ...
8
votes
4answers
1k views

How many elements are too many for one screen of a mobile (iOS/Android) application?

Without scrolling, what would be the maximum amount of centered buttons I could arrange on a vertical axis before it became too cluttered? Interface Builder gives suggested distances between elements,...
21
votes
12answers
2k views

Should form labels be placed inside of input boxes and slide out of the way?

Is it good idea to put form labels inside input boxes? In this case, the labels slide out of the way when the user clicks on the box. See here live example of form
-1
votes
2answers
113 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 ...
11
votes
4answers
23k views

iOS Settings Standards: Using Checkbox Rather Than Switch

If you are familiar with iOS devices, you know that the settings application uses the UISwitch control to show that a parameter is enabled or disabled. This control appears as a toggle switch and even ...
0
votes
5answers
97 views

Does hover state button text need to meet accessibility guidelines?

I've got a basic understanding of accessibility and how it applies to visual elements of your product and I'm keen to apply guidelines as best as I can. My question is does the hover state button ...
1
vote
1answer
63 views

Native date pickers VS Custom date pickers

What is the best practice use case for (calendar) date pickers? Native or custom? Native looks great on iOS and Android devices, however when we look at non-mobile calendar pickers the browsers vary ...
0
votes
1answer
58 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
3answers
101 views

Status Bar with several Stage

I would like to have some opinion on the design, I made to represent the product process QTY. At each stage, i should show to the user, how many of his requested product has been proceed. If there are ...
11
votes
6answers
738 views

Button bar: criteria and position

Me and my team are (re)thinking some UI details of our main application. It's a "traditional" desktop application for the Windows platform. It's a business targeted application, and our customers are ...
3
votes
2answers
233 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
3answers
55 views

What is the best location on a form for an information icon?

I am trying to create a form for my web app, which requires information elements to be added. In general I would refer to the documentation of the framework that I would be using (which in my case ...
10
votes
9answers
6k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
0
votes
2answers
384 views

Best way to express relationships in a Tree View?

I understand that a tree view is used to express a hierarchy and relations and for grouping but I'm struggling with what if two things in different groups on the same level have a relationship and how ...
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 ...
11
votes
3answers
27k views

How many characters should typical address fields allow on an international website?

On an HTML form, What is the maximum amount of characters that should be allowed for: Street Address 1 Street Address 2 Town/Suburb State/Province (I would have drop downs for main countries, but I ...
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, ...
0
votes
5answers
224 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 ...
1
vote
3answers
885 views

Multiple elements same action

I have a fundamental question. Is it gonna be a bad UX practice if I use two separate elements, with different UI design, to do the same task? For example, I wish to have a fancy button on the middle ...
32
votes
5answers
6k views

Is scroll within a card good or bad? (In desktop)

I am designing a board view which has card design with huge data in it. So, I am using scroll in a card. Is that a good user experience or is there any better solution?
3
votes
3answers
121 views

Length of Page Concerns

This is a reoccurring problem among clients I work with, so wanted to see if anyone else had some insight. Every client I design for tends to be hyper-aware of page length, with the tendency to fret ...
5
votes
5answers
780 views

can you have duplicate Call to Actions (CTA) on a Page?

What is the number of duplicate CTAs that we can have on the page? For example, "Request for a demo". Can this CTA appear more than once? Thanks in advance. :)
5
votes
2answers
1k views

Showing single file download and multiple file download options?

Background We are creating wireframes for a website that acts as a repository for where users can download various files. Users should be allowed to download one file at a time and also multiple files ...
9
votes
7answers
865 views

How would you handle two separate “save” buttons for different sections on the same page?

I notice on this particular page in Basecamp that they have two different buttons that are meant to save changes to two different sections. One section is above the fold and clearly has a "save ...
3
votes
3answers
203 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 ...
0
votes
3answers
113 views

How to show a segmented control and multiselect buttongroup at top of a list

I'm struggling on how I can present the following to my users and that they understand how it works: In a desktop app, we have a 'Recent' phonecalls list. This list shows all calls that came in and ...
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 ...
2
votes
1answer
60 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 ...
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 ...
2
votes
3answers
881 views

Android Material Design: Should text field and button have same size?

I'm making a login view using material design guidelines, which makes me confused whether the text field should be and the login button must have the same size?
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
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 ...
60
votes
9answers
8k views

Adding a “none of the above” option to a list of checkboxes

I am working on a series of complex life insurance forms and trying to optimize using standard conventions... I have this nasty list of medical diseases and a mutually exclusive option, "None of the ...
0
votes
1answer
61 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 ...
14
votes
5answers
5k views

Fixed width for buttons or proportional with the text?

What is the best practice for a UI, to make all the similar buttons with a fixed width, no matter how long is the text (with the condition to fit) or make the width proportional with the text and add ...
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 ...
4
votes
3answers
196 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 ...
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 ...
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 ...
3
votes
3answers
314 views

What to call the specific pinch gesture

Pinch is used to refer to the thumb and index finger either coming together or moving apart. Therefore, just to refer to it as pinch isn't exactly accurate because I need to refer to the exact ...
1
vote
2answers
271 views

At this point, placebo buttons are still helpful for users in web design?

I had this question related to the redirect buttons. Some apps or websites need time to save data before making a redirect or load some content. Usually, an action from the user can't help. In these ...
88
votes
9answers
16k views

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

I would like advice on whether a disabled button is better than no button for a certain UI. Basically, the regular (experienced) users can either comment on an issue or close it; the users with ...
92
votes
11answers
40k views

Should a button become lighter or darker on hover?

We're having a discussion in the office about whether a button should become lighter or darker when a user hovers over it. Here are some examples from the field: Apple "Buy Now" button (Second is ...
450
votes
21answers
78k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
0
votes
1answer
1k views

Toggle button/switch: is there a standard way to indicate the currently selected state [duplicate]

We are implementing a toggle to switch between two different ways of showing data in a table. I created a mockup for the toggle but shortly afterward realized that people are very divided in how they ...
0
votes
1answer
146 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 ...