Questions tagged [layout]

The way in which the elements of an interface are laid out.

20 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4 votes
2 answers

Is "at the front" top, or bottom?

At our office we have a dual garbage bin behind a door. Let's put aside the fact that you have to open a door, and then pull out the bins. What has puzzled me is that the labels were placed on each ...
Koert van Kleef's user avatar
2 votes
1 answer

How to deal with centered content on a layout with a sidebar?

I have the following view in my application, where a list of cards containing some information and a button is present. In order to prevent uneeded space within the cards and make the button closer to ...
João Santos's user avatar
2 votes
1 answer

Guidelines for layout of component that can have variable sub components

I've been asked to design a component that lists objects on a page. The component needs to be able to display between 3 and 6 numbers of objects in the list. Here's what I have for 6 objects in a list:...
colmcq's user avatar
  • 8,250
1 vote
0 answers

Screen-size based layout presets

I am looking for a better way of designing settings page, where users can define which layout preset they want to use based on their screen size. Use case 1: I started session on a 27" desktop ...
Romqa Ivanov's user avatar
1 vote
0 answers

Price Tables: what's the best position for "Best value" option on even grids?

Is there a documented 'best position' for highlighting the 'best value' or 'recommended' option in a table with four columns? In tables with 3 or 5 columns, the best placement is typically the center. ...
Devin's user avatar
  • 37.3k
1 vote
2 answers

Offering downloadable marketing content as the final steps in an analytics console

I'm a UX intern working for a startup and i'm building an analytics platform that offers analytics driven marketing. The current flow essentially moves the user through analytics from high level to ...
Alex's user avatar
  • 11
1 vote
4 answers

Header Alignment on centered page layout

Context Current page layout stretches across the screen, as this was overlooked in the past due to a small team. I'm looking to fix content width and stretch first and last column of the grid system ...
Angel's user avatar
  • 143
1 vote
2 answers

What is a better way to present sign up / login form?

It has become quite common and dare I say annoying these days to see websites and mobile apps prominently highlighting the 'sign up' for new user fields but at the same time why do they make 'Login' ...
Suyash's user avatar
  • 151
1 vote
0 answers

Layout for many independent navigation in a section of a webapp

There are many sub section in my project and I am not able to find right pattern for the layout the user navigates into the section from side navigation bar and then there are close to 25 sub sections....
vaibhav Kothari's user avatar
0 votes
2 answers

Problems with UI UX design for grid elements

i am facing a problem with my grid elements, the design is made to look good when the grid element is filled with long information, but it looks empty and filled with lots of white space when there is ...
Atharv Choudhary's user avatar
0 votes
2 answers

Seeking UI design advice for implementing trash function in a list of sections

First time poster here, and seeking UI design advice. Feel free to ask me any follow up questions for clarification. This is for a web-application. Requirements for this UI component are that the user ...
Ashley's user avatar
  • 1
0 votes
0 answers

Mapping Data UI: Map objects (per childs) to additional data

I'm working on a UI problem when it comes to map data. Imagine you have a wall (object) that contains multiple layers like insulation, concrete and plaster (childs). To provide value with the software ...
Faltim's user avatar
  • 1
0 votes
0 answers

How wide should my artboard be (Container width)?

I came to a point when I needed to decide what would be the container width for my pages. My project involves designing a web platform with a dashboard and a side menu for navigation. I made a little ...
Uzi Cohen's user avatar
0 votes
1 answer

2 steps process in side-panel

We are designing an e-commerce website where our client is a marketplace for merchants to offer discounts or great prices on services/products to end users. Some merchants may give multiple options ...
Antonis Vogiatzis's user avatar
0 votes
1 answer

Study showing it's better to have images in their own row on a text/news article page, rather than in a column with text wrapping around it

I'm remembering a usability study I once saw that demonstrated it's better for scanning or readability on a website's news article or text-heavy page to have any photos as their own row by themselves, ...
dan00binator's user avatar
0 votes
0 answers

UX article/study on CLS (cumulative layout shift)

I’m struggling to find any article/study on CLS from UX perspective, almost all resources I found are written from SEO standpoint. Please could anyone point to any article/study? Many thanks 🙏
WEX's user avatar
  • 1
0 votes
0 answers

Creating a better UX for Generating a Document, subsequently downloading and then uploading a Completed Document

I was brought into a project to improve the general UX/UI of an web application. The section of the application where I have hit a roadblock works like this: User enters Information and selects ...
PaulM's user avatar
  • 1
0 votes
3 answers

Design pattern for collapse but not entirely

I have a bunch of cards in a 2 column layout in my grid. If there are more than 2 items to display I want to show only 2 of them and hide the remaining behind a "Show all" button. What is ...
Alexander's user avatar
  • 131
0 votes
0 answers

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 ...
Daniel Vianna's user avatar
0 votes
1 answer

"Translate" mobile app mockup dimensions from desktop to smartphone size?

I'm pretty sure this is a common issue, but I'm not certain if I'll be able to explain myself correctly. So please bear with me. I'm including a screenshot of a mobile app I'm working on in my ...
rbhat's user avatar
  • 177