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

One checkbox or two radio buttons? Is there a case where both are acceptable?

I read an interesting article talking about the philosophy behind the use of checkboxes versus radio buttons. Of course, in most cases you would argue that the decision is pretty obvious because radio ...
0
votes
1answer
26 views

User interface for excluding tags from a selection

I'm working on a photo-management application. One way users can organize photos is by tagging them: free-form tagging with autocomplete. In the interest of ease of use, I've put almost no ...
0
votes
0answers
24 views

Multiplatform app - better solution for nested doll design

I am creating simple app, which will look like this: One functionality will be a warehouse list. I will have a list of rooms. Then I select a room, it will load aisles in that room. I select the aisle,...
0
votes
3answers
122 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.
1
vote
1answer
66 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/...
477
votes
23answers
89k 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 ...
0
votes
1answer
25 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 ...
2
votes
1answer
23 views

How to display comparison of two versions of a blog post?

Suppose I develop a blog web application with a blog post editor. The blog posts are stored as JSON files. The web application renders these JSON files to display blog posts with their titles, headers,...
2
votes
1answer
55 views

The right Layout grid for iOS UI design

I just downloaded the free iOS 13 GUI for figma and I tried to see whether their app templates follow a standard grid layout format, and by the way it looks they don't - components are not aligned ...
1
vote
2answers
33 views

Which button is better when you want to load results from a filter?

I am redesigning an application and, one of our tasks is to redesign the UI and clarify/connect UI with the action intended. I noticed we are using different buttons for the same target action which ...
0
votes
1answer
78 views

Two Logos in One Page Website

I have a question on the color combination that I will use since I have a website that two logos should be placed. My problem is that the two logos have very different color schemes. The first logo ...
4
votes
1answer
65 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”. Below is part ...
3
votes
1answer
70 views

Statistics (or tools) on screen calibration & readability

Fairly straight forward question, but I could not find any answers to it. Are there any known statistics regarding screen calibration & readability? Are there any colors to avoid where screen ...
2
votes
1answer
117 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 ...
0
votes
0answers
22 views

Where can you find a suitable design for this layout [closed]

I want to warn you right away I don't know English helped me translate. I am developing a web application for learning programming in React, as for design, I am a very perfectionist in this business (...
39
votes
15answers
27k views

What is the difference between wireframing and prototyping?

What is the difference between wireframing and prototyping? Am I right to think that prototypes should be interactive and wireframes should be static?
3
votes
2answers
69 views

how to make very small login form look good

I'm currently designing the UX for a webapp. The webapp can be used both by users who are logged in, and by anonymous (not-logged-in) users. When a user is anonymous, my team lead wants a small login ...
0
votes
2answers
52 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 ...
1
vote
1answer
32 views

GUI Design pattern for module tabs where multiple tabs simultaneously in view

We are using a module tab pattern on a website which views financial information. Neilson (2016) specifies "Use tabs only when users don't need to see content from multiple tabs simultaneously&...
4
votes
3answers
195 views

what transition to have between two screens when there is where minor change in content?

I have a series of files that the user can look into. User can open any file and view the file and user can navigate using arrows to view the next file and problem I am facing is where there is very ...
7
votes
3answers
157 views

Excel spreadsheet colour coding/design/layout principles?

With programming you have "software design patterns", with websites you have design standardised (and then some templates, e.g. "bootstrap"), and people know where the input etc. ...
1
vote
1answer
145 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 ...
3
votes
2answers
182 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. ...
4
votes
3answers
498 views

How do I call this type of UI widget?

I designed this but what would be a proper name? Data-table, info bar, list? When you click on each item of the list, it displays information on the right side. Programming wise it was not done as a ...
1
vote
3answers
123 views

Inventory - how to add range of items and reduce the probability of human error?

Problem: I have an inventory that fills one purpose -> insert the same type of item (dongles) which only varies it's serial number. Every month someone buys a box which comes with a perfect range ...
1
vote
1answer
406 views

Best solution for alert boxes positioning in SPA's (single page applications)

I'm designing my first single page application which is for users to manage their USB dongle for a desktop application and also to create teams and request tech support. This is the wireframe of the ...
6
votes
4answers
270 views

How to make apply changes more noticeable?

I have this problem. I'm working with an application that has a live and nonlive mode. It's used in a live show (control lights), so people usually make modifications but they are not supposed to be ...
1
vote
1answer
477 views

Nested Vertical Scroll vs Accordion

I have this problem. I need to display all of the the following elements (cannot do contextual for lack of resources) as this is an administrative platform for employees only.: Each user license which ...
0
votes
2answers
271 views

Making complex UI easier - User License [closed]

I have an admin portal for a Staff / Tech Support to check USB Dongle license information and help customers solve problems The client interface is much simpler, but due to legacy data and how the ...
1
vote
0answers
38 views

Best way to select answers for a questionnaire which carries points based on the option selected

I am designing a screen in which a doctor/nurse fills the form based on the patient's symptoms. Each answer carries points which gets added up in the end to calculate the severity of the illness. I ...
1
vote
1answer
52 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 ...
2
votes
2answers
306 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....
2
votes
1answer
52 views

What is the best way to represent editable options that change the viewport?

I am trying to figure out how what the best approach UI/UX wise is for the behavior I desire. I have a dashboard with a sidebar on the left, and all of the behavior I am describing happens on one page,...
2
votes
1answer
52 views

Are collapsed filters an antipattern? or does it depend on the intended user?

So we are building a monitoring page intended for a specialized group of users who would like to keep an eye on their logs. We are implementing a filtering solution to help users find the type of ...
2
votes
2answers
491 views

Should an open accordion section be hidden when the user clicks on another section?

I'm designing for an enterprise-level software. The software is a repository for different departments to store their files. The content types are Dashboard and Reports but inherently both of them are ...
0
votes
1answer
68 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 ...
0
votes
3answers
200 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 ...
2
votes
3answers
547 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
1answer
54 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
79 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 ...
3
votes
5answers
681 views

What is the best way to display user company role and application role when logged in to the application

An application having two roles i.e Company Role and Application Role based on which different sections of the application are accessible to the person. Company Role describes either Admin or Users ...
4
votes
2answers
1k views

Is it a good idea to add new rows on top of existing ones?

Consider my fiddle implementation of a table. At the beginning, my table was more conventional, featuring the + button below the table and adding new rows below old ones. Now, I've decided to make the ...
1
vote
5answers
294 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 ...
0
votes
1answer
46 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 ...
3
votes
1answer
76 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 ...
8
votes
4answers
14k views

Difference between caret and chevron

Is there any functional difference between a caret and a chevron? Our discussion is about what should we use for dropdowns and accordions and whether they should be different.
1
vote
2answers
97 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
2answers
91 views

Are there services out there that allow you to easily upgrade or downgrade?

I noticed that in many different types of products and services that offer a few different subscription plans, upgrading is easy. Downgrading, on the other hand, is a bit discreet. In most of them, ...
1
vote
1answer
77 views

How to express multi condition rules with flow diagram or truth table

I have a below mentioned multiple variable which match with the other variables and gives output like FALSE, HOLD or TRUE. I have tried to represent it here in table format. Variable ...
3
votes
1answer
168 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
2 3 4 5
52