Top Banner
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, 20136:00 - 7:30 p.m.Knoy Hall, B029 Representatives are interested in talking with students in CGT, CIT, ECET, MET and TLI
28
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 11 info architecture

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

Page 2: 11 info architecture

Bill Buxton – Principal Researcher, Microsoft

https://twitter.com/wasbuxton

Page 3: 11 info architecture
Page 4: 11 info architecture

Today’s objectives:

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

2.Information Architecture

Page 5: 11 info architecture

Sketches

Page 6: 11 info architecture

Storyboard made with sketches

Page 7: 11 info architecture

Wireframe

Page 8: 11 info architecture

Mockup

Page 9: 11 info architecture

Prototype

Functionality

Interactivity

Simulates the final design

Can be:

Paper

Linked wireframes

Pre-alpha version

Page 10: 11 info architecture

Prototyping tool – InVision App

Page 11: 11 info architecture

Lo-Fi

Hi-Fi

SketchesWirefram

eMockupPrototyp

e

Page 12: 11 info architecture

Lo-Fi

Hi-FiPrototype

Sketches

Wireframe

Mockup

Page 13: 11 info architecture

Information Architecture

Page 14: 11 info 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

Page 17: 11 info architecture

Why does information

architecture matter?

*How can information architecture affect usability?

Page 18: 11 info architecture

Organizeavailable information

to supportthe user’s tasks.

Page 19: 11 info architecture

How people navigateOptimal

rationalitySatisficing

(Information Foraging Theory)

Page 20: 11 info architecture

How people navigate

Benefit

Cost

Page 21: 11 info architecture

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?

Page 22: 11 info architecture

Broad Structure

Deep Structure

Page 23: 11 info architecture

Breadth & DepthDesign Recommendations

Magic number 7 ± 2 ????

Recommended depth: 3 levels

Recommended breadth: 16 options

Page 24: 11 info architecture

Card SortingUsability method for developing site

organization

Page 25: 11 info architecture

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/

Page 26: 11 info architecture
Page 27: 11 info architecture
Page 28: 11 info architecture