SlideShare una empresa de Scribd logo
1 de 28
CORPORATE PARTNER DAYS

INFORMATION SESSIONS

Learn more about these Technology industry partners:
• what they do
• how your major can apply to a career there
• available internships
• post-graduation opportunities
Food and beverages provided.

GENERAL MOTORS
Tuesday, February 26, 2013
6:00 - 7:30 p.m.
Knoy Hall, B029

Representatives are interested in talking with students in CGT, CIT,
ECET, MET and TLI
Bill Buxton – Principal Researcher, Microsoft




        https://twitter.com/wasbuxton
Today’s objectives:

1. Sketches, Wireframes, Mockups,
  Prototypes – what’s the difference?

2. Information Architecture
 Functionality
 Interactivity
 Simulates the final design
                               Can be:
                                Paper
                                Linked wireframes
                                Pre-alpha version
Lo-Fi   Hi-Fi
Lo-Fi   Hi-Fi
Information Architecture
Main points
 What is IA?
 How do you represent IA in documents?
 Card sorting
 Topology: Breadth vs. Depth
 Organization logics: task-based, user type, topical, org.
  structure, life event, implementation




                                                   from BGW 5
Information Architecture




http://webstyleguide.com/wsg3/3-information-architecture/4-presenting-information.html
Information Architecture

                 File naming > URL design!
                  http://www.slideshare.net/deanna.marbeck/url-design-for-
                             information-architects-presentation




http://webstyleguide.com/wsg3/3-information-architecture/4-presenting-information.html
Why does information
    architecture matter?
*
Organize
available information to
        support
   the user’s tasks.
How people navigate
 Optimal rationality    Satisficing
                          (Information
                          Foraging Theory)
How people navigate

           Benefit



  Cost
Navigation costs
 Scanning page
 Reading links / menus
 Finding / Deciding where to click
 Waiting for page to load
 Clicking through to find desired page

                       How can you
                      minimize them?
Broad Structure




Deep Structure
 Magic number 7 ± 2 ????
 Recommended depth: 3 levels
 Recommended breadth: 16 options




     Breadth & Depth
 Design Recommendations
Card Sorting
 Usability method for developing site
 organization
Organization Logics
  Semantics (conceptual)
  Task-based
  Audience-based (user type)
  Organization-based
  Life event
  Implementation

 See also
  http://wd.onepotcooking.com/2010/02/13/information-
  architecture-navigation/
11 info architecture
11 info architecture
11 info architecture

Más contenido relacionado

Destacado

Occupational Health and Safety
Occupational Health and SafetyOccupational Health and Safety
Occupational Health and SafetyNSW BER IPO
 
Scientists Encode First Women Genome
Scientists Encode First Women GenomeScientists Encode First Women Genome
Scientists Encode First Women GenomeSbeauchemin
 
Scientists Encode First Women Genome
Scientists Encode First Women GenomeScientists Encode First Women Genome
Scientists Encode First Women GenomeSbeauchemin
 
Social Business Advantage
Social Business AdvantageSocial Business Advantage
Social Business AdvantageLithium
 
Science Centre ‘Refurbishments’ Presentation
Science Centre ‘Refurbishments’ PresentationScience Centre ‘Refurbishments’ Presentation
Science Centre ‘Refurbishments’ PresentationNSW BER IPO
 
03 research project-outline_621
03 research project-outline_62103 research project-outline_621
03 research project-outline_621Dr. V Vorvoreanu
 
Будь активным!
Будь активным!Будь активным!
Будь активным!antirek
 
Engineering and Technology Education
Engineering and Technology EducationEngineering and Technology Education
Engineering and Technology EducationDr. V Vorvoreanu
 
Mary Beth And John Tinker Case Presentation
Mary Beth And John Tinker Case PresentationMary Beth And John Tinker Case Presentation
Mary Beth And John Tinker Case Presentationdwodtke
 

Destacado (20)

Occupational Health and Safety
Occupational Health and SafetyOccupational Health and Safety
Occupational Health and Safety
 
