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
1answer
21 views

When an accordion or collapsible panel is open, are there any concerns with having the header BELOW the panel?

According to this article, an accordion is composed of headers and panels as follows: I will refer to a single one of these elements, with a header and panel, as a "collapsible panel". ...
0
votes
1answer
37 views

Which of these Tags are better

I'm designing a flow that includes adding a special tag to a flight listing component for mobile. This special tag doesn't appear on all flights of the listing and there will be a mix of flights with ...
0
votes
1answer
39 views

Time picker with blacklisted times

What would be a good design on an app for a time picker, incremented by 30 min with some blacklisted times? So for ex. 9:00am, 9:30am, 10:30am 12pm, 12:30pm etc. checked all over for inspiration, but ...
0
votes
1answer
61 views

Should task based interfaces be implemented all-the-way or partially where it makes sense?

We are considering implementing task based interface for our new application. What we are not sure about is should we stick to it consistently for all of our screens or should we leave CRUD screens at ...
-1
votes
1answer
66 views

UX pattern for implementing calendars

In my recent development I am required to implement a calendar view which is having month view for each month for given date range. See below. I have already done the programming part. It is required ...
3
votes
1answer
63 views

What's the difference between Welcome screen, Getting Started screen and Start Window?

Microsoft Office has "Start Window": Visual Studio also has "Start window": This is an example of welcome screen: And this is a getting Started Screen for LabView: What's the ...
2
votes
1answer
151 views

What's the point of responsive/adaptive design in doing UI?

I apologize if this is such a bad question but I have zero clue about web or UI design. I'm a graphic designer but I was tasked to just design a website using Photoshop cause that's what I'm familiar ...
1
vote
3answers
95 views

How to display unavailable items with icons?

