[Pro] Best page width and length

I am a new guy to Freeway and would appreciate wisdom on setting page width.

The tutorial uses 700 X 700. I see mentions in Freeway Talk that run from 800 to 960 and a suggestion that it could be wider depending on viewers screen resolution.

What I would like is a page that fills the viewers screen from edge to edge and could even scroll down to fit, say a long news letter or series of entries.
Can a page length be set as undetermined?

Thanks
Dunc


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It can be set to expand using percentages for width’s and these are often called “liquid” or “flexible” layouts. Typically I recommend setting the “page size” to be 1000px wide and obviously the height would be dependent on how much content existed on the site itself vertically. Then I usually build my inner design to be 960px wide.

Why?

Well typically I plan for users to have a monitor that is at least 1024x768 and some quick math there says that there will 32px extra on the sides of my design (which again is only 960px wide) which makes it work for people with smaller monitors.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Dan.
Are you saying that the height of the page will be content dependent? If so, that is great


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi,

I would say more or less yes.

The height is of course content dependent but it is also a question of attitude. I would divide it into three main parts:

  1. “No scrolling forever”:

These are the pages, if we go on with Dan’s Rule that host all the content within a height of 700 px. More content needs either to be scrolled within that height or simply cut and add another page. (I often have pages like these and I personally hate them)

  1. “The floating height”

These pages do not care about its height. They simply follow the rule, that a height of 15000px to scroll down manually is not really user-friendly. But they don’t care about the +/- factor of 57px. My page is following this idea.

  1. “The one page design”

This is a trendy one that has (more or less) only one index page and a length of x-pxs. They’re pimped with smooth scrolling anchors and probably carousel to host all the stuff within one page. Vadim did a really nice example based on that idea ( http://www.freewaytalk.net/thread/view/94282 ) but there are a few out there.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There’s a few different ways to attack this.

First of all, height is completely (or nearly) irrelevant. You have to
set some height in Freeway, otherwise you end up out of pasteboard
to place more content as you add it, but the height of the page that’s
published will be reduced to the height of your actual content.

Try this: make a new blank page that’s 2500px tall (or any number much
taller than your browser window). Scroll down to the 1,000px vertical
position (look in the ruler on the left of your design screen) and
draw a small purple box. Now preview in a browser. Even though you
made your “page” 25,000 px tall, you will only ever be able to scroll
down to the 1,000px + height of your box point, and that’s the end of
the scroll.

Secondly, width should be driven by the type of content you are
showing. For example, text with line-length greater than 10 - 15
average words at your default font size will be extraordinarily tiring
to read beyond a couple of paragraphs. If you are publishing long-form
text, pay careful attention to this rule. If you find yourself having
to split your content into multiple columns in order to follow this
rule, then consider making your page itself narrower. Even in this day
and age where 27" monitors are considered “normal”, remember that many
people still like to read comfortably, and you will do well to honor
that if you expect them to carry on beyond the “above the fold”
portion of your page.

If you are showing photographs, then consider the file-size FORCED by
large images. It’s a fact of physics that an image that is twice as
wide (and proportionally enlarged) has four times as many pixels, and
thus considerably larger file-size. Using Carousel effects does not
exempt you from this, it just hides the problem off-screen. The only
way to present large images without causing the visitor to leave your
site out of sheer impatience is to lazy-load the images from disk, as
in a Showcase or ScriptyLightbox slide show. Which gets me back to the
idea that having an enormous grid of thumbnail images on your extra-
wide page just introduces overload and user confusion – and dilutes
and diminishes the impact of each of the images on display. Think
about the (IRL) galleries you like – do they show all the pictures
crammed onto one wall, or do they have a rhythm and pacing and plenty
of “white space” to give each image its due?

For the longest time, well after it was fashionable, I was a strong
proponent of centered 750-wide pages. With a good background image
(tiling) strategy, you can make a visually interesting composition
that still centers the visitor’s attention and makes the content
shine. I have made some sites recently that approach 960px, and that’s
gaining traction as the “new 750”, but I feel as though it encourages
multi-column layouts and other unfriendly tactics that end up tiring
the eye.

All this (except the line-length bit – that’s extremely well-
researched) is my opinion. Your content and your design ethos must be
the driver of this decision. At a technical level, a page CAN be any
size, but you should pick at least a width and stick to it, and be
cognizant of the trade-offs you are working through as you design the
result. And be sure to test on a wide range of computers/OSs/browsers
to test your assumptions. If you only ever see it on your latest-model
Mac, you are seeing a vanishingly small slice of the pie. The more you
know about your audience, and what kind of computers (and connection
speeds) they enjoy, the more informed this choice can be.

Walter

On Jul 25, 2011, at 8:10 PM, Duncan Fowler wrote:

I am a new guy to Freeway and would appreciate wisdom on setting
page width.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Amazing explanation.

Thanks for taking the time here Walt.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options