Questions tagged [layout]

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

Filter by
Sorted by
Tagged with
1
vote
2answers
79 views

How to make sure people will see all the items/options on my website?

I'm designing a website for a dog and cat shelter. We will put the photos with the descriptions of the animals and any other useful infos. Since there are about 50 dogs and 100+ cats, how can I make ...
0
votes
1answer
41 views

How to represent nested If-Else blocks in documentation?

I want to document a process that has some nested If-Else decision steps. The documentation must be printable, so I don't have a lot of space for proper left indentation to represent the current level ...
0
votes
0answers
27 views

Where to put a Map on the Contact Us page?

I’m working on a Contact Us page and trying to keep it minimal with only 3 sections (in order): Map Contact Us Form Footer Does it matter if it is: Contact Us Form Map Footer? Edit: I have removed ...
1
vote
2answers
72 views

Should we include a 'collapse' on this page?

We're developing a page, where the user can unsubscribe at the top of the page, and 'email preferences' at the bottom. The question is, once the user has 'expanded' to see the preferences, does he ...
2
votes
3answers
50 views

Careers links in mega menu

I am designing a corporate website career page. Should I use a mega menu for the career page? Here are some of the items related to the career page: Who we are! What we do? Life at Our Company! ...
1
vote
2answers
53 views

Referring to the position of an element in modern (responsive) design

This is such a common and basic issue that there must be an answer somewhere already, but I can't see it, so I'm wondering if I'm missing something. Should we avoid referring to the position of an ...
1
vote
2answers
62 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. ...
0
votes
1answer
56 views

Which is best alternative design of a table which having only 2 column to display in UI with one edit button. Please advice me

Please help me to get the best UI layout as I don't want to use the table in my page due to less number of the column.
5
votes
2answers
334 views

What should you consider when prioritizing information and features across screens on a product?

Based on solutions and ideas from "Can you make it more prominent?" stakeholder phenomenon I decided to list out and prioritize each of the features on each screen in the product. Turned ...
4
votes
1answer
134 views

Mobile UX - Using tabs and bottom navigation

I am trying to find information regarding using tabs when combined with a bottom nav bar. The benefit of the bottom nav bar is that it allows the user to quickly switch between different sections of ...
0
votes
1answer
70 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
1answer
32 views

How to correctly position data that has additional formatting for context

I'm currently working on standardising how read only form data is displayed. Right now, it can be stacked labels and values OR label left, value right. My preference is to go for the stacked view and ...
1
vote
1answer
28 views

Content presentation pattern name and known usability cons and pros

I am currently designing a long product page; usability testing shows that the monotony and the high homogeneity of the page represents a findability, legibility, and overall experience blunder. We ...
0
votes
1answer
106 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
2answers
342 views

Navigating a double top bar

I've ran into a UX problem in a site I'm designing. I feel like there's an obvious solution but I'm having trouble finding it. I have a site that has a global sticky bar. In the middle of the site, I ...
1
vote
1answer
66 views

What is this table format called?

