11 info architecture
TRANSCRIPT
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 opportunitiesFood and beverages provided. GENERAL MOTORSTuesday, February 26, 20136: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
Sketches
Storyboard made with sketches
Wireframe
Mockup
Prototype
Functionality
Interactivity
Simulates the final design
Can be:
Paper
Linked wireframes
Pre-alpha version
Prototyping tool – InVision App
Lo-Fi
Hi-Fi
SketchesWirefram
eMockupPrototyp
e
Lo-Fi
Hi-FiPrototype
Sketches
Wireframe
Mockup
Information Architecture
Main pointsWhat 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
http://webstyleguide.com/wsg3/3-information-architecture/4-presenting-information.html
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
Why does information
architecture matter?
*How can information architecture affect usability?
Organizeavailable information
to supportthe user’s tasks.
How people navigateOptimal
rationalitySatisficing
(Information Foraging Theory)
How people navigate
Benefit
Cost
Navigation costsScanning 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
Breadth & DepthDesign Recommendations
Magic number 7 ± 2 ????
Recommended depth: 3 levels
Recommended breadth: 16 options
Card SortingUsability method for developing site
organization
Organization LogicsSemantics (conceptual)
Task-based
Audience-based (user type)
Organization-based
Life event
Implementation
See also http://wd.onepotcooking.com/2010/02/13/information-architecture-navigation/