Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

Questions tagged [page-layout]

Page layout is the part of graphic design that deals with the arrangement of visual elements on a page.

Filter by
Sorted by
Tagged with
226 votes
15 answers
51k views

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

I'm part of a MediaWiki site called D&D Wiki. Among others, one of our longstanding issues in the public eye was our failure to label clearly enough that certain pages are categorised 'Homebrew', ...
user avatar
22 votes
6 answers
35k views

Best layout for a settings page

I have a settings page with a fair number of options. See screenshot Each of the links will take the user directly to a form where they can change the details (ie Business Settings) or a search/list ...
user avatar
  • 565
15 votes
1 answer
4k views

What is the name of this practice when a page loads?

It seems that some basic elements take their position quite quickly: and then others follow to form the final page: update (Apr 2018) I've noticed that youtube is also doing this...
user avatar
  • 253
11 votes
5 answers
25k views

What's the recommended max width for the main container and for the main column, for large screens?

Based on this question, "Why do many sites leave half of each webpage empty?" and its comments and answers, I did some research, but I didn't find a complete answer. For me it is obvious that it is ...
user avatar
11 votes
6 answers
925 views

Button bar: criteria and position

Me and my team are (re)thinking some UI details of our main application. It's a "traditional" desktop application for the Windows platform. It's a business targeted application, and our customers are ...
user avatar
  • 880
10 votes
4 answers
659 views

Does any research/study exist on what makes an interactive document better from a user experience perspective?

I am aware that there is a lot of research into page layout methodologies and the flow of design elements (text, diagrams, etc) such as the Gutenberg Diagram, Z-Pattern, F-Pattern, and so on. I'm also ...
user avatar
  • 3,796
9 votes
3 answers
844 views

Should I keep my website logo always visible?

I'm building a website for a new company and right at the homepage there is a main action where users need to select wich city they are located in order to show specific results, which depends on the ...
user avatar
9 votes
3 answers
21k views

Grid View vs List View for products

I am looking for some general insight on a comparison between grid view and list view in e-commerce and not only. I want to start from this general research, find the proper terms I don't know at ...
user avatar
9 votes
2 answers
1k views

Why is stackoverflow and blog layout ignorant of screen width? [closed]

Take https://stackoverflow.com/questions/33131200/spring-ignores-property-file-in-current-directory-using-that-in-classpath-instea. Most monitors I use these days are 1080p or atleast 900 anyway, yet ...
user avatar
  • 191
7 votes
5 answers
402 views

Where's the best place to put an icon in a checkmark / label question?

The checkmarks ask what food you want and the clock asks if you want it fast. Where is the best place for the icons to go in this example? The icon basically acts like another "yes/no" ...
user avatar
  • 171
7 votes
4 answers
2k views

How best to combat right hand column blindness

Many ad-driven content-based websites have rich right hand columns, used primarily to cross-promote content from other parts of the site or to extend the user journey. The Daily Mail is the classic ...
user avatar
  • 765
6 votes
1 answer
501 views

How to best improve information density for long, complex forms?

How to layout long, complex forms such that the largest possible number of fields is visible on the page, but legibility is maintained? I am re-designing an enterprise web app where there are a total ...
user avatar
  • 277
4 votes
2 answers
106 views

Is it a bad idea to move the content on the right of the page?

I recently discovered a blog which has an original layout: The left half of the page contains by the name, two menus, the social buttons and the copyright. Most of the space is not used, and is ...
user avatar
4 votes
2 answers
2k views

How do you design columns, sections and spacing to force reading direction & usability?

Instead of long, wide single column documents I've started using multiple columns to improve readability (mostly due shorter lines). However, in a document containing multiple columns and sections I'm ...
user avatar
3 votes
3 answers
4k views

Slogan positioning on a website

I'm currently working on a new design an I would like to try positioning a big slogan (not a baseline) right at the top of the page next to the logo. On most websites, the slogan is vertically ...
user avatar
  • 1,014
3 votes
2 answers
938 views

Displaying multiple tables with varying numbers of columns