What would you call this type of table row layout? (This is from Mailchimp's email campaign manager section.) It's not a traditional data table, since it combines about 6 pieces of information in ...
-2
votes
1answer
122 views

Portrait vs Landscape Mode [closed]

Portrait & Landscape layouts - What is the UX guidelines for making two distinct layouts i.e. where the layouts will be significantly different from each other.
2
votes
1answer
94 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:...
1
vote
2answers
75 views

Name for flexible view-based layout like in Photoshop, Eclipse, Blender?

Is there an established name for the visualization and interaction based on movable views as in Photoshop, Eclipse, Blender, etc.? I refer to: a screen with some global controls onto which a set ...
1
vote
1answer
220 views

Should expanded search tools collapse automatically after searching?

We have a page with a list of elements and a hidden advanced search panel that slides down after the user clicks a button. With the advanced search panel hidden, the user will see two rows of results (...
1
vote
2answers
122 views

What layout for a nearly empty web app? [closed]

Context I am designing an ad hoc enterprise web app that is very simple: given two parameters (year, month), click a button that generates and let you download a file (an Excel spreadsheet). Users ...
1
vote
0answers
35 views

The right Layout grid for iOS UI design

I just downloaded the free iOS 13 GUI for figma and I tried to see whether their app templates follow a standard grid layout format, and by the way it looks they don't - components are not aligned ...
4
votes
0answers
50 views

Order of arrangement controls for Back/Front Backward/Forward

Backstory A discussion came up in my organization where we're looking at the conventions for ordering the Forward/Backward and Front/Back buttons for our desktop application, which runs on Mac, ...
3
votes
2answers
59 views

Requesting break down data for an amount or number

I am developing a page that allows managers to select teams and individuals needed for a project. When selecting a team, each employee within that team is shown with their known skills. Once an ...
2
votes
1answer
46 views

Is there a name for a layout containing a list and detailed view of currently selected list item?

Like in an attached screenshot - on the left there is a list of all orders and on the right detailed view of a invoice of a selected order. Is there a name for such a layout / UX workflow?
3
votes
1answer
1k views

What is an effective method for in-page navigation when none of the other pages have in page navigation?

I'm updating a help page that is sectioned and navigated using a list of links at the top of the page. Since there is so much content in the help page it is easy to get lost, and the only way to ...
3
votes
2answers
146 views

What is a better position for 'send OTP by email' on sms OTP feature

I'm working on an OTP (one-time password) screen on a mobile app. The primary method of OTP is via SMS. There's also an option for sending OTP by email. Currently, my layout is like this, where I ...
2
votes
1answer
68 views

When designing a 2 column form, should the logical order of fields flow vertically or left to right

I'm building a business system that has several screens with more than 20 fields. In order to improve the experience I have broken the form into multiple sections and used 2 column layouts. Should I ...
1
vote
2answers
200 views

Ideal way to show multiple columns in an input table for keyboard navigation

I have a page as below. I have to show table with multiple input columns(> 30). in the region "input able with many coloumns" One Idea is have arrows on right and left and navigate. Another is have ...
1
vote
0answers
24 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
1answer
42 views

Showing two informations in tree node

In my web application I have a tree with each node holding two status. Nodes are circles linked with each other. The status can be either OK, KO, or PARTIAL. The first status is the "technical ...
0
votes
2answers
113 views

Desktop application icons best practices

I'm developing a tool for a software specifically for only desktop, and I'm wondering what's the best practice to deal with many icons? Right now I have them on the side of a treeview as they are all ...
4
votes
6answers
516 views

Best way to deal with multiple choice checkbox UX?

I know this is somewhat subjective, but I can't really make up my mind on the following UX issue (please ignore the design, so far the site is purely for functional testing) I've got a site that acts ...
1
vote
1answer
105 views

Should a box shadow be used on a container? [closed]

I have a container that's used for pagination (as you scroll down it loads more elements). I rounded the edges out and added a box-shadow, but I'm not sure if this was the right decision. Is there ...
-1
votes
1answer
39 views

What is the best design for a table that contains many columns? [duplicate]

I designed a table to display a set of data, some take up a lot of space, and the table contains many columns .. Because of that I had no space to display the rest of the columns
2
votes
1answer
34 views

Handling long text in width-constrained layouts

I'm working on an application in which there are occasionally single-word strings that need to be represented in a box that isn't wide enough to contain the word unbroken: The example above is in ...
1
vote
3answers
132 views

Material Design card with a lot of information

This is very much related to Material Design List with a lot of information The previous question and answer does not cover how to layout the information in a material card. Let's assume I have some ...
0
votes
0answers
43 views

Vertical versus Horizontal Scrolling Patterns

I've seen sites that have horizontally scrolling content as their main content. For example, Trello and Jira have many columns that extend out horizontally. The page then allows for scrolling. I've ...
1
vote
1answer
923 views

3 column layout for a video player page?

I'm designing a new layout for a popular video site. We are doing a "large" layout for min-width 1366px. The video player can't get any bigger, so on the video player pages, we have some extra room ...
1
vote
3answers
132 views

How best to arrange a group of 6 numerical input fields, one text field, and 3 radio buttons?

I have a GUI form with multiple group boxes. One of the group box has 6 numerical input fields each with an average input length of 3 or 4 digits, one text field with an average input length of around ...
0
votes
2answers
143 views

Canonical web page layout articles

I need scientific works or articles about canonical layout forms used in e-commerce shops, something about prototyping and trying them on a real audience. Maybe can you lead me were I can found ...
0
votes
5answers
1k views

Best practice for collapsible submenus?

I have a website navigational menu: Lorem Ipsum < Situs Pratius Quisque Dolor Duis Proin < Folios Artius Zalto Ramo Neque What should be the best practice for users; if a user opens up ...
2
votes
0answers
37 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 ...
0
votes
2answers
86 views

Should sections (sidebars, etc.) have a distinct background colour?

Consider the following layout: It's divided into four horizontal sections using borders, each with their own heading. On the web and desktop, it's a common pattern to give sections a distinct ...
0
votes
2answers
155 views

Form alignment left side to right side

I am very new to UX and I find my form to be sloppy. Is it an alignment problem? Should I align the text on the right side with the text in the left side of the form? For example: should I align " ...
1
vote
2answers
85 views

Adjusting information inside a card visually

Context Currently, I'm working on Product Listing page of a web-store. Products shown on the web-store can basically be rented out and we have defined rental prices for different time duration such ...
17
votes
6answers
9k views

Fixed width for buttons or proportional with the text?

What is the best practice for a UI, to make all the similar buttons with a fixed width, no matter how long is the text (with the condition to fit) or make the width proportional with the text and add ...
0
votes
1answer
81 views

Add an element to an interface without increasing the complexity of the layout

I need to implement a text and a switch to a login interface. This is what I made: The problem is that I think it is a bit inappropriate, considering the layout and colors chosen in the interface. ...
29
votes
6answers
9k views

Usability of vertical text

I am playing with ideas for a menu that I want to add to some site designs and was wondering: How usable is vertical text in any portion of a site (specifically menus)? For example You can have ...
0
votes
0answers
73 views

Best practices for designing layouts of highly configurable/customizable web applications

As the title says, I'm looking for best practices or guidelines on how to design highly configurable web applications. We're currently doing a complete redesign of our HR application and there isn't ...

1
2 3 4 5
17