Questions tagged [layout]

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

18 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
2
votes
1answer
108 views

How to display products from various menu's in a smart way?

for an application in the restaurant business I am thinking of a smart way to display ALL menu items, both foods and drinks, from various menus. Now a restaurant may have several menu cards, so a ...
2
votes
1answer
161 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:...
2
votes
2answers
116 views

Aligning single column layout

In his article "Designing Learn JavaScript’s course portal", Zell Liew chose a single column layout aligned closer to the left. He defends his choice by explaining that it improves legibility. ...
1
vote
0answers
28 views

Google pay and Credit card in the mobile app

I just need one or two advice, regarding on this new booking system as the developer team create it without my knowledge and didn't ask me for advice or design UX before they went developed it and it ...
1
vote
2answers
107 views

UX Pattern to make it easier for the user to fill many different select boxes

We have a web form and the user is required to fill in atleast 5 (maybe more) select boxes. Our current UI layout (see below image) looks like alot of work to the user. Are there different UX Patterns ...
1
vote
1answer
107 views

Does bigger/wider grid better provide better user experience nowadays?

Does bigger/wider grid provide better user experience nowadays as 16:9 are more common? I don't see many 960px/1000px wide layouts these times. There is some data favouring e.g. bigger buttons, but ...
1
vote
0answers
33 views

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....
0
votes
0answers
31 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 🙏
0
votes
0answers
34 views

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 ...
0
votes
0answers
42 views

Grid/Column layout: Fixed-width sidebar or sidebar is within the column grid?

This question is regarding grid layout, the context is that I am designing for a platform which has a pinned sidebar on the left. I'm trying to figure out the layout settings. According to this ...
0
votes
1answer
106 views

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 ...
0
votes
0answers
89 views

iOS download behaviour for pdf files in a shop

I developed a small shop for a client and have stumbled upon a bigger problem. After completing a purchase for an e-book, customers can download it in the order overview. However, iOS does not load it ...
0
votes
0answers
104 views

Step shaped visual layout of cascading filters

I find this layout of cascading filters: much more intuitive and much more "welcoming" to use, over the traditional, horizontal axis layout: I am trying to explain to myself why this is so....
0
votes
0answers
55 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
0answers
39 views

Dashboard with variable size section

I'm designing a dashboard, with various graphs and data tables, that has a section showing the relevant users. My initial design was to have a card design for each user and it looks fine if there are ...
0
votes
1answer
165 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 ...
0
votes
2answers
216 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 ...
-1
votes
1answer
100 views

Too many expanding panels, not enough room

The scenario: An enterprise software platform uses a collapsible left panel for its navigation and a collapsible right panel to show customer info. The customer info panel would be used side-by-side ...