Wednesday, April 7, 2010

[Collect] 2c : Design : Wireframes: Content & Functionality

Wednesday 7 April


in class
studio time/desk crit


You are to determine what content resides on each page, as well as, the hierarchy & compositional arrangement of that content on each page.

Identify all your "prototypical" pages for iterative exploration. At minimum you must represent: a macro-sorting view and a revealed infograph view, but could also represent an about view, infograph index page, etc.

Each page address the following types of content:
• Navigation to the sorted views, as well as...
• Navigation to the revealed information graphics.
• Arrangement of the collection on the page, as well as...
• Arrangement of the infographs on the page (after click).
• Plus, additional content (like a title, intro text) to help clarify and frame the collection

You are to produce several variations for each prototypical page-type*. In each iteration, address different content arrangements, hierarchy levels, text and navigational options. Note: I did NOT mention animation/transitions.**


Day 4: Friday 9 April: Print & pin-up best explorations for crit

*These pages can be delivered in the form of VERY CLEAR & SMART paper prototypes or wireframes. They represent the content and functionality of the page - which means they require a high-level of brain power and criticality. They are NOT aesthetic explorations. Use a limited font and color palette. Use a 9x5 ratio (or 950-550 pixels), sized to print on 8.5x11.

**Why not? Animation alone does not guarantee a quality interactive experience. 
I'm not discounting the fact that transitions can add polish to a site and heighten the user's overall experience (they do!). But flash for flash's sake can really get in the way. First, concentrate on the functionality of your site, the organization and display of your content, the clarity of information graphics and the overall-sensitivity to design elements (typography, composition, hierarchy). Only AFTER those key issues are addressed successfully, should you explore transition/animation.

No comments:

Post a Comment