KBD_p1_roughs

KBD Index | Pact Analysis | Scope | P1 Envision | Moodboard | Discussion | Resources | P3 Process | P3 User Testing

=** P1 ENVISION ROUGHS **= 3005 DESIGN & SYSTEMS BRITTANY, DASHA AND KITTY

Developing the info architecture: - class exercise.



- omnigraffle and visual layout - final

Wireframes and page layouts:

Using the scenarios, info architecture and setting up tasks to complete pushed us to envision what the user might encounter on each page, and the logical positioning of content on those pages. We began by establishing the main navigation and how it would function to display the headings and subheading.

Brainstorming different navigation options and styles we settled on having a horizontal navigation bar, revealing additional features in a row below it upon rollover, avoiding having drop-down menus because they tend to cover and clash with the material on the page. Another idea was to have the sub-headings slide out from the heading selected. Although this solution presented several continuity problems for displaying and fitting the sub-headings for the middle selections, this might very well work depending on how many links and material we actually decide to have.

Working on establishing our 6 column grid, the general format of our banner, navigation, format for displaying images and content hierarchy, the rest of the content and information was starting to fall into it's own logical structure and place.



Info Arch edited Scenarios 01 & 02 edited Information Architecture (Draft 1)