{[ promptMessage ]}

Bookmark it

{[ promptMessage ]}

InformationArchitecture

InformationArchitecture - CSE 102 Introduction to Web...

Info icon This 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
Image of page 1

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

View Full Document Right 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
Image of page 2
Thumbnails: quick, small drawings
Image of page 3

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

View Full Document Right Arrow Icon
Practical IA models Book model with table of contents, chapters, sections, etc … Newspaper model with front page, headlines, sections, & quick index Organizational model Reflect the departments & administrative hierarchy of a company or business management, customer service, marketing, sales, personnel, etc … Department store model An entry directory of goods & services, departments with their own items Audience-oriented model Different types of site visitors are immediately directed to different parts of the site Others: Museum model Library model Map model
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 info is organized in a sequence of previous & next pages Others: connected graph model circular model distributed model catalog model
Image of page 5

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

View Full Document Right 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. Create & organize content 4. Formulate visual presentation concepts 5. Develop site map & navigation http://www.iconsupport.demon.co.uk/Map/Site_Map.html 6. Design & produce visual forms
Image of page 6
Layout Grids
Image of page 7

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

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

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern