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

Task assignment and status UI [closed]

I am trying to understand what could be the most optimal solution for auto work assignment UI to 250 users basis below parameters: Attendance Skill Type Value (Low/Medium/High) The status feature on ...
1
vote
3answers
135 views

How best to arrange a group of 6 numerical input fields, one text field, and 3 radio buttons?

I have a GUI form with multiple group boxes. One of the group box has 6 numerical input fields each with an average input length of 3 or 4 digits, one text field with an average input length of around ...
2
votes
1answer
136 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 ...
4
votes
6answers
550 views

Best way to deal with multiple choice checkbox UX?

I know this is somewhat subjective, but I can't really make up my mind on the following UX issue (please ignore the design, so far the site is purely for functional testing) I've got a site that acts ...
1
vote
2answers
68 views

How 'cloud of choices' is called correctly?

I'm working on a react-native app and I want to implement a similar interface, but I can't even find its name. Main task for this element would be to give users a "cloud of choices" where they could ...
2
votes
1answer
53 views

Empowering users to make beautiful/creative text pictures with “text filters”?

Complicated question but will try to explain as I really need help here :). As part of university work in design/film, I'm working on a UI design project that is going to be a tool for other students ...
1
vote
2answers
86 views

Segmented control at the bottom of the screen in iOS

Is this a common pattern to put a segmented control at the bottom of the screen? I've seen this only in the native iOS 13 Photos app. This is a segmented control on the screenshot below, right? If ...
1
vote
1answer
45 views

Relationships between tables - PArent Child

Trying to find a better way to show relationships between one main table (parent) to two child tables. The main table has a list of items, selecting one will update the two tables. Right now the ...
0
votes
1answer
69 views

How would you modify Reddit's UI to rapidly visualize long, branching reply chains?

I'd like to build a website that is kind of like Reddit but the purpose is to have people collaboratively tell stories by chaining their responses to each other. so person 1 writes a sentence, person ...
0
votes
2answers
244 views

UX between app and Website

We currently have an app with certain features such as Timesheets and Booking holiday which is fundamental to our workers. However we also have a live website which has all the other content that is ...
0
votes
4answers
249 views

What do I tell the user if the image they have to upload is very specific in height and width? [duplicate]

Am making an android app. I need to make the user be able to upload an image of a button that is pre-configured in size. So they would essentially be only changing the design. My questions: 1. ...
1
vote
0answers
140 views

Soft input panel for 480x320 LCD screen

I'm working on a Qt-based C++ project. The project includes a 480x320 TFT LCD screen for display. The screen is also capacitive and used for touch-based input. The screen is about the size of a credit ...
0
votes
2answers
178 views

Differentiate between 4 categories (color problem)

I am wondering if there is someone who can help me to improve my application's user experience. I am developing a mobile e-learning platform which has 4 sections. I was asked to differentiate each ...
1
vote
3answers
219 views

What's an alternative to handle unknown number of tabs in a dashboard?

I have multiple tabs on a dashboard where it will navigate to different sections. Once it reaches the maximum number of tabs on a row it will come down to another row. The number of tabs is not ...
0
votes
3answers
100 views

Why use a discrete representation for continuous quantities?

Is there any reason to use a discrete representation (like number of stars) for continuous quantities (like a progress bar)? This is assuming we don't want to show an exact number. (Yes I understand ...
1
vote
2answers
165 views

How to support a “Save draft” to a wizard approach when the user takes a long time to complete a step?

I have simple user workflow, in which the User has to complete the process sequentially. But the step 2 might take a day or more to get completed. In the Current UI, If user decides to complete the ...
2
votes
4answers
215 views

Which is the better way to rotate an object?

I'm a developer on the long way to learn design so please forgive me if I'm not into design jargon 🙏. I have to design an interface to rotate a 2D object. The rotation is discrete by fixed step: the ...
2
votes
2answers
71 views

Teasing Dashboard reports. Use dummy data or empty reports?

I’m currently designing a dashboard that relies on having a connection to Google Analytics. For the users that aren’t connected to GA, what would be best to show for them? We want to have a strong CTA ...
1
vote
2answers
55 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 ...
1
vote
5answers
394 views

Placement of Help button: left or right to OK/Cancel

I'm adding help to a Windows desktop application that is being in use since the Windows XP era. All the modal dialogs display the typical OK/Cancel button set placed at the bottom right as shown in ...
1
vote
1answer
67 views

Need help for finding a user-friendly item queue component layout and presentation

I'm looking for alternate layout/UX ideas for presenting an item queue component. The data and behavior I'm to present is a linear queue, a stack of items -- digits, letters, small images. A ...
0
votes
0answers
63 views

Suggestion in putting nav bar in centred website design

Can anyone suggest where I can add navigation bar in this kind of design. items I want on the nav bar logo (optional) call to action button one more link user/profile/login/signup Can anyone ...
0
votes
0answers
79 views

What is way best UI pattern for a multi-level assignment?

I've made the following layout in hopes of helping the user perform a multi-level assignment interaction more efficiently, but I worry that amount of the data displayed might be information overload. ...
0
votes
4answers
152 views

Where to put submit button in a long screen with multiple inputs

I'm redoing a web configuration UI for a piece of hardware. Think of a configuration UI of a standard router. You install this hardware into your network and access configuration through your browser. ...
0
votes
1answer
104 views

What are alternate UI/UX for Knobs?

