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
2
votes
3answers
97 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,...
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 ...
4
votes
2answers
95 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 ...
0
votes
2answers
262 views

Two Logos in One Page Website

I have a question on the color combination that I will use since I have a website that two logos should be placed. My problem is that the two logos have very different color schemes. The first logo ...
33
votes
12answers
10k views

Why are enterprise application UI boring/dull

I work for a big software company, and i have access to a lot of enterprise now and then . I have also worked on a few application myself . What i have noted that , these applications have fantastic ...
57
votes
10answers
20k 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 ...
1
vote
3answers
105 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 ...
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
2answers
113 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 ...
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 ...
2
votes
2answers
242 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 ...
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 ...
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, ...
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 ...
1
vote
3answers
114 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 ...
3
votes
3answers
229 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 ...
2
votes
4answers
263 views

Are icons in business software helpful?

My team and I are working on a re-design for an internal software that people within our customer service use to track shipments in real-time. I am thinking about a way to efficiently show different ...
0
votes
2answers
103 views

iOS App with two states and mostly different content categories

I’m working on a medical iOS app for university. Our users are usually 55+ years. I’m currently struggling with the navigation flow of the app. We basically have two states, pre and post-surgery. ...
1
vote
1answer
371 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 ...
2
votes
2answers
162 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
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 ...
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 ...
3
votes
3answers
4k views

What are best practices for blocking UI when application is busy

I'm writing a web app using Twitter Bootstrap with PHP on server side. My app makes regular ajax requests via jQuery and i want to disable certain parts of the UI until the server completes processing ...
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 ...
2
votes
3answers
154 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 ...
0
votes
2answers
271 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
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 ...
2
votes
2answers
250 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 ...
0
votes
1answer
94 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 ...
2
votes
2answers
1k views

Modal or new Page for product description?

I have a question it's kind of research and I have researched a few before posting but I want direct pros and cons for my concerns thus I am posting this question here. I have a page which has a sort ...
1
vote
1answer
369 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/...
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
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
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 ...
56
votes
10answers
13k 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?
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 ...
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
5answers
342 views

How consistent should icons be in sizing?

New to UX and confused about size consistency. I know icons that belong in the same group are supposed to have the same visual weight, but what if there's different groups of icons on the same page or ...
7
votes
4answers
288 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+ ...
1
vote
1answer
234 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 ...
3
votes
2answers
310 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
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?
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 ...
42
votes
4answers
144k views

Is there a design pattern for dropdown lists in iOS?

I've searched quite a bit for this but surprisingly could not find any comprehensive answer. XCode doesn't provide any simple way to add dropdown lists to iOS interfaces. Stackoverflow just showed ...
0
votes
1answer
121 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 ...
0
votes
2answers
218 views

Laying out radio buttons and text area in a dialog

I have a dialog where I need to lay out radio buttons and their corresponding text and icons, and a text area. This is my current dialog layout, where the colors denote the icons. Note that the last ...

1
2 3 4 5
53