I am trying to design an enterprise application and I have a situation where I have multiple (More than 20) tables to be displayed in the page as a result of user interaction. I cannot limit the ...
user avatar
3 votes
2 answers
112 views

Page layout - authoritative research into natural flow of text, tables and images

I have been trying, unsuccessfully, to find any research into the best way to layout pages in a way that suits a typical reader's flow. That is, how they naturally look at a page, where their eyes ...
user avatar
3 votes
2 answers
344 views

What is the best way to design a 'debt' screen

So I've been searching for this, but I think Google thinks I want to know about 'UX debt'. The thing is, I've been assigned to design a new screen for when our customer hasn't paid for the service. ...
user avatar
  • 133
3 votes
3 answers
357 views

General name for the website style that appears in wide pages

The front page on https://trello.com/ is an example of something I am seeing more and more frequently on the web. It is almost like a set of slides, stacked one on top of the other. Here's another ...
user avatar
  • 141
3 votes
3 answers
221 views

Best way to organize items by use frequency

My site contains a page with boxes, of varying sizes, that can be rendered in any order on a grid. Overflow goes to the next row. I have been instructed to design a system wherein the order the boxes ...
user avatar
  • 133
3 votes
1 answer
124 views

What are the benefits of the new Marks and Spencer large image fade?

Marks and Spencer recently rolled out their new site. For those that haven't seen it, take a look, works well. http://www.marksandspencer.com/ Did you notice that the large image fills the screen at ...
user avatar
  • 944
3 votes
3 answers
2k views

Improving notification alerts UI / UX

We've got a notification system on a CRM type web app. There are many stages in the CRM, and each stage has many projects, each project can have many notifications. We have a dashboard showing the ...
user avatar
  • 449
3 votes
2 answers
485 views

Design settings page for wide layout?

My web app has a settings page. It's pretty normal: some broad categories on the left, then pairs of option-name - option-value settings on the main right-hand section. Works OK. However, on a full-...
user avatar
  • 39
3 votes
2 answers
1k views

Filter placement

I'm working on a page which shows multiple products and it needs some sort of filtering. I've seen a lot of websites place filters for the content either above or left of the content, as shown in the ...
user avatar
  • 2,204
3 votes
1 answer
1k views

Multi page vs single page to complete a form? (not for ecommerce checkout)

How to create a form with ~15 fields for a buying used clothes site, single or multi page? I saw other debates & older forums, but im not still convinced. Im leaning towards one page, or maybe ...
user avatar
3 votes
2 answers
2k views

split screen layout pros and cons

I'm in the research and planning phase of a new website for a company that consists on 2 persons with different areas of expertise. I was thinking about designing a split layout inspired by this ...
user avatar
  • 253
3 votes
1 answer
253 views

Should a book use icons to outline regions / semantics?

disclaimer: with "book" I'm mainly referring to texts that gravitate around a technical / scientific topic, like math books or programming books, not really romance or narrative. Considering the ...
user avatar
3 votes
3 answers
381 views

Need suggestion for data display in page

I am pretty much new to designing layouts for pages. I am looking for suggestions whether my approach is right. Here is the sample layout of my page. http://plnkr.co/edit/BNHvqb?p=preview Basically ...
user avatar
  • 31
3 votes
4 answers
179 views

Show a blank sidebar to preserve layout consistency?

In our product we have a sidebar which contain some widgets. However, certain pages don't need any widgets. On these pages does it create a better UX: a) Keeping the sidebar as a blank column. This ...
user avatar
  • 35
3 votes
1 answer
2k 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 ...
user avatar
3 votes
4 answers
244 views

Sign up page guidelines or trend?

Is there a reason why the signup page on many websites are totally separated from the rest? I noticed that it results as a single page, where there is only the logo of the site and the signup form. No ...
user avatar
2 votes
1 answer
83 views

Side to side comparison in mobile

Amazon has this feature to compare most helpful positive and most helpful critical reviews side by side when viewed on a pc (not from mobiles). I assume for mobiles this is impractical because the ...
user avatar
  • 123
2 votes
2 answers
710 views

Is Cumulative Layout Shift a consideration while the page is still visibly loading?

Cumulative Layout Shift (CLS) refers to unexpected change in the position of content on a page, and usually happens because resources are loaded asynchronously or DOM elements get added to the page ...
user avatar
  • 175
2 votes
1 answer
55 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 ...
user avatar
  • 227
2 votes
2 answers
750 views

Main navbar and sub-navbar

I have a website that has a main navbar (shown as the top/white navbar in the image). Of the top navigation links, one of them takes you to another page that is much more customizable and offers many ...
user avatar
  • 23
2 votes
1 answer
223 views

Whats the Definition of different layouts in webpage that is Two Column,Three Column ,Multi Col,Border Layout and Two Panel Layout?

Definitions needed for Two Column,Three Column ,Multi Column,Border Layout and Two Panel Layout which will be helpful in documenting Technical Design document
user avatar
2 votes
1 answer
66 views

How could I make this sheet more intuitive?

I recently wrote an open-source application that lets you practice Chinese writing and the decisions I made about its inner workings were related to my theories of how human memory works. I'm not sure ...
user avatar
  • 345
2 votes
1 answer
134 views

Perception of progress - number of pages

I'm at the very beginning of redesigning a checkout/bag page and had a thought about how people perceive their progress through a form based on the amount/lack of pages. Currently we have a bag page ...
user avatar
  • 1,855
2 votes
1 answer
57 views

Users are not scrolling below full page image, but clicking on nav links

I have a typical page layout with a header across the top of the pages containing a logo on the left and nav on the right. The homepage starts with some intro text (which takes up most, but not all ...
user avatar
  • 121
2 votes
1 answer
52 views

Interactive documents v websites. What research/studies exist to cover when one should be used over the other?

In discussing my question Does any research/study exist on what makes an interactive document better from a user experience perspective? an interesting argument has arisen that using a website is a ...
user avatar
  • 3,796
2 votes
1 answer
44 views

How do I solve the two column layout challenge for question and answer sections?

Overview We have a platform where students can take an online assessment anytime and anywhere. We offer this online assessment mainly for English, Science, and Math subjects. The students need to ...
user avatar
2 votes
1 answer
165 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:...
user avatar
  • 8,180
2 votes
2 answers
2k views

Placement of anchor link buttons in a page with a lot of scrollable content

I am building a profile page (http://giga.brandvertisor.com) containing a lot of of information, visually organized in horizontal sections. For the sake of easier navigation, I have put anchor link ...
user avatar
  • 316
2 votes
2 answers
121 views

How to display a label-field with multiple pieces of data

Let's say I have a details page that lists various pieces of information taken from a form. This works fine when I have a single attachment (link) per field. However, let's say the user can attach ...
user avatar
1 vote
3 answers
657 views

How can I make the message of this hero image clearer?

You, like many others, may have some trouble understand what this hero shot means: You can also check out the actual landing page to see how the same image looks on a big screen. I intended to ...
user avatar
1 vote
2 answers
115 views

For Wide Display Should Main Content be Centered or Left?

I am confused on how the main content layout should be on a wide screen monitor. So should I keep my main content on the left or middle? Since I have read many places that content should be on the ...
user avatar
1 vote
2 answers
141 views

Why do designers draw graphic layouts without device resolution constraints? [closed]

I am front-end web developer based in Europe. I just begun working remotely with team from USA. I am not a graphics designer. So far when I was cutting and embedding graphical layout into HTML and CSS ...
user avatar
  • 113
1 vote
2 answers
132 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 ...
user avatar
  • 121
1 vote
1 answer
188 views

What are these "badges" called?

They're usually used to tell the user that a list is empty, or a resource could not be found, or that a resource may be unavailable. SoundCloud has one here for tracks without any comments: Or if ...
user avatar
1 vote
2 answers
419 views

Should I support minimum page widths below 960px on a non-responsive layout?

I want to start supporting page widths below 960px (non-responsive), but I know this is not traditional. When I say non-responsive, I only mean that the page layout not change dramatically like you'd ...
user avatar