Re: Design a Front End for the Spring Website.
Posted: 30 Mar 2008, 07:07
If people want to help without actually creating anything... post links to website front pages that you believe to be good.
A good front page will:
-Engage the viewer, first and foremost
-Immediately make clear what the site/project/program is all about
-Have readily available links to all important sections of the site
-Be uncluttered and easy to use - this includes using minimal text. There's nothing worse than a wall of text! edit. In other words it will be nothing like this post.
-Be free of anything that would confuse, mislead, or turn away a random visitor from a Google search. On this front, I am personally a fan of not putting news on the front page - this allows more room for graphics, "hooks", and functional areas on the page. Also, news tends to create a "wall of text" effect, which is a no-no for the front page. News should have its own page, IMO.
-Make prominent resources especially geared toward first-time visitors.
-Fit completely or nearly completely within a standard browser window, unless there's a specific reason not to.
Remember that the front page should be geared almost entirely to first-time visitors. Most regulars will have bookmarks to the part(s) of the website that are important for regulars. When's the last time you looked at the Spring front page? I didn't even remember what it looked like until I specifically went to look at it yesterday.
Some example front pages to consider:
419eater: immediately tells the reader what the site is about, and conveys very important information to the reader. IMO the paragraph-form text could be consolidated into a smaller list, but it's not a big deal - all of the text is relevant to someone who arrives at the site for the first time. Links in the body of the text are directed to first-time visitors. A bar of links at the top allows easy navigation across the site. The page could probably use a couple of interesting graphics, of which there are plenty on that site.
Ashoka: I arrived at this site from a random unrelated Google search, and within 30 seconds knew what the organization did. The central animation draws viewers in but gets a bit annoying - showing that you have to be careful with animated elements. Illustrates the concept that the first links the eyes are drawn to - the top left for Western cultures - should be the first links you want new visitors to click on. The site is clean and the color scheme is pleasant; brief links are provided to recent news, which I consider good. The body text of the page is too small, however.
I'll post more good ones as I come across them.
A good front page will:
-Engage the viewer, first and foremost
-Immediately make clear what the site/project/program is all about
-Have readily available links to all important sections of the site
-Be uncluttered and easy to use - this includes using minimal text. There's nothing worse than a wall of text! edit. In other words it will be nothing like this post.
-Be free of anything that would confuse, mislead, or turn away a random visitor from a Google search. On this front, I am personally a fan of not putting news on the front page - this allows more room for graphics, "hooks", and functional areas on the page. Also, news tends to create a "wall of text" effect, which is a no-no for the front page. News should have its own page, IMO.
-Make prominent resources especially geared toward first-time visitors.
-Fit completely or nearly completely within a standard browser window, unless there's a specific reason not to.
Remember that the front page should be geared almost entirely to first-time visitors. Most regulars will have bookmarks to the part(s) of the website that are important for regulars. When's the last time you looked at the Spring front page? I didn't even remember what it looked like until I specifically went to look at it yesterday.
Some example front pages to consider:
419eater: immediately tells the reader what the site is about, and conveys very important information to the reader. IMO the paragraph-form text could be consolidated into a smaller list, but it's not a big deal - all of the text is relevant to someone who arrives at the site for the first time. Links in the body of the text are directed to first-time visitors. A bar of links at the top allows easy navigation across the site. The page could probably use a couple of interesting graphics, of which there are plenty on that site.
Ashoka: I arrived at this site from a random unrelated Google search, and within 30 seconds knew what the organization did. The central animation draws viewers in but gets a bit annoying - showing that you have to be careful with animated elements. Illustrates the concept that the first links the eyes are drawn to - the top left for Western cultures - should be the first links you want new visitors to click on. The site is clean and the color scheme is pleasant; brief links are provided to recent news, which I consider good. The body text of the page is too small, however.
I'll post more good ones as I come across them.