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
2
votes
2answers
55 views

Advice on Displaying 24 Hour Opening

There's a similar question but it doesn't address the same issue so I have opened another. I need to display opening hours to website visitors in a clear, easy to understand way. The business opening ...
0
votes
1answer
77 views

UI / UX alternative to a Dashboard, with more functions?

We have an app that works in two separate pages. It involves sharing content and presenting information with other users. The secondary, optional (but highly recommended) page is called a dashboard. ...
0
votes
1answer
97 views

Hamburger menu icons - Recent trend of moving away from three full-width lines to having two full-width lines and a shortened line?

Some examples in various iOS apps: US Bank RentCafe Uber The first two kinda reminds me of the icon for aligning text justified left. I'm quite curious about the reason for this change. I couldn'...
0
votes
0answers
22 views

Nice DB GUI for Lots of (ideally rich formatted) Text

I am designing a workflow processing system. I have many (hundreds) of workflows that in many cases are variants of each other and have related characteristics. In the beginning development stages I ...
0
votes
0answers
29 views

Best way to move items in a list when the list is paginated

I have a paginated list where the user drags and drops items to change the order. This list is paginated, so when the length of the list is longer than the page there is no clear way to move items ...
4
votes
6answers
189 views

How to display a lot of necessary important messages

I'm looking for a clear way to show a lot of case notes for teaching staff. Context is: this is for a page that teachers view when in class with their students. There is a Case note section that ...
2
votes
2answers
67 views

Icons - clear way of presenting export and import action [closed]

I'm looking for a clear way of presenting "import jpg", "import svg", "export jpg" and "export svg" actions. I want to make it clear by icon look, what is ...
1
vote
1answer
37 views

Page to select similar products to Batch

I'm looking for a good UI suggestion in creating this page. From the above picture, as you can see there are two rows with same Model No:( B2FR150-150CF8Q1 ) others are different. I want to select ...
2
votes
1answer
38 views

Usability of colour pickers in HSL format compared to RGB and HEX

Reading a recent article about HSL colour pickers being more user-friendly, I thought about the reason why the RGB and HEX colour pickers exist and who they are catering for, and it seems quite ...
1
vote
1answer
92 views

Three state check box (three real states, not indeterminate). A good idea?

