yourarthere.net

Footer, versions 1, 2, 3a & 3b

Posted in design by callibeth on February 23, 2010

Version 4.

Version 3a incorporating Feb 25 comments.

. .. except that I’ve moved the truck and type over to the right with the About text. I like it there because it is not driving out off the screen, fits with text organization better, and is not in the same position as the header logo.

Here’s a variation (version 3b) that puts more of the information at the top of the footer:

Version 2b incorporating last of Feb 23 comments:

Two columns for the artists makes it very tight horizontally, even with the margin changes. We’d have to only list people with names <= 20 characters 🙂 Or use a condensed typeface. With only about 12px between the columns, vertical rules might be necessary to organize it visually.

(I was matching the margins on the latest version of the home page, but perhaps that’s not so important when the footer considered as a separate piece.)

Version 2, with changes according to recent comments. I’m leaving version 1 posted (below) for comparison.

footer

I realize as I’m posting this that I’m missing a link to the site map. Very important.

Besides the footer collection in PatternTap, I looked at this article for ideas:
http://www.smashingmagazine.com/2009/06/17/informative-and-usable-footers-in-web-design/
as well as some social-network sites.

Some issues:

  1. A separate footer for logged-in users? I couldn’t find enough reasons to make it a priority.
  2. I copied the current copyright statement for YourArtHere; perhaps it should be a little more explicit that artists retain copyright of their images, etc.
  3. List artists in the footer, or top 10, or a random selection, or just a search option for finding artists?
  4. The UI could be improved. The disparity of elements to be pulled together in the footer make UI optimization difficult.
  5. I considered SEO, but there’s room for improvement here.
  6. What is missing (besides the site map)?
Advertisements

6 Responses

Subscribe to comments with RSS.

  1. Owen said, on February 23, 2010 at 2:13 pm

    Looks good. Try using Lucida Grande to match the rest of the site (I think) and also make it smaller to make more room.

    1. I agree, not important.
    2. Yes, have you seen an example of this?
    3. I also like the idea of listing artists in the footer. Could be quite long but great for SEO.
    4. Try moving the truck and feed buttons to the far left into their own column, and listing links in four columns to the right of it.
    5. See above
    6. Capitals, back to top

    PS. Funny, the example in the Smashing Magazine article is from uxbooth.com – we’re going to have Andrew Maier here next month to talk about interface design.

  2. callibeth said, on February 23, 2010 at 3:49 pm

    Version 2 incorporates the above comments, except re: copyright notice. I haven’t found anything that’s succinct and informative. I’ll keep looking.

  3. Owen said, on February 23, 2010 at 3:52 pm

    How about making two columns with members? Also, if you make this 1000px wide with 30px margins on the left/right you will have more room.

  4. Lin said, on February 25, 2010 at 7:42 pm

    It’s Georgia, not Lucida Grande. Arial for sans-serif.

  5. Owen said, on February 25, 2010 at 7:53 pm

    Good progress. Here are some things to try to make this all fit together:

    – remove the vertical lines, and increasing margins
    – move © statement below everything on one line
    – try smaller text for everything
    – yes, Georgia for the header. Have we been using Arial for everything else?
    – remove search and sub-links
    – remove featured News and sub-links (most of that is already covered twice)
    – remove “Hosting Plans” text and move the description text under it over under truck
    – make sure all sans-serif is the same size, and all headers are the same size.

  6. Owen said, on March 18, 2010 at 3:36 am

    Check out this footer
    http://www.americanidol.com/videos/season_9/recaps/


Comments are closed.

%d bloggers like this: