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/