I am making a budget tracking app that takes in your transaction history. In order to classify transactions, you can create Filters (eg Filter "fast food" = ContainsText("Mcdonalds"...
1
vote
1answer
87 views

Q: How to differentiate two types of post?

I am new to UX design and I am currently developing a design prototype for our project. Our project sort of a social media + shopping website. For our website, there are two types of posts: shopping ...
0
votes
0answers
50 views

What would the best UX journey in terms of UI components for PDF data extraction to editing of content ? I have attached the requirement below [duplicate]

The steps involves are the following : User uploads the PDF into the web app. All data are extracted and arranged according to the content in respective control group. Example : Admin , Security , ...
2
votes
0answers
39 views

Any best practice on how to represent player progress stat in a game?

I'm making a musical game where user should recognize notes and get faster at note reading. I'm in the designing process and I get quite stuck on the designing of the player progress on the level ...
3
votes
4answers
145 views

How should I provide the “select nothing” option in my icon picker?

I work on a desktop application that lets people create visual scripts. They can add properties to objects, and every property can have a user-defined icon for easy identification. I have added a ...
2
votes
1answer
47 views

Is filling the center-area of a GUI with several forms a good practice?

Center-area concept: For a desktop application, we commonly find a similar structure for the GUI: Top menu / Ribbon Dockables left and right to explore the content and show properties. Center-area ...
1
vote
1answer
51 views

Same Side Navigation for bigger and smaller screens?

I am trying to find a way to navigate amongst rather complex content using an "admin" side navigation. The goal have been to use same navigation regardless of mobile or desktop. Am I ...
2
votes
2answers
165 views

Mimicry versus skeuomorphism to create an engaging user experience

In a recent article (in a series) relating to the use of 'materials' in the Microsoft Fluent Design System, I pondered the difference between the mimicry of physical materials in the digital medium (...
3
votes
1answer
41 views

Different views in table - omit column without relevance?

In a user interface, I am showing a table with a list of broken links and their context. It is possible to select the depth of the pages, based on the current page. For example you can show all broken ...
4
votes
3answers
98 views

Recommended maximum amount of columns in a table?

When designing tables I am always wondering how many columns are too much. I commonly have tables that act an overview of all the items, which can then be opened to show all the details. On one hand I ...
1
vote
1answer
35 views

Best layout/design for profile CRUD actions suggestions

I am currently working on a university project on an android app, that communicates with a device via Bluetooth and uploads profiles to it. So in the app I have a UI that provides different CRUD ...
0
votes
1answer
46 views

Vector or raster graphic for UI elements? [closed]

Which type of graphic should I use for UI elements in web and mobile? If I need to create @5x image size and then just reduce it or I need to create 1 vector image (like a button or icon) and just use ...
0
votes
3answers
65 views

Restrict the user to login to an URL from mobile

I am currently working as a product owner for a web based application. We have a requirement to restrict the mobile uses to access our URL from the mobile. I would like to know the standard UI pattern ...
1
vote
1answer
32 views

eCommerce -> After a digital course has been purchased, should I still show this course in category page?

I am developing an online course website based on WordPress. Website has 30 courses in total. Courses are divided into 5 categories (A, B, C, D, E). There are 6 courses per category. Each course ...
1
vote
3answers
120 views

Position of “required” asterisk in forms

Recently got into a heated discussion with my product manager about the placement of an asterisk * used for required fields in forms. He claims it must be positioned before the word, I say it must be ...
2
votes
1answer
60 views

Best practice for meaning of “return” in UI flow

For context in this question, I am recalling a programmable thermostat interface with four large buttons, two each on the left and right side of an LCD display. The display showed labels for the ...
0
votes
2answers
71 views

Do I need a laptop with 100% srgb color coverage for UX/UI design? [closed]

I know for the UX part it doesn't matter but what if I'm using tools like figma and creating wireframes UI elements do I need a top quality screen or will I be just fine with a cheap gaming laptop ...
1
vote
1answer
43 views

Design of an open/closed interval selector

I have a idea to make an "open/close interval selector" to select the value range such as "[0,24)"or "[-1,1]" in mathematics. [0,24) means "Greater than or equal to ...
2
votes
1answer
60 views

Non-fullscreen sections overflow handling

The problem I am creating a website with non-fullscreen-sections at the moment: I am using a fullscreen-library to "switch" between the section when the user is scrolling. That way the ...
0
votes
0answers
39 views

Holy grail layout solution that makes complex apps being usable on mobile?

What's the best solution for responsive holy grail layout in the context of complex responsive design? Some common layouts done in this way Hubspot CRM Problem: it doesn't work on mobile as most of ...
0
votes
2answers
44 views

Compact text indication of lost radio connection

I am working on a UI for a robotics application that uses radio communication. There is a text field for each robot that normally displays battery voltage in the format 3.72 V. Sometimes the radio ...
2
votes
1answer
41 views

page with 2 vertical sections in mobile

I have a wizard which contains 2 sections. For desktop, the 2 column layout works well, but for mobile, the experience is not very user friendly. Any ideas on how I can improve this?
4
votes
2answers
102 views

Color standards for seat booking

I am working on an application with a seat booking UI. Are there visual standards, colors in particular, for conveying the type and state of each seat? Examples of seat types: standard, accessible, ...
2
votes
6answers
184 views

How do I make it harder to click this button by accident?

The dialog box shown below constantly has me clicking the wrong button—despite the fact that I designed it! The way it works is, the user types some text into the line edit box, and program output is ...
0
votes
1answer
82 views

Can I improve this layout for a better experience?

Here I have tried two different layouts for fitting this information inside of my mobile app. The picture inside of the app is actually a video demonstrating what to do. The first (left) layout ...
7
votes
9answers
281 views

How to make users choose at least one option in a list but allow additional selections

We know that radio button groups are used to limit user input to just one selection in a list of items, and that checkboxes are used to let users select from 0 to a set number of options from a list ...
0
votes
1answer
46 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
29 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,...
2
votes
1answer
34 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,...
0
votes
2answers
53 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 ...
1
vote
2answers
42 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
2answers
130 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 ...
3
votes
2answers
79 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 ...
1
vote
2answers
49 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&...
7
votes
3answers
181 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
0answers
46 views

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

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 ...
2
votes
1answer
71 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
1answer
58 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,...
4
votes
1answer
74 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 ...
0
votes
1answer
52 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 ...
1
vote
3answers
80 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
2 3 4 5
52