InformationArchitecture

InformationArchitecture - CSE 102 Introduction to Web...

Info iconThis preview shows pages 1–8. Sign up to view the full content.

View Full Document Right Arrow Icon
CSE 102 Introduction to Web Design and Programming Information Architecture
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Layout Design – the overall process of communicating and editing ideas in the visual arts Layout – the actual arrangement and placement of content in a 2D space layout emerges after you have developed the overall design for the project begin with defining its information architecture Information Architecture – a blueprint for the site’s information delivery, organization, & functionality
Background image of page 2
Thumbnails: quick, small drawings
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Practical IA models Book model with table of contents, chapters, sections, etc … Newspaper model Organizational model management, customer service, marketing, sales, personnel, etc … Department store model Audience-oriented model Different types of site visitors are immediately directed to different parts of the site Others: Museum model Library model Map model
Background image of page 4
Logical IA models Hierarchical model info is organized into a family-tree structure Central dispatching model (star topology) main contact point directs visitors to different parts of the site Linear model Others: connected graph model circular model distributed model catalog model
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Steps for defining a site’s IA Should be done before creating any Web pages 1. Define site goals What are purpose, scope of site? 2. Define audience 3. 4. Formulate visual presentation concepts 5. http://www.iconsupport.demon.co.uk/Map/Site_Map.html 6. Design & produce visual forms
Background image of page 6
Layout Grids A set of invisible vertical & horizontal lines to guide content placement The primary way designers organize elements ina
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 8
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 05/13/2011 for the course CSE 102 taught by Professor Richardmckenna during the Spring '11 term at SUNY Stony Brook.

Page1 / 19

InformationArchitecture - CSE 102 Introduction to Web...

This preview shows document pages 1 - 8. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online