Scientists Encode First Women Genome
Scientists Encode First Women GenomeScientists Encode First Women Genome
Scientists Encode First Women Genome
 
Seti 09
Seti 09Seti 09
Seti 09
 
Managing onlineidentity
Managing onlineidentityManaging onlineidentity
Managing onlineidentity
 
Slides tech621
Slides tech621Slides tech621
Slides tech621
 
Scientists Encode First Women Genome
Scientists Encode First Women GenomeScientists Encode First Women Genome
Scientists Encode First Women Genome
 
accessibility
accessibilityaccessibility
accessibility
 
Procurement
ProcurementProcurement
Procurement
 
Social Business Advantage
Social Business AdvantageSocial Business Advantage
Social Business Advantage
 
Science Centre ‘Refurbishments’ Presentation
Science Centre ‘Refurbishments’ PresentationScience Centre ‘Refurbishments’ Presentation
Science Centre ‘Refurbishments’ Presentation
 
03 research project-outline_621
03 research project-outline_62103 research project-outline_621
03 research project-outline_621
 
mobile usability
mobile usabilitymobile usability
mobile usability
 
Будь активным!
Будь активным!Будь активным!
Будь активным!
 
usability testingplanning
usability testingplanningusability testingplanning
usability testingplanning
 
Tech621 [re]orientation
Tech621 [re]orientationTech621 [re]orientation
Tech621 [re]orientation
 
heuristic evaluation
heuristic evaluationheuristic evaluation
heuristic evaluation
 
Engineering and Technology Education
Engineering and Technology EducationEngineering and Technology Education
Engineering and Technology Education
 
Mary Beth And John Tinker Case Presentation
Mary Beth And John Tinker Case PresentationMary Beth And John Tinker Case Presentation
Mary Beth And John Tinker Case Presentation
 
Book Demographic DPP
Book Demographic DPPBook Demographic DPP
Book Demographic DPP
 
19 excise discussion
19   excise discussion19   excise discussion
19 excise discussion
 

Similar a 11 info architecture

Information Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in OrderInformation Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in OrderBusinessOnline
 
Information Architecture Development
Information Architecture DevelopmentInformation Architecture Development
Information Architecture DevelopmentAchmad Solichin
 
Information Architecture: Putting the "I" back in IT
Information Architecture:  Putting the "I" back in ITInformation Architecture:  Putting the "I" back in IT
Information Architecture: Putting the "I" back in ITLouis Rosenfeld
 
Data-Driven Design for User Experience
Data-Driven Design for User Experience Data-Driven Design for User Experience
Data-Driven Design for User Experience Emi Kwon
 
HI5030 Business Systems Analysis And Design.docx
HI5030 Business Systems Analysis And Design.docxHI5030 Business Systems Analysis And Design.docx
HI5030 Business Systems Analysis And Design.docxwrite4
 
Web Engineering Notes II as per RGPV Syllabus
Web Engineering Notes II as per RGPV SyllabusWeb Engineering Notes II as per RGPV Syllabus
Web Engineering Notes II as per RGPV SyllabusNANDINI SHARMA
 
Web Engineering UNIT II Notes as per RGPV Syllabus
Web Engineering UNIT II Notes as per RGPV SyllabusWeb Engineering UNIT II Notes as per RGPV Syllabus
Web Engineering UNIT II Notes as per RGPV SyllabusNANDINI SHARMA
 
2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-finalHallie Wilfert
 
Visualization for Software Analytics
Visualization for Software AnalyticsVisualization for Software Analytics
Visualization for Software AnalyticsMargaret-Anne Storey
 
Interaction Design (IxD) in the context of User Experience (UX)
Interaction Design (IxD) in the context of User Experience (UX)Interaction Design (IxD) in the context of User Experience (UX)
Interaction Design (IxD) in the context of User Experience (UX)Dave Malouf
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldKarri Ojanen
 
