Output Pages :
Presentation structure
As Robert has mentioned, he'd like me to put together the pages from the site, getting my instructions from you, and design elements, graphics, and a color scheme from Marita, a bona fide HTML designer (which, obviously, I am not!).
Question: at this point are you only interested in feedback on info for specific pages (rather than information on the design of your initital mock-up)? In other words, do you want to split these two aspects of the design (content vs look)?
Some specific types of feedback that would be really helpful would be:
- a list of items that should appear on the home page... for example, I have there now 4 top news stories with lead-ins, and 9 additional headlines.
From the home page we'll need navigation links to the three main sections of the site: News, Research, & Resources.
The mockups I've put on the framework planning blog (http://www.bonner.org/framework/) under page design should give you at least one idea for the divisions.
As for the home page content, I think we should trying showing four items each in the three sections laid into columns, one for for News, Research, and Resources.
For these individual news items, let's have a smaller font subhead (above and to the left of the article title) that indicates the sub-categor(ies) for that item (you did this in your mock-up under Popular Resources). Design wise, follow the NPR look on their home page for articles with the ALL CAPS light grey sub-categories for NATION, WORLD, TECHNOLOGY, etc. On our home page, we'd have that be the issue category. We would do the same on the "home" page for each of the three major sections. However, in the "home" page for a single issue with News, those subheads would the news type (eg., available funds, proposed legislation, etc.).
We should try having the left sidebar showing the three major sections....with the issue areas hidden from view. Once a section was selected, the sub-menu of issues would then be shown.
It'll take more thinking for me to begin figuring out what smaller item boxes might show up (as you've done with popular resources).
I think we should be designing the overall home page and the lead or "home" pages for each of the three primary sections (news, research, resources). Then, we should mock-up a detailed page on a single entry. This will allow us to determine the full set of page structure issues and solutions.
-your general preferences on colors and layout
For now, let's use the www.npr.org design as our starting point for the look/design of the site. In other words, let's copy their site first and then modify it's elements into something more like our own. This will work better than starting with one of my ugly mock-ups.