Questions tagged [page-layout]
Page layout is the part of graphic design that deals with the arrangement of visual elements on a page.
0
votes
1answer
22 views
Focus style accessibility - Is colored underline enough of a change?
I am currently assessing styles for accessibility for a project onto which I am working. Overall, the layout has a black background (#050000) and text and components are either beige (#FEF0D6) or ...
5
votes
1answer
178 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 ...
0
votes
2answers
97 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 ...
-2
votes
1answer
65 views
Design/development frameworks equally suitable for both desktop and mobile views
I am quite a new to (or way too old for) a modern HTML, and i had to develop simple UI. I need to support 2 types of screen in it:
So UI consists of a menu, and content, for instance, a text with a ...
3
votes
2answers
111 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-...
2
votes
1answer
52 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 ...
0
votes
1answer
316 views
Why YouTube looks different on Safari [closed]
I am a Mac user and Chrome is my default browser.
I think to give Safari a try and after using for some time I realise that YouTube looks different on safari compare to Chrome.
Here is a small ...
217
votes
15answers
48k 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', ...
3
votes
1answer
100 views
Perception of progress - amount 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 ...
0
votes
1answer
34 views
Mobile view layout ordering
I'm confused about one of my eCommerce project product details page ! I couldn't understand am I keep right sidebar on top in mobile ? Now its after logo.
Moreover I want to keep social media and ...
0
votes
1answer
45 views
Is it useful to have navigation/location labels and the page title duplicating information?
Navigation already tells you where you are. Do we need a title? Is it useful or is the title information just increasing interaction cost?
Example:
0
votes
1answer
70 views
Solution to layout of a large productivity app
In planning the design of an enterprise web app with a large number of pages, I am trying hard to keep the layout clean with a lot of white space and as little clutter as possible.
With this, I would ...
1
vote
2answers
435 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 ...
15
votes
1answer
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...
1
vote
2answers
459 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 ...
1
vote
2answers
135 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 ...
0
votes
3answers
343 views
Options for card layout on website
I am creating a screen which displays courses. Currently, I am using card layout. Here each card displays a course name, and a button .on click of that button, a form will open in a modal window where ...
0
votes
1answer
117 views
Documentation in one page or different pages?
What way should the documentation of a site be, all in one page or split into different pages? Since I think it is relevant, this is my project documentation right now, a library for Node.js ...
3
votes
3answers
136 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 ...
1
vote
0answers
90 views
Survey with many optional questions
I'm planning a website that will have a survey of user preferences for various topics. All of the questions are optional although some of them may be more important to users than others. The questions ...
2
votes
1answer
76 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 ...
8
votes
3answers
558 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 ...
2
votes
2answers
97 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 ...
7
votes
4answers
16k 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 ...
3
votes
1answer
56 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 ...
1
vote
1answer
169 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 ...
4
votes
2answers
97 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 ...
1
vote
2answers
97 views
Best way to approach statistics pages
In general what is the best way to approach a statistics page. Not a dashboard, but a page showing a number of numerical stats with labels. Say for example, there are around 10 numerical stats that we ...
0
votes
2answers
281 views
How to deal with many subpages in an Android app?
I'm currently developing an Android app which has already plenty of pages in its navigation, so I don't want to add much more to it.
Now I have a page, let's call it marketplace. The marketplace had ...
1
vote
2answers
481 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 ...
1
vote
3answers
77 views
Best approach to tell the user that the page is a redesign.
I'm working on a ecommerce website and we redesigned only some of our page at the moment, for example our homepage has a different look from our cart page. How do I tell the user that they are still ...
2
votes
1answer
46 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 ...
10
votes
4answers
569 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 ...
3
votes
2answers
99 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 ...
4
votes
2answers
845 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 ...
0
votes
1answer
173 views
Layouting personal developer home page [closed]
I am stuck at layouting personal home page which intended to present me as software developer and R&D man.
I am definitely don't want geeky home page like famous https://www.jwz.org/ (scrolling ...
0
votes
3answers
341 views
Is it good UX to display web pages in a narrow, fixed-size column?
Nowadays most screens are wide and high-resolutioned, but when typical web page loads it leaves on the sides huge empty areas. I understand that designers don't want theirs content be messed up on ...
0
votes
1answer
118 views
Website Forms - struggling for space, what is the best option?
I am looking for some input on a dilemma. I need to implement a newsletter signup box and I am struggling to fit it in properly to the space I have.
The restrictions are:
The left hand column is the ...
8
votes
2answers
846 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 ...
1
vote
2answers
101 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 ...
3
votes
3answers
364 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 ...
3
votes
1answer
879 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 ...
1
vote
3answers
641 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 ...
1
vote
4answers
282 views
Side-by-side Search Results display example [closed]
Can anyone point me to an example of a site that displays two different sets of search results in a side-by-side format? For example, a search results page that displays results for "Pants" in the ...
3
votes
4answers
160 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 ...
0
votes
3answers
124 views
A two-page or a single page implementation is better for the experience of the applicant in any workable.com application?
The current experience of a user who wants to apply for a job using the workable.com platform starts with a page which presents some static content, it is scrollable, and it ends at the bottom with a ...
3
votes
2answers
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 ...
1
vote
1answer
78 views
Alternative to View Panes
I have view pane in my application to give flexibility to the end user to choose preferred view - Horizontal, Vertical and Split. I am looking forward for the alternates of view pane, I guess most of ...
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 ...
0
votes
2answers
818 views
Pagination at bottom of pages only
I'm considering having the pagination menu shown only at the bottom of pages on my website
Also to save screen real estate on mobile devices
The pagination looks like this
PAGE 1/3 >>
or
&...