I need to display information about what a venue can provide or allow for its guests. The information if an item is available is of the same importance that it is not (e.g. it's important to know that ...
2
votes
3answers
170 views

Why render designs?

How do you use mockups, specifically high quality mockups (not wireframes), in your design process and why/would you recommend them? I'm a developer, in the past my product owners would sometimes give ...
0
votes
1answer
54 views

User interface feedback for minimalist product review page [closed]

I'm a novice currently learning user interface design in my free time. I am currently designing a minimalist product review page for the mobile phone. I would like to get feedback or suggestions on ...
0
votes
3answers
75 views

Users aren't sending us feedback rating

we just launched a beta version of a website, where we included a feedback rating system. A question, five stars and a comment box. However, in three weeks, we had 0 feedback. Analytics show people ...
1
vote
2answers
87 views

How to design the following part without any user confusion?

I've a wireframe that looks like following. I've removed the non-essential parts for the sake of brevity. As per the above image, table has two columns Start and End date and other 3-4 columns. Since ...
3
votes
2answers
148 views

What is the name of the user interface and font in this picture?

This simple, terminal-like user interface was once popular in operating system installers. I recall it being used in the Windows 9X and Windows XP installers, but I recently noticed that the Debian ...
5
votes
2answers
58 views

Why do the dividers in the iOS settings page not go all the way to the left?

The designers at Apple seem to have made a deliberate decision to make the dividers in the iOS settings page not span the full width of the screen. What makes this better than full width dividers?
0
votes
1answer
52 views

How to decide which state is on and which is off in a checkbox

There's a program that draws various types of horizontal lines that anchor to other horizontal objects that are usually a little bit tilted. Some of the lines, by default, are completely horizontal, ...
4
votes
2answers
228 views

Neutralize strong colors

My client has a fixed branding color schema, so I can't change its colors. He asked me to design an accordion component, where the header part is going to be blue color and in the header, I should put ...
3
votes
1answer
63 views

What to do with an empty bottom menu bar on mobile?

I am helping design an app that has different functionality available to different users. These different modules are made available through a bottom menu/nav bar. However we have some users that will ...
4
votes
1answer
127 views

What is the best way to clear text inside a text box?

Usually When using expandable text boxes there isn't a way to clear them unless having a reset button underneath which won't work very well when displaying information in a grid. What do you think is ...
1
vote
1answer
114 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 ...
1
vote
2answers
64 views

Use of lines or Text Boxes

I am currently designing a financial app, which is more trendy and user-friendly, the use of lines or text boxes ?
0
votes
1answer
49 views

Should I align multiple search boxes horizontally or vertically?

Which UI/Ux is better? horizontally placed search boxes or vertically placed? I am trying to understand which pattern is good in terms of UX/UI and reducing the user's effort I am thinking in a way ...
2
votes
3answers
108 views

Selecting between two options in smartphone app?

We have a smartphone app for pizza places, and a user can select to see "delivery" or "carry-out" and, separately, the closest or the cheapes. These are the two options I've found: ...
0
votes
2answers
59 views

Apply theme customization on a financial app [closed]

I am designing a UI design for a financial app, can a user apply different themes to change between colors of the UI, so what themes are best suited for this feature?
0
votes
1answer
34 views

How do I neatly indicate an active entry in a prompt?

I'm working on a software which shows a bunch of entries and also has to indicate that one of the entries is active. This is how my prompt looks: In this case, I've temporarily coloured the active ...
0
votes
2answers
36 views

Control for adjusting ratio between quantities

I am looking for a ui control type which allows adjusting the ratios between at least 3 different scalar quantities. For example, adjusting the composition of a chemical solution, such that a user can ...
1
vote
1answer
41 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/...
1
vote
0answers
21 views

Google Forms with Interactive Passage Design?

I'm currently trying to design an editor for an application where quiz questions are linked to specific parts of a passage. This editor is essentially for people to create these type of special ...
0
votes
0answers
23 views

Designing for Incorporating multiple workspaces into one interface (WYSIWYG) with a live preview

I'm currently working on an editor for an interactive quiz program my mates have worked on. The quiz has interactive questions that require the user to interact with a passage (i.e. the photo below ...
0
votes
1answer
21 views

Integrate combobox/dropdown in smartphone app?

I'm working on a smartphone app for searching prices. This is what the menu looks like. In the app, I can switch between the results of "CHEAPEST" and "CLOSEST" without moving away ...
0
votes
2answers
83 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 ...
0
votes
0answers
19 views

Multiple Input in wizard to determine next page

So I have a Wizard in QT5, I have a table and need to pick a data source and type. Based on those 2 fields, transition to the next page. I have the components working properly, but I am looking for a ...
0
votes
0answers
56 views

Best practice for dealing with configuration conflicts?

I have a problem with applying configuration to two groups of devices. The config is applying IP security settings to routers. For any industry setting user can specify "allow/alert/deny" ...
15
votes
3answers
3k views

Make Optional Buttons More Clickable

I currently have a UI where I have three optional buttons. By clicking on a button, it will go to another user flow and the button is "completed". Unclicked buttons are considered "...
0
votes
1answer
353 views

Are “Ross's GUI Truths” factually accurate?

Ross Scott of Accursed Farms released a very extensive (albeit outsider POV) analysis of the GUIs of modern operating systems, titled The GUI should be better. A lot better. I saw it shared in ...
0
votes
2answers
80 views

What is the best way to change proportions?

I would like to find the best widget(s) to change proportions. Let's say I have 2 to 12 parts that sum up to 100%. I would like to create a widget where the user could those parts as they want. For ...
1
vote
0answers
56 views

Are there any similar progress bars with interactions like this?

I'm actually looking at circular progress bars that can fit in the 45px x 45px space, as such there's a limit to what can be displayed (so the typical long and narrow progress bar isn't going to work ...
1
vote
4answers
50 views

Floated label form fields - displaying hint text and validation

I'm making updates to a form, which features form fields with floated labels. I want to add hint text to some of the fields, but I'm unsure how to format these fields when I need to display validation ...
6
votes
4answers
399 views

Why does Airbnb put the close button for a dialog on the top left corner?

It seems this pattern is quite common in mobile apps, but not so common on the web. (Assuming that most people use their right hand to control the mouse)
1
vote
1answer
52 views

Why do modern GUIs tend to have buttons on the side of message boxes?

Message boxes used to have buttons centered horizontally. E.g. here's one you'd get with MessageBoxW API function on Windows XP: But more modern systems have message boxes with the buttons on the ...
0
votes
1answer
40 views

Is it ok for a button to open in a new tab?

We have an application that allows users to write posts/articles. Within this application, there are a couple features that require users to upgrade. I think it's reasonable for the upgrade button to ...
1
vote
1answer
131 views

Are there some modern UI equivalents that can be used instead of a ComboBox?

ComboBoxes do a good job when on (e.g.) web forms. However, they just look dated in a modern UI with a touch screen. Is there a more modern alternative to them? Or is it just a case of stripping away ...
2
votes
1answer
62 views

Navigation fake door test

My team have decided to run a fake door test in order to help us, quickly, understand if there is an appetite for a product showcase page. We've added the fake door link, but I'm wondering what would ...
7
votes
3answers
2k views

Avoiding Repetitive Actions

I'm developing a UI for a product that will have "Install/Configure" option and "Documentation" on the search of the cards. However, the UI looks ugly because of the repetitive buttons. Is there any ...
1
vote
1answer
36 views

Where the personalization / customization of specific UI elements/components is occurring in modern applications

Facebook has progressively released the customizable avatars stickers for its users around the world Messenger app (apparently to compete with the Bitmojis), which follows the trend for instant ...
2
votes
2answers
128 views

How to display “Select all” in multi select auto complete pattern?

Existing Design: Scenarios: In the default state, we don't show the entire list to the user. Once user starts typing, we show the predictive matches We don't use a checkbox pattern for the ...
3
votes
2answers
146 views

Rationale for persistent UI elements that is overlayed onto video windows

With a lot of people now using video conferencing tools, there has been a lot of articles highlighting the usability of these applications. Microsoft, which boasts a very large research and design ...
1
vote
3answers
58 views

Adding extra information to a file that's being uploaded via dropzone

We're redesigning a file upload experience. The use case is to add supporting documentation to a support ticket. The user selects a file, indicates the document type, and then clicks Upload. Once ...
1
vote
1answer
56 views

How would you input sequential data?

Let's say I want a user to enter a sequence, such as boxing combos (e.g., jab-cross-hook) or even skateboarding tricks, along with individual moves/tricks, how would you go about designing the UX for ...
2
votes
2answers
74 views

How to best present end date to the user? Inclusive, exclusive, 23:59, something else?

In our app you can select a start date and the app calculates the end date (we're talking about subscriptions here). This is from midnight to midnight, so the actual points in time are, for example: ...
3
votes
1answer
33 views

Technical terms linking vertical lists to Instructions

I once read a study where it described that displaying information vertically hints/implies to the user that it is instructions. I tried searching for proof of this concept again and couldn't find it ...

1
2 3 4 5
51