A Blueprint for Successful Web Sites Information Architecture - PowerPoint PPT Presentation

Loading...

PPT – A Blueprint for Successful Web Sites Information Architecture PowerPoint presentation | free to download - id: 2a899-YjIzZ



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

A Blueprint for Successful Web Sites Information Architecture

Description:

A Blueprint for Successful Web Sites. Information Architecture & Web Design ... Web Design. IA Overview. The sum of its parts... Before you begin take time to: ... – PowerPoint PPT presentation

Number of Views:88
Avg rating:3.0/5.0
Slides: 21
Provided by: bbai
Learn more at: http://www.psu.edu
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: A Blueprint for Successful Web Sites Information Architecture


1
A Blueprint for Successful Web SitesInformation
Architecture Web Design
Web 2003 - June 18, 2003 Beth Bailey Kim
Eke Elizabeth Pyatt
2
IA Web Design
  • IA Overview
  • Design Document
  • Activity
  • IA Process Next steps
  • Your next steps

Todays presentation
3
What makes a good site?
  • Or, what makes a bad site?

IA Overview
4
IA What it is
  • The blueprint of the site/project upon which all
    other aspects are built
  • Project scope
  • Goals, mission, vision
  • Content and functionality
  • Structure
  • Navigation and interface
  • Interaction
  • Visual design

IA Overview
5
IA What it isnt
  • ITS NOT THE SAME AS
  • Usability
  • Accessibility
  • Web Design

IA Overview
6
The sum of its parts
  • Before you begin take time to
  • Identify individual components or pieces of
    information
  • Consider the nature of info (static v. dynamic)
  • Conceptualize the whole
  • Anticipate future growth

IA Overview
7
Mapping information
  • Concept maps
  • Outlines
  • Organizational charts
  • Spreadsheets
  • Whatever works best for your brain

IA Overview
8
What is it good for?
  • Absolutely everything!

Design Document
9
Overview
  • Physical documents in which planning information
    is recorded
  • Essential in the entire process
  • Each stage builds on the prior
  • Can refer back to them at any time in the project

Design Document
10
Allows for
  • Walk through of scenarios
  • Opportunity to view the site in action prior to
    programming
  • Collaboration tool when development does begin

Design Document
11
The Document
  • Site Goals
  • Audience
  • Scenarios
  • Competitive Analysis

Design Document
12
The Document (cont)
  • Content and Functional Requirements
  • Site Structure
  • Layout Grids
  • Page Mockups

Design Document
13
Part 1 Mapping Info (10 min)
  • Read meeting notes from scenario
  • Identify all possible information to
  • Meet clients goals needs
  • Consider nature of info
  • Consider future growth of site

Activity
14
Part 2 Organizing Info(10 min)
  • Group information (categories)
  • Consider all possible labels for info and select
    best
  • Create an outline or table to identify your main
    categories
  • List the information included in each category

Activity
15
Part 3 Compare
  • In small groups, compare
  • Categories
  • Overall organization
  • Types of info included or not

Activity
16
Debriefing (So what?)
  • Organizing labeling info is difficult
  • Label interpretations vary
  • Future growth unknown
  • Designing a system
  • And you still dont have a clue about what the
    site looks like

Activity
17
Life after documentation
  • Navigation systems
  • Screen design
  • Prototyping
  • Paper, web, graphics
  • Present Design Doc prototype(s) to client

IA Process Next Steps
18
Your thirst for knowledge
  • IA resources
  • Usability user testing
  • Accessibility

Your next steps
19
IA is the blueprint
  • Broad growing field
  • Design Doc is small piece
  • More research now
  • Good IA contributes to usability
  • Use your knowledge creativity for good not
    evil!

Summary
20
Questions??
About PowerShow.com