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
2answers
39 views

How to design a UI to reduce eye fatigue?

I am an operator for a large piece of industrial equipment that has a new digital interface, but operating that equipment requires staring at a computer screen for several hours to ensure that ...
0
votes
2answers
116 views

How to distinguish between a selected and important menu item?

If you wanted a user to distinguish if a menu item is important and not selected. How will you represent the difference between the selected and the important menu item? The only idea I would come up ...
0
votes
3answers
87 views

What would be a good UI element to give user ability to enter arbitrary text, or one of several special values?

Specific example is that we have a form which allows searching of issue tickets. One of the fields we want to allow search on is the assignee, currently this is a simple textbox. We also want to give ...
0
votes
1answer
56 views

Applications with different gradient backgrounds

I am currently designing a new range of applications for a customer in HR. The goal is to provide all different core applications like planning, contracting,... as a separate software as a service ...
2
votes
2answers
134 views

Icons for indication vs. icons for action

I'm working on some tables that use both non-clickable indication icons (the R and the Repeat icons on the left) and clickable action icons (the dollar sign and printer icons on the right). I think ...
1
vote
1answer
62 views

How do I make a split input that is regex friendly?

I have a web application that requires the user to enter text that is used to split another string. While I want it to be regex-friendly, I don't want it to confuse new users. For example, if the user ...
1
vote
2answers
101 views

User Experience (UX) - latest patterns to represent one-to-many relationship

I have a requirement where there will be a Item - with details like Name and Owner Each Item can have 0 - 50 locations in different statuses. User should be able to add a location for an item. User ...
0
votes
1answer
32 views

Minimum table column width when resizing the column

In the table that I’m working on, user are able to resize any columns within the table. However, we would like to prevent user from resizing the column to a point where it’s like collapsing the column....
0
votes
1answer
54 views

Date range and predefined values, tips for userfriendly and productivity

I need to add a date range for a filter. I would like it being quick and userfriendly and I've thought in something like the image below. The drop down target is to save user time but the user must be ...
1
vote
3answers
116 views

Useful UI themes that add value

I am trying to research content about UI themes that add value. Normally this is associated with vanity customization, but I find certain themes quite useful. A high contrast theme is valuable for ...
0
votes
1answer
32 views

Why in some Dribble UI's User Avatar (user settings) are kept in bottom left?

Just curious, I saw in some of the dribble shots are designed with the User Avatar in the bottom left of the screens and also noticed on BitBucket UI. Is there any usability factor for keeping it at ...
0
votes
1answer
77 views

Is it better/less confusing to show the user a longer list of options with some disabled, or only show the available choices?

This is regarding a signup/scheduling request form: In my business (appliance repairs), there are multiple manufacturers and products: Refrigerators Washers Dryers Microwaves Stoves We don't work on ...
1
vote
0answers
29 views

Adding an option that only works with some buttons and options

I am a software developer for a plugin for Blender. I am new to UX, but have created UIs and GUIs for some time. My plugin has three buttons - two with filter options grouped visually with them. Above ...
0
votes
2answers
77 views

How should sub-items behave with multi-select controls?

The scenario: A user can add individual items to an order, or use a template to get started, which preselects several items. If a template is used, the user can de-select items that they don't want to ...
3
votes
1answer
78 views

Accessible successful status message

I'm working on a screen where it is like an order form and has a functionality to allow user to save the details they input as a draft. Upon saving the details, I want to display the message that the ...
0
votes
0answers
45 views

Managing groups, users and their roles and permissions

I'm working on improving the current layout for managing group and user permissions - mainly the presentation of these things. The way it currently works is that all permissions from a group (Read/...
0
votes
1answer
36 views

What would be a standard indicator for a selection set to default?

I have a table with different user options. These options are either coming from a base template (Standard), a customized base template (Custom), or a customized base template that has not yet been ...
3
votes
1answer
103 views

When to use split button vs more options button?

When do you typically use split buttons vs a button with more options (ellipsis)? From how I understand it, split buttons are for grouping related options with one most common option surfaced?
0
votes
1answer
70 views

Which is the best approach for key value pair representation in mobile material ui

I am having limitted data for a page as given below Key Value First name John Last name Doe Phone +9099999999 City Chicago I want to represent the above data in an Android view. I tried to avoid ...
7
votes
4answers
289 views

How exactly do designers choose the colors they use?

I've been questioning myself for a while now how UI designers choose the exact colors that they end up using. I think that the Windows 7 user interface is a good example of this (in Windows 10+ ...
0
votes
1answer
122 views

Kanban Board With Stacked Lists

Does the definition of a Kanban board permit stacked lists? In other words, can an individual column contain multiple lists (rows). If not, is there another design similar to a Kanban board that does ...
23
votes
9answers
6k views

What are some good alternatives for using a lot of icons in software?

This is my first time posting here. The company I work for uses A LOT of icons (100+) in every color to specify the meaning of a specific table row. See the image below for clarification: I've been ...
0
votes
1answer
95 views

Expander before selector? Or other way around?

The scenario: I'm designing a table that will have both expanders (chevron icons) and multi-select action checkboxes on each row. Expanded, the rows look like this (and will eventually have more data ...
11
votes
4answers
2k views

Displaying 2 lines row/result in a List view and UX

I am seeing that when showing results based in 2 lines, the perception from end-users is not good or as intuitive that in a single line result (even having a slightly different background color) Is ...
0
votes
1answer
51 views

Multi-select tree in which parent also is a child

I am working on a multi-select tree in which the user should be able to select all children of a parent. Normally you would be using the parent checkbox to do so, but in this case it should also be ...
0
votes
1answer
54 views

