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
7
votes
4answers
864 views

Displaying 2 lines row/result in a List view and UX

I am seeing that when showing results based in 2 lines, the perception from end-users is not good or as intuitive that in a single line result (even having a slightly different background color) Is ...
0
votes
0answers
24 views

Multi-select tree in which parent also is a child

I am working on a multi-select tree in which the user should be able to select all children of a parent. Normally you would be using the parent checkbox to do so, but in this case it should also be ...
0
votes
1answer
37 views

Wich one do you think is a better solution for the product card of a grocery app

Which of the options do you think to have better usability for the product cards for a grocery app (Shoppers) The problem: I need to give to shoppers a better visualization of the basic products ...
36
votes
4answers
6k views

Why did old websites make use of so many images as UI elements?

I've wondered this for a little while: Why did old websites make use of so many images as UI elements? If you use the Wayback Machine to go back to some of the most popular websites in the past, you'...
0
votes
1answer
35 views

Seeking a better find and incremental replace navigation UI

I'm working on a custom text editing application for a line of business app, and as part of this, I need to implement Find and Replace, and, in particular, Incremental Replace. By this I mean the ...
0
votes
0answers
91 views

Examples for a modern home screen in a Windows desktop application?

I have a 15 year old Windows desktop application, and I'd like to refresh the look of it to be more modern, in line with current trends in UI design. The main functions are launched from a home screen ...
1
vote
2answers
98 views

Are enabled checkboxes and radiobuttons dark pattern?

My research on dark patterns opened insights on examples which may be confusing such as enabled checkboxes and radiobuttons. If they were provided in an "enabled" state to the user's would ...
1
vote
1answer
77 views

Table (in the modal window) with actions which require another step

I have a modal window with a table of items. Items have different statuses and the user can change the status. For example, from Not shipped to Backordered. The problem is when yo have the item ...
0
votes
1answer
69 views

APPLE phone devices unequal grid layouts [closed]

What is wrong with APPLE's phone devices when it comes to grids? It's impossible to get equal margins no matter what you'd do. Here is an example: Original image link May anyone have a solution for ...
1
vote
1answer
51 views

How should mouse sensitivity be represented on the settings screen?

Video games often allow the player to configure mouse sensitivity. What is the most intuitive way to represent this setting in the user interface? What should the option be called? If it is numerical:...
0
votes
1answer
41 views

Direction of dropdown arrows when the relative position of the UI component and content is reversed

There has been previous discussions and debates relating to the way or the direction that the arrow should be displayed on a dropdown UI component for the hidden and shown states. This question ...
1
vote
2answers
116 views

Improve the current UI library or build a new one?

I recently joined a company with a small team but not a startup. I'm working on a CRM SaaS product, which has a few years, but it's not very sophisticated (UX and UI wise). When they started to build ...
3
votes
2answers
498 views

Mobile ui design - Scrolling effect to hide navbar and show it on scroll up

I am looking for examples of the effect used mostly in mobile design, where by scrolling down the navbar hides from view, and by scrolling up again it returns in view. Does this effect have a specific ...
0
votes
2answers
132 views

Is a good user experience to display actions on the top of the screen on the web?

Navigation on the top of the screen is common on the web. To add actions like "Edit", "See details", "Copy" in the navbar is more specific on the desktop. Fluent UI, ...
0
votes
1answer
117 views

Why do desktop apps not use pointer cursor [duplicate]

I was wondering if there is a reason why most desktop applications don't user a pointer cursor (pointing hand, see below) to show that a button or element is clickable, but always show the default ...
0
votes
2answers
81 views

Asking for feedback about header colour [closed]

Which header do you think is better? Light grey: White with shadow
0
votes
2answers
110 views

UX patterns for manual review of error messages

I have a set of 80+ automated tests that run every morning on all the datasets in my database. Some are critical tests and some are non-critical. Any failed tests record in a DB table the dataset that ...
1
vote
1answer
37 views

Specific name for a collapsible bottom drawer menu?

I am looking for examples of this, because I eventually want to use it in a long scrolling Jupyter notebook - however, when I use "collapsible bottom drawer menu" in search, I mostly get ...
0
votes
0answers
56 views

Why would someone use a button as a link and vice versa

I've seen people trying hard to make an <a> tag look like a <button> (by CSS), and people doing vice versa. Why would they do that? IMHO, they encourage clicks on (fake) buttons, and ...
1
vote
2answers
117 views

Positioning a small, unique control, next to a very large one

I have a really small UI control that looks strange next to a very large one. This small control is what allows me to select the data to present in the list view. The button on its right, opens a ...
2
votes
3answers
126 views

Is there a proper term for this type of "connected widgets" paradigm?

Is there a proper term for this type of user interface? I'm looking to research libraries to use for a project, but "connected widgets gui" is so generic, it just brings up results for GUI ...
2
votes
1answer
37 views

Should I resize a window on language change

In my desktop I have a settings dialog that after I change the app language there's a label text gets too big for its space. I want to know if it is good practice to resize the window after a language ...
2
votes
1answer
34 views

