Page Structure

The Page structure defines the regions of a page and the location of the components. The document includes .svg file formats to view the proposed wireframe mock-ups from the points listed below. Wgo web Site will be fluid in nature and will be centre aligned throughout.

Home Page

  • General Navigation Bar should be at the very top of the screen from left to right with decorative strip.
  • Directly below the General Navigation Bar the Primary Bar can be displayed.
  • The search bar with button and language bar should always be located on the Primary Bar.
  • With 5 - 10 pixels space below primary bar we have the splash image.
  • Main body Text would be positioned below the splash in a horizontal fashion which would contain from left to right: GNOME News> GNOME Planet .

  • Right bar (sidebar) : "Slogan" block.
  • Right bar (sidebar) : "Banner of choice" block.
  • Right bar (sidebar): "Featured product" block.
  • Right bar (sidebar): "Upcoming Events" block.
  • Right bar (sidebar): "Get Involved" block.
  • Bottom: Large footer with elements. See GnomeWeb/ComponentSelection for what is required.

Secondary Pages

  • General Navigation Bar should be at the very top of the screen from left to right with decorative strip.
  • Directly below the General Navigation Bar the Primary Bar can be displayed.
  • The search bar with button and language bar should always be located on the Primary Bar.
  • Secondary Navigation bar positioned directly below the Primary Navigation Bar.
  • Related Links block to be positioned towards the right hand side of the main body text area.
  • Footer which is smaller in height than the home page. See GnomeWeb/ComponentSelection for what is required.

  • Next and previous with page numbers (Only present when required, Optional Component).

Download Wireframe Mock-ups

At current the layout consists of the component positions in basic form (There is no GnomeWeb/LooknFeel).

You need to open the file with Inkscape or any application able to open the source svg file. Evince and other tools to visualize the image only won't show you the comments on the layout.

Wgo Home Page Wireframe Mock-up

layoutPlanHome0.6.svg

Wgo Secondary Page Wireframe Mock-up

layoutPlanSecondary0.4.svg

Comments

  • Right now there are five items in the sidebar on the right, perhaps one too many. What function does banner of choice have? Are there any darlings we can kill? :) - AndreasNilsson

    • The banner of choice is basically a promotion block for GNOME, it would be up to marketing team what they want to put there, but it would promote GNOME! -- LeeTambiah

      • Doesn't the big banner already fill this purpose? Sorry for getting into details like this, but my main concern is that we should look into if we can say the same thing with less noise... - AndreasNilsson

        • Ok, your concern is annotated and you might be right. Let's wait though to the arrival of look&feel and the first prototypes to see if the homepage gets too overcrowded or not. By now we are saying that if we want an extra promo block itps place is in that position of the right column. We can always get rid of it if we feel this is too much. The "Get involved" block is probably the weakest candidate here. It might happen that we would have a "Contribute" or "Get Involved" in ther wgo nav bar - let's wait until ther Navigation is approved. -- QuimGil

GnomeWeb/PageStructure (last edited 2008-02-03 14:44:40 by anonymous)