Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

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
13 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
30 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
63 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. ...
-1
votes
0answers
62 views

Illustration & UI/UX

I have used InDesign, Adobe Illustrator, etc. however I'm sure there are a number of other applications that would be more suitable for creating cell/microbiology illustrations.
-1
votes
0answers
24 views

Trip Details Page in warehouse [closed]

This is trup details page.Suggest me an effective way to design it
-3
votes
0answers
26 views

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

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
2answers
66 views

Estimated Time VS Actual Time [closed]

I want to display estimated and actual time on a page.what are the best UX guidelines for it.
0
votes
4answers
105 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
74 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
39 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
29 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 ...
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
44 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
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
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 ...
0
votes
3answers
77 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
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 ...
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, ...
0
votes
1answer
60 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
25 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
47 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
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 ...
0
votes
1answer
69 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
44 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
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 ...
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 ...
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.
4
votes
1answer
84 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 ...
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 ...
1
vote
1answer
68 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
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 ...
-1
votes
2answers
87 views

Forms - Best way to display survey questions [closed]

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 ...
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. ...
0
votes
1answer
119 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
119 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
121 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
127 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
102 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 ...
0
votes
2answers
90 views

What's the common name for this Asset?

On google account you have the option to choose a little image that will show up every time you are logged in. This is quite common across many websites and apps etc. Would you call this Avatar-Image?...
4
votes
4answers
404 views

Does it make sense to have differently shaped buttons together?

Generally, buttons shown together are also visually similar. Are there situations where it might make sense to show together buttons of different shapes? E.g. a rounded rectangle button together ...
0
votes
4answers
73 views

Usability testing old and new design at the same time?

One of our designers has redesigned a page of ours using insights from another piece of research we did months ago. I want to test old design and new design at the same time to evaluate if the ...
0
votes
1answer
102 views

Why does Tinder/Bumble put navigation at the top? [closed]

I noticed on the two most popular dating apps, Tinder and Bumble, they made the decision to put tab-like navigation at the top of the screen. Admittedly this is a stretch to reach, and I've always ...
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 ...
0
votes
0answers
41 views

Recommended minimum dimensions for touch areas for use with winter gloves

Are there any guidelines, recommondations or research about using touch screens with winter gloves? I'm aware of the normal recommended defaults (44pt according to Apple's HIG, 48pt in Material Design)...
1
vote
0answers
84 views

Android UX/UI guidelines for smaller vs larger screen size and pixel densities

I'm an Android Developer that's not all that well versed in UI/UX design principles. In the projects I work on, I find that the biggest issue is accounting for the myriad of screen densities and sizes....
2
votes
2answers
94 views

Single Pole Double Throw U momentary switch UI control

I have a designer working on a 3 position momentary control: it's something like a typical boolean control, with a circle inside an oval to designate on/off states, but in this case the normal ...
1
vote
1answer
62 views

Inclusive notification scheme incorporated into design systems

It seems like the standard RED, YELLOW, GREEN and BLUE colours are used in notification schemes/styles in the most popular development frameworks like Material.io and Bootstrap. Of course, colours ...
1
vote
1answer
45 views

How to display section in timeline without frames

I've an app, where the user can play an animation. The animation progress is indicated in the timeline (with blue color). The playable, but not active part of the timeline has gray color. The timeline ...
0
votes
1answer
34 views

Allowing users to select large items to export from a paginated list

On a website I'm designing, users have access to a search function that lists items with potentially much content inside (they're meant to be grammar exercises, and so multiple grammar problems can be ...