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
0answers
11 views

Sketch automatic resizing [closed]

I've been having a problem with this sketch component. I yet don't know how to move this rounded rectangle along with the text component [0,00% do] It needs to work like the 2nd artboard below, but ...
0
votes
2answers
46 views

Should Password strength meter and password guide used together

I saw many sign up forms but none of them implemented both password strength meter and password guide together Currently validation in passwords are that it should be min. 8 characters with 1 special ...
2
votes
1answer
58 views

Display hierarchical dataset in a digestible format

I have a dataset that uses has the hierarchy and breakdown of categories, sub-categories, and labels that each have a value: Category 1: Sub-Category 1: Label 1: 4 Label 2: 3 ...
0
votes
2answers
67 views

When to hide a sidenav

I have in my app a sidenav which is by default visible. Now I got a feedback from users, that in lower resolutions (mobile, tablets) the sidenav covers a lot of space from the app. My question is: on ...
0
votes
2answers
51 views

Link-buttons and button-links

I'd like to hear your opinions whether or not using buttons that look like links (text links, especially when styled the same as links) and links that look like a buttons is a good practice. I feel ...
0
votes
1answer
36 views

How i can do more beautification of display screen where label and values are there [closed]

Hello i need some help to beautification of example for below screenshot. I try searching in but not getting good example. Any help ? how to make more beautify and standardised I have design this ...
0
votes
1answer
41 views

UI for enlarging image, showing next image

I have a website that displays items. Each item can have multiple images, but only shows one at a time, along with the item text. The user can click anywhere on an image to show the next image. You ...
48
votes
6answers
9k views

How should I allow a user to input a number where not all numbers are valid?

I have an application where users need to configure certain machine settings. One of these settings is an integer percentage value, from 1-100. Unfortunately, for historical reasons, we're not ...
0
votes
1answer
40 views

What is the term for “conveying information to a user efficiently”

I am having trouble even googling this concept. I want to learn more about it. The general idea is how efficiently a website or an individual webpage conveys information to a user. For example ...
0
votes
1answer
94 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 ...
0
votes
3answers
120 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 ...
1
vote
1answer
64 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 ...
1
vote
4answers
349 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 ...
0
votes
2answers
50 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 ...
1
vote
1answer
48 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
37 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
32 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
66 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
240 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
231 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
132 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
176 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
201 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
78 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 ...
0
votes
2answers
51 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 ...
1
vote
4answers
160 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
62 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 ...
0
votes
2answers
38 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
5answers
206 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 ...
0
votes
1answer
59 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
56 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
71 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
119 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
80 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
1answer
65 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
32 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
45 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
56 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
82 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
76 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
26 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
48 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
52 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
1answer
74 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
54 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 ...
0
votes
0answers
34 views

HELP: Using icon or text label? [duplicate]

I have the following issue regading UX/UI Design. A little introduction: Currently we are working on a new version of a document based application. This is for mostly municipalities/goverment kind of ...
1
vote
2answers
63 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
72 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 ...