Questions tagged [layout]
The way in which the elements of an interface are laid out.
19 questions with no upvoted or accepted answers
3
votes
1
answer
306
views
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 ...
- 31
2
votes
1
answer
156
views
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 ...
- 83
2
votes
1
answer
85
views
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. ...
- 38.3k
2
votes
1
answer
254
views
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:...
- 8,270
1
vote
2
answers
129
views
How to make it clear to a user that they can click a row of data and get to sub-rows of data WITHOUT using collapse or expand?
Basically users have >25,000 rows of data. I chose pagination to allow the user to navigate the data. In some cases there are sub-rows. I would like to allow the user to "dive in" to ...
- 11
1
vote
1
answer
98
views
How can you combine the full-width laptop admin UI that has a sidebar, with the centered readme / content UI?
Here we have the nice and elegant Linear App admin UI stretching full laptop width:
And here we have a "centered" slim column of text like in a nice clean distraction-free blog post.
Often ...
- 523
1
vote
2
answers
53
views
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 ...
- 11
1
vote
4
answers
188
views
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 ...
- 173
1
vote
2
answers
295
views
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' ...
- 151
1
vote
1
answer
248
views
"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 ...
- 187
0
votes
1
answer
102
views
UI Design for dynamically manage multiple groups of form elements
I'm developing a user interface where users need to dynamically manage multiple groups of form elements. These groups may vary in content and quantity. What user interface guidelines and patterns ...
- 1
0
votes
1
answer
88
views
Optimal layout for a horizontal product card
I’m wireframing the product list of an e-commerce app. The client requested a horizontal card layout with a lot of information that is necessary to display:
Product image
"Sale" badge
...
0
votes
0
answers
72
views
Complex table design based on diagram selection
enter image description hereI am building a web based tool to manage car repairs. The user would select an area of the car and a part from a list of supplied parts. They would then select what they ...
- 1
0
votes
2
answers
394
views
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 ...
- 1
0
votes
2
answers
691
views
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 ...
- 37
0
votes
1
answer
205
views
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 ...
0
votes
1
answer
320
views
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, ...
- 147
0
votes
1
answer
88
views
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 🙏
- 1
0
votes
1
answer
56
views
What is the significance of the undocked state on the UI layout of the pane?
On the UI layout of the pane, there are operations of Dock and Undock.
We can see that in the undocked state, other interfaces will be covered. What is the function of the pane in the undocked state(I ...
- 103