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
42 views

Forms - Best way to display survey questions

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 ...
1
vote
1answer
58 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
43 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
99 views

What is the name of this 'alignment' UI element? [on hold]

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
112 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
120 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
96 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
89 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
335 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
67 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
74 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
32 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
34 views

What color scheme to choose for background color of different section in one page website? [closed]

I have a website page with different sections like about us and contact us. I was learning about color wheel schemes but it is still unclear if I should use complementary or analogue scheme for ...
0
votes
0answers
37 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
72 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
85 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
58 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
40 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
28 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 ...
1
vote
1answer
29 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, ...
0
votes
3answers
103 views

Making a Tab control system smaller [closed]

Below is the desktop UI that I'm currently working on and I need to make it much smaller. It is 1266px wide and my task is to make something that is maximum 390 wide. I've been trying to look up UI ...
1
vote
2answers
117 views

Threaded discussion UI for my app

In the system I am developing, I need to create a UI for managing customer notes. A customer note is a textual note related to a customer that a customer service representative writes. For example, a ...
1
vote
3answers
83 views

Search box layout problem

I have two similar kind of searches: Clients: can be searched by code, name, state (active or inactive) and zone. Companies: can be searched by code, name and zone. Client zone and companies zone ...
2
votes
2answers
188 views

Where should I put the delete button?

I have a sidebar which shows all links that users saved. Since it's just a sidebar, I want to keep it as simple/clean as possible. Thus I use the cross icon next to the link for deletion. Option 1 ...
0
votes
2answers
58 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: ★☆☆☆☆, ...
1
vote
2answers
65 views

Should I use wizards steps if the user won't finish all the steps at the same day?

I'm currently designing a system and there is this specific functionality that the user has to complete a series of steps, but the last step won't be completed at the same day (it has a specific day ...
0
votes
3answers
69 views

How can i show and save details of two inter-related editable tabs on same page?

I am working on this sales app, where the manager can assign a sales target to an individual salesperson. Now the " Target Amount" can be split into two ways: 1) By adding Items and setting the ...
2
votes
2answers
85 views

Name for design pattern used in complex or boolean search criteria

I am looking to see if there is a term that describes this type of design pattern or if there are well known examples of its implementation. This is an extension of the design pattern where a search ...
1
vote
4answers
87 views

Progressive disclosure on multi-selection interaction

I have a screen where the user can select between 3 options. These are multi-selectable. However, each option has specific settings (minimum 3, maximum 8) for it. How should this be displayed? I ...
2
votes
1answer
129 views

When to use Apples 'SF Rounded' font?

Apple uses in certain cases 'SF Rounded' for big titles and number values (e.g. Apple Pay Transaction Detail), in many other cases they still use the regular SF font (e.g. calculator, timer app). Is ...
0
votes
1answer
92 views

Is it ok to mix black with other bright colors in the UI?

I'm a UI developer at a small organization. I've been developing an application and I chose orange, black and white as the predominant colors in the palette. You can see the attached image to get an ...
0
votes
1answer
75 views

Web UI for categorizing a list of items

I have a web page that displays a list of 100+ items (where each item is a row containing an image plus some metadata) that I would like the user to categorize into "A" or "B" or neither but not both. ...
0
votes
3answers
177 views

Pick one date/time over multiple days

I have a website that lets the user select a specific time on a specific day, like "2PM on Wednesday July 2, 2019". I've tried a number of options, but they all seem clumsy. A multi-row single-item &...
1
vote
2answers
69 views

How to display a filter for a list of podcasts?

We're working on this huge site that includes a podcast section. The podcasts are done by many different people (no repetitions), and there are like 70-80 podcasts so far, adding one per week. Client ...
0
votes
1answer
57 views

Media Creation - What's an Alternative Terminology for X & Y Axis?

I'm creating an online media editor and am struggling to find alternate/correct terminology for aligning something (media) on the X-axis & Y-axis, or maybe these terms are understandable for users?...
0
votes
0answers
43 views

How do I use a block UI overlay without losing UI events?

Our application is a web app with a backend server. Each page in the web app has this structure. Header Body Footer The normal use case is User navigates to a page. User edits the fields in the ...
2
votes
1answer
96 views

Native date pickers VS Custom date pickers

What is the best practice use case for (calendar) date pickers? Native or custom? Native looks great on iOS and Android devices, however when we look at non-mobile calendar pickers the browsers vary ...
0
votes
3answers
162 views

Status Bar with several Stage

I would like to have some opinion on the design, I made to represent the product process QTY. At each stage, i should show to the user, how many of his requested product has been proceed. If there are ...
2
votes
7answers
229 views

Does hover state button text need to meet accessibility guidelines?

I've got a basic understanding of accessibility and how it applies to visual elements of your product and I'm keen to apply guidelines as best as I can. My question is does the hover state button ...
1
vote
3answers
70 views

What is the best location on a form for an information icon?

I am trying to create a form for my web app, which requires information elements to be added. In general I would refer to the documentation of the framework that I would be using (which in my case ...
0
votes
1answer
69 views

monthly payment and single payment in the same place

Good morning, I'm doing a payment area, where the user can buy a monthly product and a single purchase product, the project owner demands that the payment be the same for both forms, it can be on ...
3
votes
2answers
292 views

What is the best way to design a 'debt' screen

So I've been searching for this, but I think Google thinks I want to know about 'UX debt'. The thing is, I've been assigned to design a new screen for when our customer hasn't paid for the service. ...
2
votes
1answer
126 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
5answers
275 views

Is adding multiple search buttons to the same filter a bad User Experience?

I am working on shopless e-commerce website. We have multiple filters on the left hand side and the search result appears on the right: So users can change the filter values on the left and then ...
3
votes
3answers
231 views

How can I represent something good for user and bad for the business in a graphical way?

I have this interface which is a stepper that asks user for several medical conditions. Based on the results, we have 2 final options: if result are bad, user will benefit from the business' service ...
2
votes
1answer
61 views

Prevent element jumping when error occurs

I'm working on a video editing application. It can have multiple layers and when a layer has an error, like corrupted frame, it displays an error message under the layer name. The problem is, when I ...
0
votes
0answers
37 views

Bulk Upload GUI Feedback

I am redoing the bulk upload programs that I initially created a few years ago. This is an example of the new design I have come up with. Note that this is a desktop app written in a framework that is ...
0
votes
3answers
70 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 of ...
0
votes
1answer
76 views

Bulk Upload Interface and Flow

I have a bunch of desktop applications that do bulk uploads (they allow users to upload data from a spreadsheet into a database). The bulk upload programs do data validation, as incorrect data being ...
1
vote
0answers
47 views

Specific UI preferences & user behaviours in Singapore

Background I am currently working on an ecommerce site for Singapore, in particular their product detail page. A design was already provided but I worked on a small task where I have changed the ...