We’re rewarding the question askers & reputations are being recalculated! Read more.

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
22 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 ...
-1
votes
0answers
19 views

Trip Details Page in warehouse [on hold]

This is trup details page.Suggest me an effective way to design it
454
votes
21answers
81k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
-3
votes
0answers
23 views

I want to design a page where i put fields as trip no,estimated time and process icon.Suggest me an effective solution [on hold]

I want to design a page where i put fields as trip no,estimated time and process icon.Suggest me an effective solution
0
votes
4answers
102 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
2answers
62 views

Estimated Time VS Actual Time [on hold]

I want to display estimated and actual time on a page.what are the best UX guidelines for it.
0
votes
1answer
68 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
68 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
0answers
21 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
2answers
451 views

Best way to express relationships in a Tree View?

I understand that a tree view is used to express a hierarchy and relations and for grouping but I'm struggling with what if two things in different groups on the same level have a relationship and how ...
1
vote
2answers
182 views

No matter how hard I try, I think this hotbar interface is going to suck

Here's a prototype with an animation of it being used on a scheduler app. https://codepen.io/TylerL-uxai/full/QvezdM/ Did some interviews and everyone said the hotbar would be "cool" or "sounds good....
0
votes
2answers
149 views

Language switcher menu

I want to design Language selection menu and the requirement is, on the right side menu should appear (which shows the selected language) on selection, it should list all the languages available ...
30
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
28 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 ...
0
votes
0answers
28 views

Debian GUI programming question [closed]

I do not know how to correctly formulate the question. I have utilities on the bash, with communication with the user through zenity. It became a little crowded, and in general, I want the IDE, states,...
0
votes
0answers
52 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
0answers
43 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
2answers
79 views

What order do stars get filled out in RTL locales?

I am implementing a star rating system for an app, which should support several RTL locales. Right now, when the user hovers over a star, all stars to the left of it are filled in, like so: ★☆☆☆☆, ...
0
votes
2answers
53 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.
0
votes
3answers
130 views

How to show a segmented control and multiselect buttongroup at top of a list

I'm struggling on how I can present the following to my users and that they understand how it works: In a desktop app, we have a 'Recent' phonecalls list. This list shows all calls that came in and ...
1
vote
1answer
109 views

What is the preferred way of displaying interactive information in a small space, eg table cell?

I have a list of athletes that have competed in a race. For each athlete, I want to be able to do a couple actions for each athlete, like View Time Online View Team of Athlete View Time Splits View ...
0
votes
0answers
28 views

Font and Color choices on Full-Page backgrounds [migrated]

I am an amateur web developer, and am teaching myself React. Currently, I have been building a personal website hosted on github pages - https://roy-05.github.io/website/#/ As I want to complete the ...
1
vote
5answers
207 views

What would be the best way to show 3 actions on the bottom half of the page

We are confused as to which of these UI should we go with to as we have three actions relating to the content on the bottom third of the screen. Three buttons are: 1. Write to Device 2. Load from ...
12
votes
7answers
4k views

How to mark a tooltip-containing word in a paragraph?

I have a sentence in which one word has a tooltip. The data in the tooltip is supplemental and putting it into the main UI isn't required. However, how can I mark the word to notify the user that it ...
-1
votes
2answers
87 views

Forms - Best way to display survey questions [on hold]

I have a survey / intake form that has upwards of 50 questions that the user has to answer. All of these questions are usually filled in by the user, but they're not required to be. The sections are ...
0
votes
3answers
75 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
63 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, ...
1
vote
1answer
89 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 ...
0
votes
1answer
39 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
0answers
15 views

Could not find a navbar background that fits with my logo [migrated]

I recently changed the logo for my company but now it does not fit anymore on the navbar. The color of the logo are #3331a1 and #a8b0c6. I don't really want to have a white navbar but seems to be the ...
2
votes
1answer
99 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. ...
11
votes
3answers
30k views

How many characters should typical address fields allow on an international website?

On an HTML form, What is the maximum amount of characters that should be allowed for: Street Address 1 Street Address 2 Town/Suburb State/Province (I would have drop downs for main countries, but I ...
0
votes
1answer
108 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.
0
votes
1answer
46 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
2answers
65 views

Indicating user-independent updates

I have a system with many users, who can edit data and I distribute those updates on the fly to all logged on users of the system, so they don't have to explicitly load them. I do this to increase ...
381
votes
20answers
34k views

What explains the current shift from glossy UIs to matte UIs?

I've noticed an interesting phenomenon in the user interfaces of many famous applications, they're moving away from the glossy complex to a more dull and bare minimum design. Why the sudden change? ...
0
votes
1answer
51 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 ...
2
votes
2answers
450 views

Why can't you copy and paste files in FTP software?

This is something always bothered me, and a simple search on Google shows millions of results on the subject, so it seems to be a real issue: why can't you do simple file operations such as copy+paste ...
0
votes
1answer
42 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 ...
2
votes
2answers
771 views

Best way to design dynamic table of inputs. Like rate-lists

I am trying to design a rate-list input for parking lot management system. Where inputs are like this: But it needs to be customizable in time field of inputs, e.g. 3-4 hours based on user ...
0
votes
0answers
32 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
60 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 ...
2
votes
1answer
152 views

Is there a best practice for sidebar width on mobile?

What is the best practice when it comes to sidebars and user experience on mobile? Is it better to have one that is full-width or one that is 85% width with 15% backdrop? What are the benefits or ...
0
votes
2answers
68 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 ...
4
votes
1answer
82 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
3answers
101 views

Should a cross platform desktop application use a uniform UI and design language across platforms? Or entirely native UI and design language?

I'm designing a cross-platform, desktop engineering app. I'm wondering whether I should make the apps follow native design practices (a la MS Office) or use the same ones for all platforms (a la ...
1
vote
2answers
202 views

How to adapt text and/or elements size while designing to smaller screens?

I have a layout I made some time ago on Adobe XD (that was just a personal project) and now I wanna put it on Behance. To do so, I need to duplicate/adapt that layout (designed for desktop) to smaller ...
1
vote
2answers
152 views

Is there a recommended size for embedded maps or videos?

Basically what the title says. I know that anyone can do what they want, and I also know that the embedded content can be integrated in a responsive way, thus maintaining its original proportion. ...
0
votes
0answers
30 views

Show option is both required and previously used in dropdown list

I realize this is probably not the best way to handle the problem, but I need to shoehorn in a solution to a previously existing design - and a dropdown list was used. In this situation there are a ...
0
votes
1answer
52 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 ...