Wich one do you think is a better solution for the product card of a grocery app

Which of the options do you think to have better usability for the product cards for a grocery app (Shoppers) The problem: I need to give to shoppers a better visualization of the basic products ...
38
votes
4answers
6k views

Why did old websites make use of so many images as UI elements?

I've wondered this for a little while: Why did old websites make use of so many images as UI elements? If you use the Wayback Machine to go back to some of the most popular websites in the past, you'...
0
votes
1answer
97 views

Seeking a better find and incremental replace navigation UI

I'm working on a custom text editing application for a line of business app, and as part of this, I need to implement Find and Replace, and, in particular, Incremental Replace. By this I mean the ...
0
votes
0answers
111 views

Examples for a modern home screen in a Windows desktop application?

I have a 15 year old Windows desktop application, and I'd like to refresh the look of it to be more modern, in line with current trends in UI design. The main functions are launched from a home screen ...
1
vote
2answers
111 views

Are enabled checkboxes and radiobuttons dark pattern?

My research on dark patterns opened insights on examples which may be confusing such as enabled checkboxes and radiobuttons. If they were provided in an "enabled" state to the user's would ...
1
vote
1answer
140 views

Table (in the modal window) with actions which require another step

I have a modal window with a table of items. Items have different statuses and the user can change the status. For example, from Not shipped to Backordered. The problem is when yo have the item ...
0
votes
1answer
71 views

APPLE phone devices unequal grid layouts [closed]

What is wrong with APPLE's phone devices when it comes to grids? It's impossible to get equal margins no matter what you'd do. Here is an example: Original image link May anyone have a solution for ...
1
vote
1answer
53 views

How should mouse sensitivity be represented on the settings screen?

Video games often allow the player to configure mouse sensitivity. What is the most intuitive way to represent this setting in the user interface? What should the option be called? If it is numerical:...
0
votes
1answer
100 views

Direction of dropdown arrows when the relative position of the UI component and content is reversed

There has been previous discussions and debates relating to the way or the direction that the arrow should be displayed on a dropdown UI component for the hidden and shown states. This question ...
1
vote
2answers
120 views

Improve the current UI library or build a new one?

I recently joined a company with a small team but not a startup. I'm working on a CRM SaaS product, which has a few years, but it's not very sophisticated (UX and UI wise). When they started to build ...
3
votes
2answers
578 views

Mobile ui design - Scrolling effect to hide navbar and show it on scroll up

I am looking for examples of the effect used mostly in mobile design, where by scrolling down the navbar hides from view, and by scrolling up again it returns in view. Does this effect have a specific ...
0
votes
2answers
153 views

Is a good user experience to display actions on the top of the screen on the web?

Navigation on the top of the screen is common on the web. To add actions like "Edit", "See details", "Copy" in the navbar is more specific on the desktop. Fluent UI, ...
0
votes
1answer
126 views

Why do desktop apps not use pointer cursor [duplicate]

I was wondering if there is a reason why most desktop applications don't user a pointer cursor (pointing hand, see below) to show that a button or element is clickable, but always show the default ...
0
votes
2answers
81 views

Asking for feedback about header colour [closed]

Which header do you think is better? Light grey: White with shadow
0
votes
2answers
112 views

UX patterns for manual review of error messages

I have a set of 80+ automated tests that run every morning on all the datasets in my database. Some are critical tests and some are non-critical. Any failed tests record in a DB table the dataset that ...
1
vote
1answer
44 views

Specific name for a collapsible bottom drawer menu?

I am looking for examples of this, because I eventually want to use it in a long scrolling Jupyter notebook - however, when I use "collapsible bottom drawer menu" in search, I mostly get ...
0
votes
0answers
59 views

Why would someone use a button as a link and vice versa

I've seen people trying hard to make an <a> tag look like a <button> (by CSS), and people doing vice versa. Why would they do that? IMHO, they encourage clicks on (fake) buttons, and ...
1
vote
2answers
117 views

Positioning a small, unique control, next to a very large one

I have a really small UI control that looks strange next to a very large one. This small control is what allows me to select the data to present in the list view. The button on its right, opens a ...
2
votes
3answers
129 views

Is there a proper term for this type of "connected widgets" paradigm?

Is there a proper term for this type of user interface? I'm looking to research libraries to use for a project, but "connected widgets gui" is so generic, it just brings up results for GUI ...
2
votes
1answer
38 views

Should I resize a window on language change

In my desktop I have a settings dialog that after I change the app language there's a label text gets too big for its space. I want to know if it is good practice to resize the window after a language ...
2
votes
1answer
44 views

Using only arrow keys, navigate from a scrollable gallery to action buttons

I have a gallery of images which scrolls vertically. There is no limit to the amount of images, so the gallery could scroll for a long time. Outside of the gallery, there are "action" ...
0
votes
0answers
14 views

UI for enumerated OpenType font features

Can you think of a tidy and efficient way to present 1–99 different text display options to users, given that more than one option may be active at any time, and text selection may include multiple ...
2
votes
1answer
93 views

What are some modern examples of "steps involved" UI user patterns?

I need to create a UI element for my website that illustrates how the main process works, using some steps. The element will have the header "How It Works" followed by three steps. However, ...
5
votes
2answers
262 views

Stuck with my UI design

I am facing sort of a mental block while redesigning a new UI at my Job. The previous UI was not user friendly and we received a lot of feedback to make it better. Now, finally after 2 years our team ...
2
votes
2answers
651 views

Decrease the font size or break to a new line with multiple languages?

I would like to know what is the better way to deal with the following issue: A website supports multiple languages; some of them fit on one line of a container, while others do not. Is it better to ...

1
2 3 4 5
53