Information Architecture
Information ArchitectureInformation Architecture
Information ArchitectureOlivier Tripet
 
Web engineering notes unit 2
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2inshu1890
 
Information Architecture Intro
Information Architecture IntroInformation Architecture Intro
Information Architecture Introhapy
 
Card sorting
Card sortingCard sorting
Card sortingmbrosset
 

Similar a 11 info architecture (20)

11 info architecture
11 info architecture11 info architecture
11 info architecture
 
info architecture
info architectureinfo architecture
info architecture
 
11 info architecture-2014
11 info architecture-201411 info architecture-2014
11 info architecture-2014
 
Information Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in OrderInformation Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in Order
 
Information Architecture Development
Information Architecture DevelopmentInformation Architecture Development
Information Architecture Development
 
Intro To Ia
Intro To IaIntro To Ia
Intro To Ia
 
Information Architecture: Putting the "I" back in IT
Information Architecture:  Putting the "I" back in ITInformation Architecture:  Putting the "I" back in IT
Information Architecture: Putting the "I" back in IT
 
Data-Driven Design for User Experience
Data-Driven Design for User Experience Data-Driven Design for User Experience
Data-Driven Design for User Experience
 
Ia Toolkit
Ia ToolkitIa Toolkit
Ia Toolkit
 
HI5030 Business Systems Analysis And Design.docx
HI5030 Business Systems Analysis And Design.docxHI5030 Business Systems Analysis And Design.docx
HI5030 Business Systems Analysis And Design.docx
 
Web Engineering Notes II as per RGPV Syllabus
Web Engineering Notes II as per RGPV SyllabusWeb Engineering Notes II as per RGPV Syllabus
Web Engineering Notes II as per RGPV Syllabus
 
Web Engineering UNIT II Notes as per RGPV Syllabus
Web Engineering UNIT II Notes as per RGPV SyllabusWeb Engineering UNIT II Notes as per RGPV Syllabus
Web Engineering UNIT II Notes as per RGPV Syllabus
 
2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final
 
Visualization for Software Analytics
Visualization for Software AnalyticsVisualization for Software Analytics
Visualization for Software Analytics
 
Interaction Design (IxD) in the context of User Experience (UX)
Interaction Design (IxD) in the context of User Experience (UX)Interaction Design (IxD) in the context of User Experience (UX)
Interaction Design (IxD) in the context of User Experience (UX)
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
 
Information Architecture
Information ArchitectureInformation Architecture
Information Architecture
 
Web engineering notes unit 2
Web engineering notes unit 2Web engineering notes unit 2
Web engineering notes unit 2
 
Information Architecture Intro
Information Architecture IntroInformation Architecture Intro
Information Architecture Intro
 
Card sorting
Card sortingCard sorting
Card sorting
 

Más de Dr. V Vorvoreanu

DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDr. V Vorvoreanu
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordanceDr. V Vorvoreanu
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationDr. V Vorvoreanu
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX introDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocessDr. V Vorvoreanu
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesDr. V Vorvoreanu
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overviewDr. V Vorvoreanu
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction designDr. V Vorvoreanu
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypesDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 

Más de Dr. V Vorvoreanu (20)

Dia2 tues persona
Dia2 tues persona Dia2 tues persona
Dia2 tues persona
 
Dia2 sketches
Dia2 sketchesDia2 sketches
Dia2 sketches
 
DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personas
 
gestalt principles cats
gestalt principles catsgestalt principles cats
gestalt principles cats
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordance
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentation
 
Controls
ControlsControls
Controls
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX intro
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
 
Information architecture
Information architectureInformation architecture
Information architecture
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
 
Cgt 256 course review
Cgt 256 course reviewCgt 256 course review
Cgt 256 course review
 
Cross channel ux
Cross channel uxCross channel ux
Cross channel ux
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overview
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction design
 
Purdue MS degree CGT
Purdue MS degree CGTPurdue MS degree CGT
Purdue MS degree CGT
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypes
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
 

11 info architecture