Using only arrow keys, navigate from a scrollable gallery to action buttons

I have a gallery of images which scrolls vertically. There is no limit to the amount of images, so the gallery could scroll for a long time. Outside of the gallery, there are "action" ...
0
votes
0answers
14 views

UI for enumerated OpenType font features

Can you think of a tidy and efficient way to present 1–99 different text display options to users, given that more than one option may be active at any time, and text selection may include multiple ...
2
votes
1answer
73 views

What are some modern examples of "steps involved" UI user patterns?

I need to create a UI element for my website that illustrates how the main process works, using some steps. The element will have the header "How It Works" followed by three steps. However, ...
5
votes
2answers
250 views

Stuck with my UI design

I am facing sort of a mental block while redesigning a new UI at my Job. The previous UI was not user friendly and we received a lot of feedback to make it better. Now, finally after 2 years our team ...
2
votes
2answers
613 views

Decrease the font size or break to a new line with multiple languages?

I would like to know what is the better way to deal with the following issue: A website supports multiple languages; some of them fit on one line of a container, while others do not. Is it better to ...
0
votes
1answer
106 views

Best design for product list page of an e-commerce website

I am working on an e-commerce website. I want to display the summary of search result and want to know which layout is the best? The information that I am sowing are: Ad title Price Location ...
2
votes
1answer
64 views

What is the term for varying types of selection, and why are most apps either one/the other with no setting

This might be asked before, but I'm trying to create a feature for my design app that supports both methods of selection in this way. One mode should select all items that the bounding box even ...
2
votes
1answer
89 views

Is feature to customize themes and colors for Mobile/Web Apps important for UX?

We are building a CRM like application but targeting micro businesses, consultants and etc. While designing UI for our Mobile/Web App, my manager suggested us to inlcude themes, color and fonts ...
0
votes
0answers
29 views

Good ways to show detailed info selecting from a table?

Lists (tables or grids) may hold much information behind the list. I have seen popup windows and split screens etc. Most of them works in a desktop environment, but on a small smartphone the detailed ...
3
votes
3answers
165 views

What would be the better option for Grid items in App, Circular buttons or Rounded Rectangular buttons?

Currently I'm designing a mobile application where I need to display various categories for the user to choose and for that I have created two variations. First Option is Item within circular shape ...
3
votes
2answers
244 views

Design language and color choices by geography

We were doing a study/survey recently on an app which is expected to be launched globally (North America, Europe, South/East Asia). The current design favors cleanliness, white space, and muted colors....
1
vote
1answer
62 views

How to add multiple entities to send a communication message?

I'm designing an input component for selecting multiple entities (E.g. User and User groups) to send a communication message from administration page. From my perspective UI-1 might create a visual ...
2
votes
2answers
71 views

For a list of 10+ cards, Should I use a CTA button on each card for a better conversion rate?

Should I use a CTA button on each card for a shortcut knowing that I have cards feed layout pagination for more than 10 cards? For example if I have a projects feed inside a freelancing app here're ...
0
votes
0answers
39 views

What title could differentiate an "Inventory" page (containing items on-hand) from an "Ingredients" page (containing a full list of existing items)?

I'm making a recipe app with an inventory. When making a recipe, the user can add ingredients from an included list of available ingredient. If the users cannot find an ingredient, he can add a custom ...
1
vote
0answers
50 views

Why does handlebar not appear consistently in the native iOS UI design?

Handlebars usually appear at the top of Modal View: But in other system-level views, there is no handlebar, even if they functionally act like a Modal View. (For instance, this screen, where you can ...
2
votes
2answers
324 views

What should be the vertical placement of primary button on a mobile screen? And why?

A user scans the screen from left to right and top to bottom. So, we use the primary action (or primary CTA) on the right side while designing for the web. If we consider top to bottom scan approach ...
0
votes
1answer
32 views

In a validator app, how to keep focus on the content you're validating?

I've got a specialized text validation application where the user can either type, copy/paste the text or load file in - then hit Validate for the screen to transition to the results area. Here's a ...
2
votes
2answers
83 views

Change button text based on drop down menu

I want to change a button text based on selected drop down option e.g. Add UPC or Add Department etc. Is this okay design choice or is there better alternative?
3
votes
2answers
128 views

Alternative to TAB layout to show three different pages connected

I have an app where from the home page the user enter in a page built like: List of all registered documents from which the user can choose one of them and send it to the server with a bottom app bar ...
0
votes
0answers
92 views

Is having multiple links to the same destination from a single GUI a good practice?

Should one page contain multiple links/buttons leading to the same content? As an example, the Windows 10 Power Options page contains almost half duplicate items.
1
vote
1answer
71 views

How to showcase additional menu level items within the current menu UI without breaking it

We have an app that lets users modify their face as they are taking selfies. Under the Beauty option, users have the option to Smooth their skin, add Lipstick, edit Eyes, etc. The user can see in real ...
2
votes
2answers
91 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 ...
1
vote
2answers
244 views

An alternative name for 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
150 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
28 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
53 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
233 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
110 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
2 3 4 5
53