I'm working on UI/UX which has mainly On knobs. I'm thinking to keep alternative for knobs. What are suitable alternative for knobs (Other than sliders). For example The figure below shows Two knobs ...
0
votes
2answers
370 views

Best UI pattern to allow the user to assign 1 level nested items to two groups

My issue is something similar to this one - Best UI pattern for letting a user assign items to groups I am looking for a good UI design for mapping items between 2 groups (only one-to-one mapping). ...
0
votes
0answers
38 views

Minimum steps involved for an effective and efficient website redesign process?

I just started working for a web development agency, we work mainly with government so we want to align ourselves within that market with a professional, creative and functional website. We have a ...
31
votes
6answers
5k views

How to present boolean options along with selecting exactly 1 of them as “primary”?

I have a situation in a web browser where I have a number (let's say 3-10) of alternatives to present to the user. The end user must choose at least one of these options to be enabled The end user ...
0
votes
0answers
47 views

Is the Outlook bar still a reasonable container for a list of lists?

(This assumes that it ever was, so please feel free to comment if you disagree!) For years, our development team have designed data-centric desktop applications where the main window has an Outlook ...
0
votes
0answers
60 views

Positioning an all purpose 'smart' button

I'm building a desktop app which has a kind of smart button. On click, the focus switches into a search bar and a pop up shows up (not a modal box). One may use the search bar to quickly add reminders,...
0
votes
3answers
123 views

Appropriate button label suggestions

I'm building a suggestions system to provide assistance to course providers when uploading their course advert. We provide assistance around spelling and grammar, language and structure and content. ...
0
votes
2answers
75 views

Is it wrong to use a link in this situation

I'm designing a language system that makes recommendations based on the text the user has entered in an accompanying text area. My question is, is my use of link styles in this situation wrong, if so, ...
0
votes
1answer
134 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 ...
0
votes
1answer
38 views

Entry points to one location from different products

The scenario We have one Product that contains a Candidate list in one location in our main database, with its own UI and functionality (standard list admin functionality) We also have about six ...
0
votes
1answer
49 views

Are visual elements used to reinforce a brand considered visual clutter?

Let's say, a logo of a brand is turquoise and we use that same turquoise, as a strip on the top of a form (example from https://www.seerinteractive.com/blog/ux-checklist-series-form-design/) like ...
0
votes
1answer
61 views

Alternate to button [closed]

I have a long text "view/hide basic specifications" and I don't want to provide a button as that doesn't look good at the required location how can I give user that function without a button so that ...
0
votes
2answers
112 views

How to represent multiple parameters using simple UI

I have 6 categories out of which 5 categories have 3 parameters and 1 category has 1 parameters. I am showing those categories against unique ids, as mentioned below. Suppose there is one unique id ...
0
votes
1answer
62 views

Alternative way to represent to open or close a dropdown?

I'm doing some animation icons for a recent product and I'm playing with some alternative to the standard dropdown toggle. Typically, it's a arrow pointing either down or up... Is there any reason ...
1
vote
2answers
75 views

What is the best practice to apply the card design in webpage? [closed]

I have a question in terms of the card design style as I was designing the website for a company. Basically, I noticed that other company's websites apply card design on their website. Like to ...
0
votes
2answers
81 views

How to provide information regarding the checkbox

The user needs additional information other than the label of checkbox and I have multiple check-boxes adjacent to each other horizontally how should I show the information when the user is about to ...
0
votes
2answers
104 views

Is there any term for an interface in which an application runs another application?

Is there any term for an interface in which an application runs another application? For example, one website rendering UI from other website within its frame.
6
votes
1answer
280 views

About Commanding in UWP apps. What commanding approach is best? office like?, UWP? or classic win32?

I'm writing an app with platform UWP-Windows 10-1903(Universal Windows), for making electric circuits, designs and simulations. User makes a design on screen with resistors, generators, etc, and run ...
1
vote
1answer
72 views

How to choose the best type of controls to use in a toolbar?

I have a 3D view displaying two objects. One is the reference object, the other the user object. Displaying the two objects together allows the user to compare its own object to a reference object (...
1
vote
1answer
171 views

Using cards as navigation to other cards

I am trying to become good at web design, but feel I am missing that 'visual eye' that so many of you have. The general flow of what I'm trying to make is a top-level subject (ex. Math), will bring ...
2
votes
2answers
166 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. ...
0
votes
1answer
758 views

Is there a Material 'Chips' UI component in the IOS HIG?

If so, is there a resource somewhere I can grab it or some documentation on it? Basically just want to have a list of tags that a user can delete. If the HIG has something i'd prefer to use that.
-1
votes
1answer
125 views

What is the name of this 'alignment' UI element? [closed]

I'm trying to convince a team that they should use this 'alignment thingy' in their drawing software. What is this called? You can find it for example in Adobe Illustrator.
2
votes
2answers
133 views

Should long paragraphs be aligned justified or just left aligned? [duplicate]

For better readability which would be better for long paragraphs: align-justified or aligned-left? Reason for asking: Aligned justify gives a better visual appeal but many tutorial and learning sites ...
1
vote
3answers
141 views

Font size for sensitive information

I'm developing an app that allows users to manage their financial products. This app shows information about accounts, balance, cards, etc. Considering such details are private and sensitive, I'd not ...
0
votes
2answers
116 views

Correct position to put search bar in item catalogue

I am building a e-commerce platform which requires a user to shop around for their desired features. I realise a search bar is an important feature, but at the moment I don't know where to put it. I ...

1 2
3
4 5
51