We’re rewarding the question askers & reputations are being recalculated! Read more.

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
1
vote
3answers
89 views

Search box layout problem

I have two similar kind of searches: Clients: can be searched by code, name, state (active or inactive) and zone. Companies: can be searched by code, name and zone. Client zone and companies zone ...
2
votes
2answers
201 views

Where should I put the delete button?

I have a sidebar which shows all links that users saved. Since it's just a sidebar, I want to keep it as simple/clean as possible. Thus I use the cross icon next to the link for deletion. Option 1 ...
0
votes
2answers
79 views

What order do stars get filled out in RTL locales?

I am implementing a star rating system for an app, which should support several RTL locales. Right now, when the user hovers over a star, all stars to the left of it are filled in, like so: ★☆☆☆☆, ...
1
vote
2answers
70 views

Should I use wizards steps if the user won't finish all the steps at the same day?

I'm currently designing a system and there is this specific functionality that the user has to complete a series of steps, but the last step won't be completed at the same day (it has a specific day ...
0
votes
3answers
72 views

How can i show and save details of two inter-related editable tabs on same page?

I am working on this sales app, where the manager can assign a sales target to an individual salesperson. Now the " Target Amount" can be split into two ways: 1) By adding Items and setting the ...
2
votes
2answers
116 views

Name for design pattern used in complex or boolean search criteria

I am looking to see if there is a term that describes this type of design pattern or if there are well known examples of its implementation. This is an extension of the design pattern where a search ...
1
vote
4answers
101 views

Progressive disclosure on multi-selection interaction

I have a screen where the user can select between 3 options. These are multi-selectable. However, each option has specific settings (minimum 3, maximum 8) for it. How should this be displayed? I ...
2
votes
1answer
168 views

When to use Apples 'SF Rounded' font?

Apple uses in certain cases 'SF Rounded' for big titles and number values (e.g. Apple Pay Transaction Detail), in many other cases they still use the regular SF font (e.g. calculator, timer app). Is ...
0
votes
1answer
94 views

Is it ok to mix black with other bright colors in the UI?

I'm a UI developer at a small organization. I've been developing an application and I chose orange, black and white as the predominant colors in the palette. You can see the attached image to get an ...
0
votes
1answer
95 views

Web UI for categorizing a list of items

I have a web page that displays a list of 100+ items (where each item is a row containing an image plus some metadata) that I would like the user to categorize into "A" or "B" or neither but not both. ...
0
votes
3answers
213 views

Pick one date/time over multiple days

I have a website that lets the user select a specific time on a specific day, like "2PM on Wednesday July 2, 2019". I've tried a number of options, but they all seem clumsy. A multi-row single-item &...
1
vote
2answers
73 views

How to display a filter for a list of podcasts?

We're working on this huge site that includes a podcast section. The podcasts are done by many different people (no repetitions), and there are like 70-80 podcasts so far, adding one per week. Client ...
0
votes
1answer
59 views

Media Creation - What's an Alternative Terminology for X & Y Axis?

I'm creating an online media editor and am struggling to find alternate/correct terminology for aligning something (media) on the X-axis & Y-axis, or maybe these terms are understandable for users?...
0
votes
0answers
45 views

How do I use a block UI overlay without losing UI events?

Our application is a web app with a backend server. Each page in the web app has this structure. Header Body Footer The normal use case is User navigates to a page. User edits the fields in the ...
2
votes
1answer
115 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
3answers
167 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 ...
2
votes
7answers
471 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
3answers
81 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 ...
0
votes
1answer
71 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 ...
3
votes
2answers
297 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. ...
2
votes
1answer
152 views

Is there a best practice for sidebar width on mobile?

What is the best practice when it comes to sidebars and user experience on mobile? Is it better to have one that is full-width or one that is 85% width with 15% backdrop? What are the benefits or ...
0
votes
5answers
304 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 ...
4
votes
3answers
240 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
64 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
39 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
73 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
99 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
48 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
157 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
237 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
134 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 ...
-1
votes
2answers
133 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 ...
2
votes
4answers
128 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
2answers
114 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
149 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
87 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
101 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
100 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
40 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
32 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
336 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
72 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
131 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
135 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
71 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
98 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 (...
56
votes
10answers
17k views

What color to choose as “danger” if the main color of my app is red

I'm having this question wrapped around my head for quite some time. The thing is that my main application has a red color theme. And for just cancel buttons I used to use just gray colors but now ...
0
votes
1answer
34 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 ...