42244

econsultancy_xml

The area above the fold is now dedicated to breaking news, while the area below provides links to the various Guardian Unlimited sites and blogs. It looks great, although it is ever so slightly clunky. Try scrolling up or down the page - there is a delay at this end, probably linked to their use of a news scroller at the top of the page. A small thing to iron out. The front page redesign is the first step in an 18-month project to redesign the entire website. According to Emily Bell via the Guardian's <a href="http://blogs.guardian.co.uk/news/archives/2007/05/10/guardian_unlimited_the_new_look_explained.html">news blog</a>: <blockquote> "We aim for a simple and usable design which makes your experience of Guardian Unlimited easier, more intuitive and more enjoyable." </blockquote> Here's a look below the fold: <a href="http://farm1.static.flickr.com/191/492420345_0e11eac605_o.jpg"> <img alt="Guardian below the fold" src="http://farm1.static.flickr.com/191/492420345_0e11eac605_o.jpg" /> </a> Now then, who notices a passing resemblance to recently-revamped homepage for <a href="http://www.timesonline.co.uk">The Times</a>? Both homepages have the ad space above the headers and share a bunch of other features, including a blend of serif and sans-serif fonts for headers and body text, a four-column layout, AJAX/Javascript info-panes, and so on. What else can you spot? <a href="http://farm1.static.flickr.com/219/492420349_1a170d1f7b_o.jpg"> <img alt="Times frontpage" src="http://farm1.static.flickr.com/219/492420349_1a170d1f7b_o.jpg" /> </a> Below the fold (The Times): <img alt="Below the fold" src="http://farm1.static.flickr.com/197/492420361_33464135b4_o.jpg" /> Both homepages are big improvements on earlier versions, but has somebody released a design template for online newspaper page layouts that we don't know about...?

<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"> <Paragraph>The area above the fold is now dedicated to breaking news, while the area below provides links to the various Guardian Unlimited sites and blogs. </Paragraph> <Paragraph>It looks great, although it is ever so slightly clunky. Try scrolling up or down the page - there is a delay at this end, probably linked to their use of a news scroller at the top of the page. A small thing to iron out.</Paragraph> <Paragraph>The front page redesign is the first step in an 18-month project to redesign the entire website. According to Emily Bell via the Guardian's <Link URL="http://blogs.guardian.co.uk/news/archives/2007/05/10/guardian_unlimited_the_new_look_explained.html" Window="New">news blog</Link>:</Paragraph> <Block> <Paragraph> <Quote>"We aim for a simple and usable design which makes your experience of Guardian Unlimited easier, more intuitive and more enjoyable."</Quote> </Paragraph> </Block> <Paragraph>Here's a look below the fold: </Paragraph> <Paragraph Align="Center"> <Link URL="http://farm1.static.flickr.com/191/492420345_0e11eac605_o.jpg" Window="New"> <Image AlternateText="Guardian below the fold" Source="http://farm1.static.flickr.com/191/492420345_0e11eac605_o.jpg"> </Image> </Link> </Paragraph> <Paragraph Align="Left">Now then, who notices a passing resemblance to recently-revamped homepage for <Link URL="http://www.timesonline.co.uk" Window="New">The Times</Link>? </Paragraph> <Paragraph Align="Left">Both homepages have the ad space above the headers and share a bunch of other features, including a blend of <Emphasis>serif and sans-serif fonts</Emphasis> for headers and body text, a <Emphasis>four-column layout</Emphasis>, AJAX/Javascript <Emphasis>info-panes</Emphasis>, and so on. What else can you spot?</Paragraph> <Paragraph Align="Center"> <Link URL="http://farm1.static.flickr.com/219/492420349_1a170d1f7b_o.jpg" Window="New"> <Image AlternateText="Times frontpage" Source="http://farm1.static.flickr.com/219/492420349_1a170d1f7b_o.jpg"> </Image> </Link> </Paragraph> <Paragraph Align="Left"> Below the fold (The Times): </Paragraph> <Paragraph Align="Center"> <Image AlternateText="Below the fold" Source="http://farm1.static.flickr.com/197/492420361_33464135b4_o.jpg"> </Image> </Paragraph> <Paragraph Align="Left">Both homepages are <Emphasis>big improvements</Emphasis> on earlier versions, but has somebody released a design template for online newspaper page layouts that we don't know about...?</Paragraph> </FormattedContent>

2007-05-10T13:25:00+01:00

econsultancy_xml

The Guardian has today unveiled a new look for its homepage, with a more image-heavy approach than the previous version... <a href="http://farm1.static.flickr.com/189/492420343_edb9a29dec_o.jpg"> <img alt="New Guardian front page" src="http://farm1.static.flickr.com/189/492420343_edb9a29dec_o.jpg" /> </a>

<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"> <Paragraph> <Emphasis>The Guardian has today unveiled a new look for its homepage, with a more image-heavy approach than the previous version...</Emphasis> </Paragraph> <Paragraph Align="Center"> <Link URL="http://farm1.static.flickr.com/189/492420343_edb9a29dec_o.jpg" Window="New"> <Image AlternateText="New Guardian front page" Source="http://farm1.static.flickr.com/189/492420343_edb9a29dec_o.jpg"> </Image> </Link> </Paragraph> </FormattedContent>

false 1178

Econsultancy has a wide range of documents to help you with designing websites from start to finish. Check out our <a href="http://econsultancy.com/reports/effective-web-design-best-practice-guide">Effective Web Design Guide</a> and our <a href="http://econsultancy.com/reports/template-files-for-web-projects">Web Project Management Template Files</a> for more information.

363297

The Guardian redesigns its home page false

2007-05-10T15:04:00+01:00

the-guardian-redesigns-its-home-page

2009-04-30T05:52:46+01:00

2009-10-13T09:02:40+01:00

453